Cara Memasang Emoticon Kucing Di Atas Kotak Komentar Blogger - CONCAPREN

Breaking

Jumat, 12 Agustus 2011

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

Tidak ada komentar:

Posting Komentar