Membuat Blockquote Tampil Lebih Menarik

Membuat Blockquote Tampil Cantik - Berikut ini adalah cara membuat blockquote supaya blockquote blog Anda terlihat lebih menarik dari pada blockquote bawaan blogspot. Anda hanya perlu meletakan kode css dibawah ini yang dianggap sesuai dengan warna template blog Anda. Berikut kode css dan contoh hasilnya :

Kode CSS Blockquote

.post blockquote {
background:#F9F9F9
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAtzdsrGxDTlXTsA7v9zYvIyNmGzVcUEE9iGLYtHYFDHIZucagkrDgxZqcX_lAontvb0hq9k_-8ans30oKHd0f_GQR9itLazqh7Aicp7Tbd2nRF44Y8I3fquCVh7GnEVFzWa0XXPSKmAk/s400/quotes_icon.gif) no-repeat scroll 5px 5px;
color:#3B0B0B;
border:2px outset #E6E6E6;
margin:10px;
padding:10px 10px 10px 40px;
}

Hasilnya :

Ini adalah contoh blockquote- www.gitaci.com

Cara Pemasangan :
1. Login ke Akun blogger
2. Klik Design > Edit HTML
3. Cari kode
.post blockquote{
..........................................
..........................................
..........................................
}
4. Hapus semua kode tersebut dan ganti dengan kode css diatas
5. Simpan Template

Catatan : Jika ingin mengganti gambar blockquote nya bisa ganti kode yang berwarna merah dengan alamat url gambar yang anda inginkan

Read More