Mengubah Tampilan Blockquote sesuka hati.

Beberapa hari sempat tidak ngeblog dikarenakan mencari ilmu lain, ~~kalau cuma main blog, kapan pinternya~~ dan pada hari ini saya putuskan untuk kembali mengurus blog saya yang ~~hina~~ ini . yap langsung saja pada update kali ini, WwdQ akan membahas cara mengubah-ubah tampilan blockquote. Ada yang belum tahu apa itu Block quote?, kata google translate sih blok kutipan. Dari pada penasaran atau bingung, langsung saja liat contoh blockquote yang ada di template sini dan praktekan

Contoh Quote Yang Ada Di Template Ini

Sekarang ayo prakteknya
Langkah Pertama :

Login Ke akun blogger anda
Sesampainya di Dasbor sekarang pergi ke Rancangan
Sudah? Setelah itu Menuju Edit HTML
Bila anda kurang yakin dengan keberhasilan pada praktek kali ini, silakan backup terlebih dulu template anda
Cari (CTRL+F) yaitu .post blockquote {
Mungkin beberapa template berbeda...

Setelah ketemu Ubah kode CSS nya menjadi

.post blockquote {
border-bottom:1px solid #b2b2b2;
border-top:1px solid #000000;
border-right:1px solid #b2b2b2;
border-left:1px solid #000000;
padding: 16px 14px 14px 14px;
margin:1em 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVAZRaOGfix7SpQX_jm5Uqf8FhAZopmtaMjfdP3i_CpS0oXEAY42lRJM0TntOyCBvP9lMeBsyW0RFrzpa8h8Ss2-DEdHXNmy44fbXuLnIUqo443blkAQEVqP5hBP0J9F_evsfE1wRPodA/s1600/quote.png) no-repeat left top #e1e4f2;
}

Atau menurut kreasi anda sendiri....

Bila anda belum mengerti kode CSS, seperti border, padding, atau margin, anda bisa belajar terlebih dahulu disini : http://wwdq.blogspot.com/...margin-css.html

Post Info :
Judul = Mengubah Tampilan Blockquote sesuka hati.

Url = http://wwdq.blogspot.com/2011/06/mengubah-tampilan-blockquote-sesuka.html

Author = Riloaw. At : 16.27 Jumat, 24 Juni 2011 | Comment:9

Artikel Terkait

blog