Cara Merubah Tampilan Blockquote Posting Blog - Kontere | Konten Kolpodere

Cara Merubah Tampilan Blockquote Posting Blog - Kali ini saya akan membagikan Cara Merubah Tampilan Blockquote Posting Blog. Lihat contohnya di bawah ini

Inilah contoh blockquote yang sudah saya rubah tampilannya.

Langkah-langkah merubah tampilan blockquote

1. Login pada akun Blogger anda => Masuk ke "Template" => Pilih "Edit HTML"
2. Tekan CTRL+F dan cari tulisan blockquote { atau .post blockquote {
3.  Ganti kode blockquote { ..... dengan script dibawah ini

blockquote { font-size: 15px;font-family: Verdana;font-weight: normal;font-style:italic; background-color: #F1000; color: #000; margin: 5px 10px; padding: 20px 20px 20px 20px; border: 2px dotted lightgrey; border-radius: 10px; box-shadow: -1px -1px 12px 2px gainsboro; transition: background-color .777s; -webkit-transition: background-color .777s; -moz-transition: background-color .777s; -o-transition: background-color .777s; -ms-transition: background-color .777s;
}
blockquote:hover { background-color: darkgreen ; color: #fff;
}
blockquote:active { background-color: CornflowerBlue ; color: #000;
} 

4. Simpan template anda, dan lihat hasilnya
Keterangan : Script berwarna merah bisa anda ganti sesuai yang anda inginkan.

Sekian dan semoga artikel ini dapat bermanfaat bagi anda.