0 Cara Mengganti Warna Background Blockquote di Blog

blockquoteKreativitas - 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 kodecss 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:

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

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

2. Cari kode post-body blockquote { atau kode blockquote {

3. Setelah itu tambahkan kode di bawah ini
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.

4. 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:

blockquote
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...!

Bagikan Artilel :

Ditulis Oleh : Unknown
AiRa LoKa Anda sedang membaca artikel Cara Mengganti Warna Background Blockquote di Blog. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Anda yang ingin menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya.

Artikel Lainya:
Label:

0 komentar:

Post a Comment

Subscribe to: Post Comments (Atom)
 
Kreativitas-mu | Copyright © 2011 | Designer Template by Viie BloggerZ & Indonesian Blogger™