Pasang Emoticon Di Kotak Komentar Blogger

Ada seorng teman yg request tutorial buat Pasang Emoticon di kotak komentar blogger . Untuk itu saya coba buat tutornya. hasil dari seeking google dan experiment sendiri. Karena gak semua template bisa pasang emoticon di kotak komentar dengan memakai trik yg sama. Dan kebanyakan banyak yg masih bingung dan sering terdapat kejadian error. Dana syaratnya blog nya harus berhasil menampilkan kotak komentar dibawah postingan. ok gw mulai aj ya :

Contoh Gambar Emoticon kucing :





1. Login ke Blogger http://www.blogger.com/
2. Jangan lupa backup template kmu sebelum mengedit Source Code HTML, dengan cara Masuk ke menu Layout => Edit HTML => klik link Download Full Template => Save pada directory yang Anda tentukan
3. Masih dalam Menu Layout, klik/centang Expand Widget Template
4. Kemudian cari kode berikut :

</body>

5. Kalau sudah ketemu, lalu letakkan kode dibawah ini sebelum kode diatas:

<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>

6. Setelah itu cari lagi kode 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>

7. Setelah ketemu letakkan kode dibawah ini setelah kode cetak tebal seperti diatas atau lebih jelasnya setelah kode ini :

<p class='comment-footer'>

<b>
<img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/> :f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/> :D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/> :)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/> ;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/> :x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/> :$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/> x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/> :?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/> :@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/> :~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/> :|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/> :))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/> :(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/> :s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/> :((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/> :o
</b>

8. Kalau sudah kemudian klik button SAVE TEMPLATE

Setelah itu coba buka blog kalian dan silahkan liat di comment. klo muncul emoticonnya di atas kotak komentar berarti selamat anda berhasil... :D
Kalo masih error coba di utek2 lagi. Karena seperti yg saya bilang gak semua template bisa memakai cara yg sama persis. misalkan template blog saya ini. saya harus meletakkan emoticon di bawah kode ini :

<p class='comment-footer2'>

ingat lakukan dengan hati2. kalo salah dikit bisa ruwet urusanya =))
OK...SELAMAT MENCOBA DAN SEMOGA BERHASIL :D