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 aslinya Menampilkan Emoticon ( Smile ) Di Kotak Komentar.
Berbeda dengan dahulu tentunya, ekspresi atau emoticon komentator 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 :)
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>
5. Cari kode berikut ini
6. Kalau sudah ketemu taruh script berikut ini di bawah
<p class='comment-footer'>
7. Simpan Template kalau sudah selesai
Kode-kode scriptnya hampir sama dengan kode-kode script emoticon ala yahoo, tapi sebenarnya juga berbeda seh, Opps,,, :z jika sulit mencari kode di template baca juga artikel tips aman mengedit template.
Berbeda dengan dahulu tentunya, ekspresi atau emoticon komentator 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 :)
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>
//<![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>
<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>
<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
Kode-kode scriptnya hampir sama dengan kode-kode script emoticon ala yahoo, tapi sebenarnya juga berbeda seh, Opps,,, :z jika sulit mencari kode di template baca juga artikel tips aman mengedit template.