Mudah! Begini Cara Membuat Blockquote Keren di Blog

Mudah! Begini Cara Membuat Blockquote Keren di Blog - Blockquote adalah fitur untuk mengutip sebuah kata-kata penting. Yang biasany berisi tentang kata mutiara atau lainnya.

Nah, di sini Chilogger akan memberikan tutorial cara membuat nya, yang di tulis dalam satu artikel berjudul Mudah! Begini Cara Membuat Blockquote Keren di Blog.

Cara Membuat Blockquote Keren

1. Login ke akun Blogger kamu masing-masing.

2. Klik menu Tema => Edit Html.

3. Masukan kode script CSS di bawah ini sebelum kode ]]></b:skin> atau </style>

/* CSS Note */
.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}

4. Simpan Tema.

Untuk cara memasang nya, silahkan Copy dan paste markup kode pemanggil di bawah ini.

<div class='note blue'>Kotak Catatan Warna Biru</div>

5. Selesai.

Berikut artikel Mudah! Begini Cara Membuat Blockquote Keren di Blog. Selamat mencoba.