Bagi
anda para blogger yang senang menghias blog, sudah barang tentu wajib “mengiasi”
kotak komentar anda.
Apa
maksudnya ?
Menghiasi
disini bukan menghias seperti wanita berhias, tetapi ada kemiripan, karena
tujuan akhirnya adalah memberikan tampilan yang lebih menarik terhadap blog
anda. Sudah barang tentu tampilan blog yang menarik akan memberikan kenyamanan
tersendiri bagi pengunjung untuk tetap berlama-lama membaca artikel-artikel
anda. Dan bukan mustahil mereka akan sering untuk berkunjung ke blog anda.
Saya
yakin smua blogger inggin memiliki “pelanggan” yang dengan setia berkunjung ke
blognya untuk mencari informasi.
Oke, tidak perlu berlama-lama,
langsung saja ke TKP. Untuk membuat sebuah keterangan dan memberikan gambar diatas kotak komentar, maka ikutilah langkah-langkah berikut :
- Masuk ke Blog anda
- Masuk ke Templete
- Edit HTML (jangan lupa centang Expand Widget Templete)
- Temukan (Ctrl + F) tag ]]></b:skin>
- Kemudian letakan kode berikut di atas tag ]]></b:skin>
<br
/><br />.keterangan-komentar {<br />margin: 5px 0 5px 0;<br
/>padding: 0 5px 0 0;<br />width: 510px;<br />}<br
/>.keterangan-komentar p {<br />margin: 0;<br />padding: 5px 0px
5px 5px;<br />border:1px solid #cccccc;<br />background:
transparent;<br />}<br />.keterangan-komentar img {<br
/>float: left;<br />margin: 0 5px 0 0;<br />padding: 2px;<br
/>}<br />
- Selanjutnya temukan (Ctrl + F) tag <p><data:blogCommentMessage/></p>
- Kemudian letakan kode berikut di bawah tag <p><data:blogCommentMessage/></p>
<div
class='keterangan-komentar'>
<p><img
height='60'
src='http://i1339.photobucket.com/albums/o719/nym_artopraph/artopraph/Menulis_zps88540fdc.jpg'
width='60'/><span class='Apple-style-span' style='font-family: Cambria, Arial, Helvetica,
sans-serif; font-size: 105%;'>Terima kasih
telah membaca artikel “<b><a
expr:href='data:post.url'><data:post.title/></a></b>”. Jika Anda ingin
bertanya, memberikan masukan, atau
mendiskusikan artikel ini, Anda bisa menuliskannya
di komentar. Terima
kasih<a href='http://nym-artopraph.blogspot.com/'>.</a></span></p>
</div>
- Jangan lupa mengganti gambar (URL yang ditulis dengan cetak tebal warna biru) dengan URL foto anda
- Kemudian save dan lihat hasilnya !!!
Demikian lah sedikit tips yang
bisa saya bagikan pada hari ini. Semoga tips ini bisa bermanfaat buat anda.
Related Post:
tutorial blog
- PENYEBAB ANJLOKNYA PERINGKAT BLOG
- Contoh Penulisan KODE Background Image
- Daftar widget keren untuk blogger
- Cara mudah Bikin Template Blog Sendiri
- Cara Termudah Membuat Slider Popular Post
- Cara Cepat dan Akurat Memantau Pengunjung Blog/ Website
- Tips Cara Membuat Animasi Semut berjalan di blog
- Cara Mudah Memasang Iklan Melayang di Bawah Footer Blog dengan tombol Close
- Cara Memasang Widget Admin Blog Lagi Online dan Offline
- Cara Mudah Memasang Widget Radio Online Multy Chanel Di Blog/Website
- Cara Memasang Siaran Radio Online di Blog
- Cara Mengetahui Harga Jual Sebuah Blog/Website
- cara mudah membuat judul blog kita berjalan di atas postingan blog
- Cara Mudah dan cepat Pasang TV Online di Blog
- Cara Melaporkan Blog yang Copas tanpa izin Agar di Hapus Google
- Menambah Kolom Diatas dan Dibawah Postingan Blog
- Cara Membuat Tweet Box Dibawah Postingan
- Membuat 3 Kolom di Bawah Header Blogspot
- Cara Membuat Tombol Share di Bawah Postingan Blog
- Cara membuat widget reader di postingan blog
- Cara Memasang Like / Share Button di Setiap Postingan Blogger
- Cara Pasang Widget Lintaskan/Lintas Me di Blog
- Cara membuat link otomatis di blogger