Cara Membuat Blockquote Kertas Lipat yang Keren di Blog kali ini saya akan share kode Blockquote atau kertas lipat yang sangat keren yang wajib kalian pasang di blog mu.
Kalian pasti tidak asing lagi dengan kata Blockquote kan iya suatu tanda dalam kata yang penting untuk dibaca maka dari itu saya akan share cara membuatnya di tutorial dibawah ini
Cara Membuat Blockquote Kertas Lipat yang Keren di Blog
1. Kunjungi Blogger.com
2. Pilih Menu Dashboard Tema > Edit Tema
3. Cari kode
]]></b:skin> untuk mempermudah pencarian tekan CTRL + F lalu copy kode CSS dan paste kode dibawah ini tepat di atas ]]></b:skin>
/* CSS Blockquote AE */
.note{position:relative;padding:1.2em 1.5em;margin:2em auto;color:#fff;background:#2ecc71;overflow:hidden}
.note.yellow{background:#f1c40f}
.note.red{background:#e74c3c}
.note.blue{background:#3498db}
.note:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #27ae60 #27ae60;background:#27ae60;box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);display:block;width:0}
.note.yellow:before{border-color:#fff #fff #f1c40f #f1c40f;background:#f1c40f}
.note.red:before{border-color:#fff #fff #e74c3c #e74c3c;background:#e74c3c}
.note.blue:before{border-color:#fff #fff #3498db #3498db;background:#3498db}
Cara Pemasangan nya:
Cara nya kode Blockquote ini terdapat empat warna copy paste kan kode dibawah ini dalam mode HTML bukan Compose yah.
<div class='note blue'>Kotak Catatan Warna Biru</div>
TutorialBlockquote inu memiliki 4 warna dan di kode ya saya mark blue silahkan ganti dengan 4 warna Merah, Biru, Hijau, dan Kuning.
Saya rasa cukup di Artikel kali ini Cara Membuat Blockquote Kertas Lipat yang Keren di Blog jika ada pertanyaan silahkan berikan komentar mu ya dibawah ini.