Menampilkan Emoticon Kucing di Kotak Komentar

Siapa yang suka kucing? kalo saya seh gak suka kucing, hi,, agak gila (bahasa jawa). Tapi juga gak sedikit yang suka kucing, mungkin kamu juga suka kucing?? Oke, yang suka kucing akan saya manjakan kalian dengan belajar ngeblog yang satu ini, yaitu Menampilkan Emoticon Kucing di Kotak Komentar.Setalah dulu pernah kita bahas cara menampilkan emoticon atau smile bergaya yahoo, atau judul aslinyaMenampilkan Emoticon ( Smile ) Di Kotak Komentar.

Berbeda dengan dahulu tentunya, ekspresi atau emoticonkomentator akan digambarkan dalam wajah-wajah kucing seperti ini
   

hehe :) lucu pa gak? Kita akan bersama-sama untuk memulai belajar ngeblog untuk membuat emoticon bergaya kucing di atas, cara menampilkan emoticon kucing ini diperkenalkan pertama kali oleh Kendhin dan kemudian saya bahas lagi :)

MAAF TUTORIAL BAGIAN INI SUDAH TIDAK BERLAKU LAGI

Cara Menampilkan Emoticon Kucing di Kotak Komentar
1. Login ke www.blogger.com lalu pilih tata letak (layout)
2. Pilih EDIT HTML
3. Expand widget template anda
4. Lalu taruh script berikut ini di sebelum </body>  

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/B-)/gi, "<img src='http://kendhin.890m.com/emoticon/cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:$/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/malu.gif' alt='' class='smiley'/>");

_str = _str.replace(/;;)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/x(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:?/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:~/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:|/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:))/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:((/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/wow.gif' alt='' class='smiley'/>");
_str = _str.replace(/:)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/hi.gif' alt='' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/capek.gif' alt='' class='smiley'/>");

_str = _str.replace(/:D/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/B-)/gi, "<img src='http://kendhin.890m.com/emoticon/cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:$/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/malu.gif' alt='' class='smiley'/>");

_str = _str.replace(/;;)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/x(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:?/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:~/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:|/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:))/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:((/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/hi.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/wow.gif' alt='' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}

//]]>
</script>

5. Cari kode 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 taruh script berikut ini di bawah
<p class='comment-footer'>

<b><img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/capek.gif'/> :f
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bigsmile.gif'/> :D
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/hi.gif'/> :)
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/kagum.gif'/> ;;)
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/love.gif'/> :x
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/malu.gif'/> :$
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/marah.gif'/> x(
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bingung.gif'/> :?
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mumet.gif'/> :@
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/muntah.gif'/> :~
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mentok.gif'/> :|
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/ngakak.gif'/> :))
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/sedih.gif'/> :(
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/senang.gif'/> :s
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/tolong.gif'/> :((
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/wow.gif'/> :o
</b>

7. Simpan Template kalau sudah selesai

Posted in: Belajar Ngeblog