Cara Mengubah Tampilan Blackquote Pada Blog

Blockquote adalah sebuah tampilan yang akan membedakan tulisan yang satu dengan yang lain. contohnya dapat digunakan untuk memblok sebuah kata atau kode. maka dari situ pembaca bisa membedakan mana konten yang lebih penting dengan tanda yang berbeda.

Blockquote juga bisa di gunakan untuk sebuah tanda atau pemasangan script pada postingan, hal ini dapat membuat pengunjung blog anda nyaman.

Langsung saja untuk membuat/mengganti tampilan Blackquote pada blog simak langka-langka berikut :

1. Login ke akun Blogger Anda
2. Pilih Template - Edit HTML
3. Cari kode ]]></b:skin> untk lebih mudanya tekan Ctrl+f 
4. Copy Kode di bawah ini dan paste tepat  di atas kode ]]></b:skin>

SCRIPT CODE                                                                                                                         </>

.post blockquote {
background: #2F4F4F url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOo_MgbyIy8hoVol9nQo-m8kGgtO0gom00p1lfYSuNdAa8ysp7UEWu7-zQTUvEkToV8VEhea0m9SZQ8N2-eoDrvQBrbXi3UCUKT8e5G2pZX-UanGIQ44a5pZzhZ9a1KjYKDI65bEaIMzSW/s400/Gambar+quote+berbagi+1.gif) top left repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
.post blockquote:hover {
background: #2F4F4F url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOo_MgbyIy8hoVol9nQo-m8kGgtO0gom00p1lfYSuNdAa8ysp7UEWu7-zQTUvEkToV8VEhea0m9SZQ8N2-eoDrvQBrbXi3UCUKT8e5G2pZX-UanGIQ44a5pZzhZ9a1KjYKDI65bEaIMzSW/s400/Gambar+quote+berbagi+1.gif) top left repeat-y;}

Catatan : Ganti kode warna kuning sesuai dengan Url gambar yang anda inginkan.

5. Save Template anda dan cek hasilnya

Demikian - Cara Mengubah Tampilan Blackquote Pada Blog