Cara Mudah Menambah Smile "Emoticon" Pada Komentar Blogspot

Langsung saja ke topik, kesempatan kali ini saya akan menjawab dari pertanyaan Sobat blogger kita @Zhanas45, "mass mao nanya nich kalo membuat emoticon di bawah kotak komentar tuch gimana.." daripada bingung jelasinnya, mending jg langsung bikin tutorialnya. hehee....
Nah kali ini saya akan meberi tutorialnya, yaitu Cara Mudah Menambah Emoticon Pada Komentar Blogspot.

Gambar

Berikut Langkah-langkahnya :

• Login ke akun blogger Sobat
• Masuk tata Letak
• Edit HTML
• BackUp dulu templatenya, dengan cara klik "download template lengkap"
• Cari kode berikut: </body>
• Letakan kode css berikut, dan taruh di atas kode: </body>

<script src='https://sites.google.com/site/kodeblogger/javascript/smiley.js' type='text/javascript'/>

• Selanjutnya cari kode berikut, Lengkapnya perhatikan kode sibawah ini, (pehatikan kode berwarna merah) :

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

• Kalau sudah ketemu, lalu copy pastekan kode berikut, tepat dibawah 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>

• Simpan Template, dan lihat hasilnya.

Selamat mencoba, sukses slalu :)


Tambahan :
Karna gak bisa lewat komentar, jadi saya edit lagi postingannya.
@Buat sobat2 yang emoticon gak muncul,

• Coba cari kode dibawah ini :

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

• Kalo sudah ketemu ,taruh kode Smile'na di ATAS kode: <b:include data='post' name='comment-form'/>
• Dan taruh java script berikut, di ATAS kode: </body>

<script src='https://sites.google.com/site/kodeblogger/javascript/smiley.js' type='text/javascript'/>

• Simpan template, dan lihat hasilnya.

Saya sudah coba di blog ini, dan sukses
Selamat mencoba.