Pasang Background di Kotak Komentar

Bukan hanya side bar atau body saja yang bisa kita selipkan background, elemen kotak komentar pun juga bisa kita tambahkan background gambar.

1. Masuk ke Template. Klik Edit HTML.
__Pilih lanjutkan. Centang expand template widget.

2. Carilah kode ini  ]]></b:skin>
__Gunakan CTRL F untuk memudahkan pencarian.

3.Tambahkan kode berikut di atas kode tadi.

 #comment-form iframe{
   background:#ffffff url(alamat gambar) ;border:5px solid #000000;padding:5px;font:normal 12pt "ms sans serif", Arial;
   color:#000000;width:523px;height:210px;}

4. Ganti bacaan alamat gambar dengan milik Agan.

5. Ganti angka 523 dengan ukuran lebar kotak komentar Agan.

6. Selanjutnya cari kode yang seperti berikut. Tidak harus sama persis.

 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/>
<iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='450'/> <data:post.iframeColorizer/>

Setiap template memang berbeda-beda. Contohnya template blog ini (ketagihan baca) kode seperti di atas keseluruhannya adalah seperti ini.

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='211' id='comment-editor' scrolling='auto' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>

Pokoknya, patokannya adalah kode yang berwarna biru.

7. Setelah ketemu, sisipkan kode ini <div id='comment-form'> di awalan kode tersebut dan kode ini </div> di akhiran kode tersebut.

8. Contoh pemasangannya (pada template ketagihan baca) seperti ini.

<div id='comment-form'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='211' id='comment-editor' scrolling='auto' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</div>

9. Lalu klik SIMPAN. Buka artikel Agan untuk melihat hasilnya.