Thursday, September 17, 2015
Hallo sobat blogger pasti kalian sudah pernah dengar kan yang namanya " Blockquote ". Nah pada kesempatan kali ini saya akan berbagi scrip CSS blockquote agar menjadi lebih keren dan menarik. Oke kita tidak akan lama lama lagi berikut ini caranya untuk mengubah tampilan blockquote :
1. Login Blogger.
2. Klik blog kalian.
3. Klik Template.
4. Klik Edit Template.
5. Cari code berikut ini ]]></b:skin>
6. Copy code di bawah ini tepat di atas code ]]></b:skin>
.post blockquote{max-height:100px; overflow:auto; background: #0e0e0e; font-style:normal; border:1px solid#006acc;margin:10px;padding-left:15px;padding-bottom:8px;padding-top:8px;color:#fff; border-radius:4px; transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s;}.post blockquote:hover {box-shadow:0 0 13px #000;}.post blockquote p{margin:.75em 0; padding-right:5px; padding-left:15px;background:rgba(153,153,153,0.07);padding-bottom:8px;padding-top:8px;}
7. Dan terakhir klik simpan template.
Keterangan :
= Scroll Blockquote
= Background Blockquote
= Ukuran Border Blockquote
= Ukuran Tinggi Blockquote
= Jenis Border Style
= Warna Border Blockquote
= Warna Text Blockquote
