Background Pada Kotak Komentar

Malam semakin larut, mata ini rasanya sudah tidak kuat lagi untuk di ajak kompromi, tapi saya mencoba menahan rasa kantuk ini yang mulai mengganggu konsentrasi saya untuk membuat Artikel baru, sedikit demi sedikit mulai mengurang setelah saya istirahat sejenak dan ke luar dari kamar tidur, sambil membuat minuman yang tak lain hanya untuk sekedar membantu mengurangi rasa kantuk, dan akhirnya saya bisa kembali melanjutkan menulis Artikel dengan segar bugar kembali ( walah kelaman ngomong nih...mas.. ), Baiklah mari kita mulai saja dengan inspirasiku yang agak sedikit nyleneh ini, bagaimana cara Buat Background Pada Kotak Komentar.


* Sign in seperti biasa di blogger dengan id milik sobat.

* Klik menu Layout / Tata Letak.

* Klik menu Edit HTML.

* Klik tulisan Download Full Template / Download Template Penuh.

* Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.

* Beri tanda centang pada kotak di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang dulu, sebab kalau tidak, nanti maksudnya akan lain dan tidak sesuai dengan langkah berikutnya.

* Tunggu beberapa saat ketika proses sedang berlangsung.

* Langkah Pertama :

* Sekarang silahkan Anda cari kode seperti di bawah ini :

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>

Satu syarat Script di atas ini adalah untuk Kotak komentar yang sudah Anda modif seperti yang saya pakai saat sekarang, jadi nanti hasilnya bisa seperti yang Anda inginkan, jika kotak komentar anda belun di modif anda bisa lihat cara modifnya DISINI

* Langkah yang ke Dua :

* Copy kode yang berwarna BIRU dan PINK di bawah ini lalu Paste persis di bawah kode : <p class='comment-footer'>

<div style='background:#000000 url(http://i305.photobucket.com/albums/nn203/s-babe14/Bubbles.gif);'>

* Langkah yang ke Tiga :

Copy Kode ini>></div> lalu pasang di Atas Kode ini>></p>

* Tulisan yang berwarna PINK bisa anda ganti sesuai dengan selera Anda dengan URL gambar yang sudah anda Upload di web hosting.

* Setelah itu klick SAVE TEMPLATE / SIMPAN TEMPLATE.

* Selesai dan Selamat mencoba.


@ Kode-kode di atas tadi kalau di rangkai menjadi satu akan terlihat seperti di bawah ini :

<p class='comment-footer'>

<div style='background:#000000 url(http://i305.photobucket.com/albums/nn203/s-babe14/Bubbles.gif);'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</div>

</p>

Nah..., mudahkan...?