Cara Buat Kotak Comment ber-EmOticon

Ayo2... Kita mulai berkreasi egend, ku ini dapet lagi tutOrial yang bisa buat blog kita tambah cakep, yaitu menambah emoticon di kotak Comment blog kita.


Ok ini cara memasangnya..Sebelum tu Download Full Template untuk langkah berjaga2.

1. Loggin => Layout => Edit HTML. Tandakan pada kotak Expand Widget Template.

2. Tambahkan kod berikut dibawah kod </body>. Di bahagian paling bawah.


<script src='http://www.geocities.com/almansuqie/emo2.js' type='text/javascript'/>

3. Lalu cari kod 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> 

4. Klao dah jumpa, letakkan kod dibawah selepas kod <p class='comment-footer'> 

<b><img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/21.gif'/><br /> :))<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/39.gif'/><br /> :)]<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/28.gif'/><br /> ;))<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/5.gif'/><br /> ;;)<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/4.gif'/><br /> :D<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/3.gif'/><br /> ;)<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/10.gif'/><br /> :p<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/20.gif'/><br /> :((<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/1.gif'/><br /> :)<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/2.gif'/><br /> :(<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/8.gif'/><br /> :X<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/12.gif'/><br /> =((<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/13.gif'/><br /> :-o<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/7.gif'/><br /> :-/<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/11.gif'/><br /> :-*<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/22.gif'/><br /> :|<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/35.gif'/><br /> 8-}<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/32.gif'/><br /> ~x(<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/33.gif'/><br /> :-t<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/37.gif'/><br /> b-(<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/40.gif'/><br /> :-L<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/14.gif'/><br /> x(<br /> <img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/24.gif'/><br /> =))<br /> </b>

5. Ok selesai, klik save template dan coba lihat hasilnya. Gimana??? bisakan????


Semoga bErhasil...