Mengganti Background Blockquote Dengan Gambar

Blockquote adalah kutipan yang bisa digunakan untuk mengutip perkataan orang lain atau untuk menjelaskan intisari dari suatu bacaan. Agar blockquote tidak tampil seadanya, kita bisa menambahkan gambar sebagai backgroundnya.

Pertama-tama, anda harus membuat gambarnya dulu. Lalu diupload ke image hosting, seperti Photobucket, Flickr, atau yang lainnya.

Lalu lakukan langkah-langkah berikut.

1. Login ke Blogger, lalu klik Tata Letak > Edit HTML.

2. Backup template untuk menghindari hal-hal yang tidak diinginkan. Klik Download Template Lengkap.

3. Kalau sudah, cari kode seperti berikut (tanpa mencontreng kotak Expand Template Widget)(supaya lebih mudah gunakan ctrl+F).

.post blockquote {
margin:1em 20px;
padding: 10px 10px 10px 10px;
{

}4. Letakkan kode berikut sebelum tanda tutup kurung kurawal.

background:url(GAMBAR) repeat;

GAMBAR adalah url dari gambar yang sudah diupload ke image hosting. Sehingga menjadi seperti ini.

.post blockquote {
margin:1em 20px;
padding: 10px 10px 10px 10px;
{background:url(GAMBAR) repeat;

5. Lalu klik Simpan Template.

6. Lihat hasilnya.