Monday, 3 June 2013

Membuat Gambar dan Keterangan di atas Kotak Komentar blog

Image

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.
Salam 



Related Post:

Comments
0 Comments

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Template by:

tria33 Blog Templates