[Tips] Cara Mengganti Warna Background Blockquote Di Blog

Untuk template tertentu, pada bagian blockquote akan diberi warna agar tampilan template terlihat lebih unik dan menarik namun jika anda tidak suka dengan warna yang diberikan. Anda bisa mengganti warna background blockquote dengan warna lain yang anda inginkan hanya sedikit modifikasi pada kode css template anda.

Nah bagi anda yang belum tahu apa itu Blockquote. Blockquote adalah tag HTML yang digunakan untuk menampilkan quote/kutipan pada artikel. Contoh tampilannya seperti ini:

Untuk mengganti warna kotak blockquote. Ikuti langkah-langkah berikut:

1. Pertama login ke Blogger. Klik Design -> Edit HTML

2. Cari kode berikut:

post-body blockquote {
padding:3px 15px;
background:#53de61;
margin:5px 0px;
color:#930;
border:solid 1px #32c45f
}

atau

blockquote {
padding:3px 15px; 
background:#53de61; 
margin:5px 0px; 
color:#930; 
border:solid 1px #32c45f
}

Catatan:
Yang perlu anda perhatikan adalah kode berwarna merah sedangkan kode berwarna biru pada setiap template berbeda-beda.

3. Kalau sudah ketemu, ganti kode yang dicetak tebal biru pada property background dengan kode warna yang anda inginkan. Contohnya saya mengganti dengan #ffffff yang merupakan kode warna putih maka hasilnya menjadi seperti ini:


Selamat mencoba dan semoga bermanfaat.


Tambahan:Bagi anda yang tidak mengetahui kode warna. Silahkan baca disini

Untuk menghilangkan border atau garis tepi blockquote, ganti 1px pada property border menjadi 0px.


Happy Blogging...!