Friday, December 6, 2013

Membuat Emoticon di Kotak Komentar


emoticon di kotak komentar mungkin adalah hal yang menarik untuk mempercantik kotak komentar blog kita dan tentunya para komentator yang berkomentar di blog kita pun akan lebih mudah mengekspresikan dirinya.

Bagaimana apa sobat semua tertari membuat emoticon komentar seperti di bawah ini?
“emoticon
Langkah pertama pastikan kotak komentar anda sudah berada di bawah posting.
Untuk mengsettingnya login ke blog - Setelan - Komentar lalu pada Penempatan Formulir Komentar Pilih .

Baiklah sobat langsung aja ke cara pemasangannya

1. Klik Desingn/Rancangan - Edit HTML
2. Centang Expand Widget Templates
3. Cari kode </body> 
 4.Letakan script dibawah tepat di atas </body>

<script src=http://hbhost.googlecode.com/files/yemoticon.js type=text/javascript/>

5. Selanjutnya cari kode  
<p class=comment-footer>
<b:if cond=data:post.embedCommentForm>
<b:include data=post name=comment-form/>

6. Letakan Script dibawah ini tepat di bawah <b:if cond=data:post.embedCommentForm> dan di atas <b:include data=post name=comment-form/>


<div style=-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86>
<b>
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif width=18/> :))
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif width=18/> ;))
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif width=18/> ;;)
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif width=18/> :D
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif width=18/> ;)
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif width=18/> :p
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif width=22/> :((
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif width=18/> :)
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif width=18/> :(
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif width=18/> :X
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif width=18/> =((
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif width=18/> :-o
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif width=20/> :-/
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif width=18/> :-*
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif width=18/> :|
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif width=24/> 8-}
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif width=31/> :)]
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif width=44/> ~x(
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif width=30/> :-t
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif width=18/> b-(
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif width=18/> :-L
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif width=34/> x(
<img border=0 height=18 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif width=30/> =))
</b>
</div>

7. Save Template

No comments:

Post a Comment