KUMPULAN TIPS | TIPS BLOGGER | TIPS SEO | KONTES SEO | INFO BERITA TERKINI | BERITA ARTIS


Berita Terbaru :

Komisi Gratis | Bisnis Online Tanpa Modal/

28 Apr 2012

Cara Pasang Emotions di Kotak Komentar

 Keimdahan blog terlihat dari tampilan Template dan tata letak dari Widget. Tapi ada juga yang melihat dari hiasan komentar, disini saya akan memberikan tips cara menghiasa Kolom Komentar dengan Emotions. Sebelum memberikan Emotions pada kolom komentar apakah Anda sudah pasang kotak komentar? kalo belum silahkan menuju ke bikin kotak komentar di bawah postingan blog. 

Langkah #1 (Pasang Javascript)
Anggap saja anda sekarang telah berada di menu edit HTML, Silahkan copy paste kode ini persis diatas kode tag body penutup --> </body>
<script src='http://mizwar.blog.googlepages.com/senyum.js'
type='text/javascript'/>

Jadi posisi sesudah di copy-nya seperti ini :
<script src='http://mizwar.blog.googlepages.com/senyum.js'
type='text/javascript'/>

</body>

Nah....kalo udah silahkan kasih tanda centang pada kotak expand template widget. Lalu cari kode seperti 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>

Jika sudah ketemu, copy paste kode berikut di bawah <p class='comment-footer'> (lihat kode diatas)
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>

:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>

8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>


save template dan selesai. Untuk cara pakai-nya tinggal tambahin aja tanda emotions sesuai gambarnya.


Silakan Liat contohnya Klik Disini

Tidak ada komentar: