Pasang Emoticon di Kotak Komentar Blogger


Memasang emoticon/smiley diatas kotak komentar itu lebih memudahkan para komentator menunjukan perasaan dan ekspresi pada saat berkomentar. Untuk melihat contohnya, berikut screenshotnya :



bagaimana? Lebih bagus bukan bila di kasih emoticon di atas kotak komentar ??

Eiits tapi sebelum memasang Emoticon diatas kotak komentar, pastikan dulu sudah menampilkan kotak komentarnya untuk lebih jalasnya baca disini, Nah jika belum berhasil juga atau tidak muncul emoticonya berarti memang harus ada perubahan pada code XML Template, Oke sekarang langsung beranjak aja ke tutorial kali ini…Berikut tutorialnya :

1. Seperti bisa login terlebih dahulu ke Blogger
2. Masuk ke Template ---> Edit Html
3. Centang Kotak Expand Template Widget
4. Copy/paste Script berwarna Biru dibawah dan letakanlah sebelum/di atas kode </body> :

<script src='http://www.geocities.com/as.bl4ck_card/Emoticon.js'
type='text/javascript'/>
</body> :
</html>

5. Eiets jangan kemana-mana masih di Edit Html Lho !! Nah kemudian cari kode warna Biru berikut 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>

6. Kalau sudah ketemu, sekarang copy/paste kode Merah dibawah ini dan letakan di bawah kode <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>

Catatan :

Semua Template itu berbeda jadi jika trik ini tidak berhasil atau emoticon tersebut tidak tampil berarti anda harus merubah beberapa XML pada template anda.

Mungkin sekian dulu postingan saya ini, semoga bermanfaat bagi sahabat. Sampai jumpa lagi di postingan yang akan datang :)

Related Posts

Pasang Emoticon di Kotak Komentar Blogger
4/ 5
Oleh

10 comments

6 April 2009 at 15:04 delete

mas sukses lagiiiiiiiiiiiii...hehehe
thanks

Reply
avatar
13 April 2009 at 11:48 delete

kayaknya dah ganti template yach sob, kok disini gak ada emoticonnya :D

Reply
avatar
17 May 2009 at 02:12 delete

kenapa emotion sy tidak jadiii

tolong dunk k...???

Reply
avatar
9 November 2009 at 20:25 delete

Wah...tips dan triknya ngebantu banget untuk newbie seperti saya..hehe......izin baca artikel - artikel yang laennya yaaahhh.... ;)

btw, nice artikel...

Reply
avatar
25 December 2009 at 16:26 delete

artikelnya membantu banget...
makasih yach....
kapan kapan tak coba...

Reply
avatar
1 January 2010 at 21:54 delete

sipz pokokny hehehehe ... thx dah mampir...met taon baru y...smg bisa lebih baik di taon 2010 nanti...hmm...

Reply
avatar
14 August 2012 at 16:58 delete

bang napa emotian.a g' muncul d blog saya..???

Reply
avatar