Mempercantik Bloquote

kita akan membahas tentang mempercantik bloquote bagaimana caranya:

1. Login ke blogger
2. Masuk ke tata letak
3. Pilih edit html
4. Kemudian, cari kode yang mirip di bawah ini(sebagian mungkin beda):

.post blockquote{
margin-left:30px; padding:11px; background:#f2f2f2; color:#000; border-left:4px dotted #2E2E2E}

.post blockquote p{
margin:.75em 0; padding-right:5px; padding-left:10px}

5. Kemudian tambahkan kode berikut, di bawah kode atas:

.post blockquote:hover{background-color:#2fa2fb}

ganti kode yang berwarna merah, dengan warna yang anda sukai
6. Selesai


tutorial di atas masih sangat sederhana, kalian bisa membuat variasi sendiri dengan css. Saya yakin, anda bisa lebih kreatif dari pada saya.

Artikel yang berkaitan