Masalah Emoticon Tidak Muncul di Komentar Blogspot

Emoticon pada Komentar Blogspot jadi salah satu media para visitor untuk mengeskresikan aksinya dalam berkomentar di blog kita. Untuk blog dengan platform Wordpress.org tidak usah pusing-pusing menampilkan Emoticon pada kotak komentarnya, karena memang sudah support emoticon bawaan dari Wordpress. 

Bagaimana dengan Blogger.com? Untuk blogger kita mesti menambahkan secara manual agar komentar blog kita supprot emoticon. Sekarang, bagaimana cara menampilakan Emoticon Lucu di blogspot? berikut caranya

Masalah Emoticon Tidak Muncul di Komentar Blogspot saya alami sendiri ketika hendak menambahkan emoticon pada kotak komentar blogger.com yang tidak muncul-muncul. kesaaallll sampai pada halaman 10 Pencarian google kagak ada yang berhasil. Tapi, setelah blogwalking ke Blog sobat Donor Ilmu dan mengikuti Tutorial Pasang Emoticon disana, Alhamdulillaah berhasil.

Bagi sobat Blogger yang punya masalah sama dengan saya, coba Tutorial Memasang emoticon dibawah ini :

Emoticon Tidak Muncul di Komentar Blogspot

1. Masuk ke Blogger.com

2. Pilih Menu Edit HTML

3. Copy dan Paste Code dibawah ini (silakana pilih, emot yahoo atau Kucing) 

Emoticon Yahoo

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://donor-ilmu.googlecode.com/files/emoticons.js' type='text/javascript'/>
</b:if>

Emoticon Onion (Kucing)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://donor-ilmu.googlecode.com/files/emoticons2.js' type='text/javascript'/>
</b:if>

4. Centang Expand Template Widget dan cari Code </body> (biar cepat mencarinya tekan Ctrl+F) masukan kode diatas sebelum Code </body>

5. Selanjutnya cari kode

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Kalau suda ketemu letakkan kode berikut tepat dibawah kode langkah 5

Emot Yahoo:

<div style='width:550px;text-align: center;border: 1px solid #ccc;padding: 2px 2px;margin-top: 15px;font-style:bold;color:#000;font-weight:normal;font-size:10px;'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/>:))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/>;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/>;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/>:D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/>;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/>:p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/>:((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/>:)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/>:(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/>:X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/>=((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/>:-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/>:-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/>:-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/>:|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/>8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/>:)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/>~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/>:-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/>b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/>:-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/>x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif' width='28'/>:-p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/>=))
</b>
</div>

Emot Kucing:

<div style='width:550px;text-align: center;border: 1px solid #ccc;padding: 2px 2px;margin-top: 15px;font-style:bold;color:#000;font-weight:normal;font-size:10px;'>
<b><img border='0' height='30' src='http://www.laymark.com/i/o/40.gif' width='30'/>:))
<img border='0' height='30' src='http://www.laymark.com/i/o/27.gif' width='30'/>;))
<img border='0' height='30' src='http://www.laymark.com/i/o/09.gif' width='30'/>;;)
<img border='0' height='30' src='http://www.laymark.com/i/o/04.gif' width='30'/>:D
<img border='0' height='30' src='http://www.laymark.com/i/o/63.gif' width='30'/>;)
<img border='0' height='30' src='http://www.laymark.com/i/o/80.gif' width='30'/>:p
<img border='0' height='30' src='http://www.laymark.com/i/o/75.gif' width='30'/>:((
<img border='0' height='30' src='http://www.laymark.com/i/o/82.gif' width='30'/>:)
<img border='0' height='30' src='http://www.laymark.com/i/o/12.gif' width='30'/>:(
<img border='0' height='30' src='http://www.laymark.com/i/o/22.gif' width='30'/>:X
<img border='0' height='30' src='http://www.laymark.com/i/o/24.gif' width='30'/>=((
<img border='0' height='30' src='http://www.laymark.com/i/o/59.gif' width='30'/>:-o
<img border='0' height='30' src='http://www.laymark.com/i/o/77.gif' width='30'/>:-/
<img border='0' height='30' src='http://www.laymark.com/i/o/100.gif' width='30'/>:-*
<img border='0' height='30' src='http://www.laymark.com/i/o/18.gif' width='30'/>:|
<img border='0' height='30' src='http://www.laymark.com/i/o/20.gif' width='30'/>8-}
<img border='0' height='30' src='http://www.laymark.com/i/o/99.gif' width='31'/>:)]
<img border='0' height='30' src='http://www.laymark.com/i/o/33.gif' width='30'/>~x(
<img border='0' height='30' src='http://www.laymark.com/i/o/07.gif' width='30'/>:-t
<img border='0' height='30' src='http://www.laymark.com/i/o/114.gif' width='30'/>b-(
<img border='0' height='30' src='http://www.laymark.com/i/o/03.gif' width='30'/>:-L
<img border='0' height='30' src='http://www.laymark.com/i/o/23.gif' width='30'/>x(
<img border='0' height='30' src='http://www.laymark.com/i/o/91.gif' width='30'/>:-p
<img border='0' height='30' src='http://www.laymark.com/i/o/05.gif' width='30'/>=))
</b>
</div>

Semoga berhasil, dan blognya tambah Cute, Live demo lihat di komentar blog ini (dibawah)