Wednesday, May 20, 2015

Blockquote Styles #1

Hai, Gifta buat tutorial Blockquote lagi! Tapi kali ini style blockquotenya banyak! Langsung aja, ya! Silakan read more!
Blockquote itu seperti ini, tapi ini style di blogku ...
Kalau kalian blognya pengen ada blockquotenya, klik ini aja, ya ...
Ini dia style-style blockquote yang bisa kalian coba! Pilih salah satu, ya! Kalau mau pakai, WAJIB bilang dulu di komentar / CBOX ...
  • Warna background berubah saat dihover
background : #FFFFFF;color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background:#000000;border: 3px dotted #CC6BFF;background-repeat:repeat;}
  •  Gambar background berubah saat dihover
background : url (url background);color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background:url (url background);border: 3px dotted #CC6BFF;background-repeat:repeat;}
  • Background menjadi icon / image saat dihover
background-image : url (url background);color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background-image:url (url icon / image); background-position: bottom right;background-repeat: no repeat;}
  • Warna tulisan dan gambar background berubah saat dihover
background-image : url (url background);color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background-image:url (url icon / image); background-position: bottom right;background-repeat: no repeat;color:#ffffff}
Nah, itu semua kodenya letakkan di bawah kode blockquote (kodenya ada di post ini, yang kodenya mirip-mirip sama kode .post-blockquote)

Yang warna tulisannya biru itu edit sendiri, ya ... Untuk kode warnanya lihat di sini, oke?

Segitu dulu, ya! Lain kali (kapan-kapan) aku post style yang lain lagi! Kalau ada yang gak paham tanya di komentar, kalau ada yang tidak berfungsi tanya di komentar juga.