Pasang Emoction smiley di kotak Komentar

Rasanya ada yang kurang kalau didalam membuat/memberikan sebuah komentar di kotak komentar gak ada yang Lucu/funny,nah untuk mengexpresikan hal tersebut coba kita buat Emoction smileyx.Untuk dapat meng aplikasikannya kita harus menambah beberapa script yang dapat mendirect Emoction smiley tersebut
Oke langsung aja kita buat gimana agar dapat terlaksana keinginan tersebut.
Langkah pertama dan seperti biasa kita harus masuk ke menu Rancangan =>EDIT HTML=>Centang "Expand Widget Templates"kemudian cari Kode berikut : </body> kalau sudah kemtemu masukkan kode berikut dabawahnya  

<script src='http://sites.google.com/site/anasceria/smiley.js' type='text/javascript'/>
Kalau sudah ketemu cari kembali kode Html berikut :
<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>
Kemudian sisipkan code HTML dibawah ini diantara code yang berwarna biru dan hijau diatas tadi atau lebih tepatnya dibawah code <p class='comment-footer'>

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


Kalau sudah selesai Langsung di SAVE dan bisa dilihat di Atas kotak komentar...

Selamat Mencoba Broo


Artikel Terkait Lainnya :



4 komentar:

*SpriNg mengatakan...Pada 17 Maret 2011 pukul 12.21
Reply

sudah dicoba, tapi kenapa tidak bisa muncul ya emoticonnya? mohon penjelasan lebih lanjut

-thx-

yudhi mengatakan...Pada 21 Maret 2011 pukul 01.21
Reply

Buat sobat Spring coba letakkan link2 emoticon setelah kode => p class='comment-footer yg kedua..coba search dgn (crtl+F) kalau ketemu->lalu next nah latakkan persis dibawahnya...semoga berhasil(biasanya kode p class='comment-footer ada 2):D

Goodluck

yudhi mengatakan...Pada 8 April 2011 pukul 04.08
Reply

To *SpriNg: Bisa diletakkan pada code p class='comment-footer yg ke 2.

Anonim mengatakan...Pada 8 April 2011 pukul 04.10
Reply

@yudhi:betul tuh,ternyata yang ke 2

:: Terima kasih Anda Telah Memberikan Komentar Atas Blog Ini ::

Posting Komentar

" Terima Kasih Banyak "

Tutorial blog ,Trik &Tips, Freeware © 2010. Design by :Bloggers Sponsored by: Makna-iLmu