Cara Memasang Emoticon Kucing Di Atas Kotak Komentar Blogger

Cara Membuat Mengganti Memasang Mempercantik Pada Di Blog Blogger Blogspot Tutorial Trik Tips SEO Template Terbaru.
Meneruskan tulisan sebelumnya: Cara Membuat Atau Memasang Emoticon Unik di Komentar Blogger. kali ini akan dibagikan tutorial: Cara Memasang Emoticon Kucing Di Atas Kotak Komentar Blogger. Dengan emoticon Kucing di komentar blog pengenjung blog yang ingin memeberikan komentar dapat menggambarkan ekspresi mood saat menulis komentar menggunakan icon kucing. contoh emoticon kucing yang dimaksud bisa di lihat gambar berikut:




Cara Membuat Emoticon Kucing diatas Kotak Komentar Blog:

1. Loggin - Rancangan - Edit HTML

2. centang "Expand Widget Template

3. letakkan kode berikut 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>

4. Copy kode dibawah ini

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

5. Paste kode diatas, letakkan dibawah kode <p class='comment-footer'>

6. simpan template - Selesai

5 komentar

GAK KELUAR GAN ???
http://ozan-kidul.blogspot.com/2012/05/cara-mengecek-blogwebsite-di-google.html#comment-form

Reply

nice share gan...
ane blog walking
mohon kunjangannya ya ke situs ane gan..
mohon di like dan follow ya blog ane..
ntar di follow balik
makasih (^_^)

Reply

sangar tapi kadang gag isa...
fack-fack-fack-fack

Reply

visit my blog http://siapasihh.blogspot.com

Reply

Posting Komentar