Mempercantik blockquote

Alhamdulillah, bisa posting sebuah artikel sekarang. Mohon maaaf untuk semua, mungkin akhir-akhir ini saya kurang mengurusi blog saya. Di karenakan akhir-akhir ini banyak kegiatan, sehingga saya kurang waktu di dunia maya. Yah, blog yang ber PR 3 ini, sekarang terlihat lebih sepi mamring dari pada biasanya. Tapi makasih yang sudah bersedia mampir di rumahku ini.

Yuk, langsung aja ke materi kita hari ini, yaitu cara mempercantik blockquote.
Seperti yang anda lihat di semua blockquote milik saya, jika mouse tidak mengarah dalam blockquote, maka warna blockquote akan abu-abu, namun jika pindahkan kursor kedalam blockquote, warna blockquote akan berubah menjadi biru. Sebenarnya cara ini mirip dengan efek hover. Mau tahu caranya, ikuti cara mempercantik blockquote berikut ini:

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.