Friday, January 27, 2017

MEMASANG EMOTICON PADA KOTAK KOMENTAR

MEMASANG EMOTICON PADA KOTAK KOMENTAR





Ada yang bilang kotak komentar tanpa emoticon membuat blog kurang hidup. Apa benar ? Yuk kita buktikan ! Siapa tahu ini memang benar.
Bagi sobat yang belum menambahkan icon dengan berbagai karakter bisa menampilkan emoticon ini pada kotak komentar yang sobat punya. Kita bisa menggunakan icon yang biasa di gunakan pada yahoo! messenger seperti contoh di bawah ini.

:) :( ;) :D ;;) :-/ :x :P :-* =(( :-o x( :(( :)) :| =)) 8-} :-L B-( ;)) :)] ~x( :-t

Bagi yang belum tahu cara memasang emoticon pada kotak komentar bisa ikuti langkah-langkahnya:
  • Masuk ke blog sobat.
  • Klik tata letak.
  • kemudian klik edit HTML.
  • Beri tanda pada Expand Template Widget.
  • Cari kode </body>
  • Letakkan kode ini di atasnya. Hingga posisinya sbb:
    <script src=http://sites.google.com/site/darmasites/my-forms/emoticon.js type=text/javascript/>
    </body>
  • Langkah selanjutnya cari kode yang mirip seperti di bawah ini.
    <p class=comment-footer>
    <b:if cond=data:post.embedCommentForm>
    <b:if cond=data:post.allowNewComments>
    <b:include data=post name=comment-form/>
    <b:else/>

  • Kemudian letakkan kode emotnya di bawah kode <p class=comment-footer>
    Sehingga hasil penempatannya akan seperti di bawah ini:
    <p class=comment-footer>
    <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/3.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/5.gif/> ;;)
    <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/8.gif/> :x
    <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/11.gif/> :-*
    <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/14.gif/> x(
    <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif/> :((<br/>
    <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/22.gif/> :|
    <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.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/62.gif/> :-L
    <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/71.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/102.gif/> ~x(
    <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif/> :-t

    <b:if cond=data:post.embedCommentForm>
    <b:if cond=data:post.allowNewComments>
    <b:include data=post name=comment-form/>
    <b:else/>

  • Kemudian klik pratinjau.
  • Setelah dirasa aman baru klik simpan.
    SEMOGA BERMANFAAT
Aku juga punya di bawah .

Available link for download