Monday, June 8, 2015

Blockquote Styles #2

Dulu, Gifta juga pernah buat blockquote styles, tapi yang itu yang tentang setelah dihover. Kalau sekarang, yang tentang untuk mendesainnya... Kepo? Yuk, langsung!
Untuk penambahan blockquote di blog, klik ini

Nah, ini dia style-style untuk mendesain blockquote
Kalau mau pakai, wajib bilang dulu di komentar / CBOX !!!
  • Border Double pada Blockquote Setelah & Sebelum Dihover
background : #FFFFFF;color : #000000;padding : 6px;margin : 2px 2px;border :3px double #CC6BFF;border-radius :15px;}blockquote:hover {color:#ffffff;}
  • Border Atas Saja yang Melengkung Setelah & Sebelum Dihover
background : #FFFFFF;color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-top-left-radius :15px;border-top-right-radius :15px;}blockquote:hover {color:#ffffff;}
  • Border Bawah Saja yang Melengkung Setelah & Sebelum Dihover
background : #FFFFFF;color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-bottom-left-radius :15px;border-bottom-right-radius :15px;}blockquote:hover {color:#ffffff;}
  • Semua Border Melengkung Setelah & Sebelum Dihover
background : #FFFFFF;color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px;}blockquote:hover {color:#ffffff;}

Letakkan kode yang kamu pilih di bawah kode yang mirip-mirip sama .post-blockquote (lebih tepatnya lihat di sini)
Yang warnanya biru itu edit sendiri ya ... (^_^) Untuk kode warna, lihat di sini