Disini Surganya Ilmu Pengetahuan Tentang Komputer dan Blogging

Cara Memasang Emoticon Untuk Komentar Pada Blogger

Saya rasa kalian sudah tau apa itu emoticon. Emoticon adalah sebuah gambar kecil yang menggambarkan ekspresi dari penulis nya. Emoticon pasti sering anda gunakan ketika chatting dengan seseorang mungkin dengan pacar, teman, atau mungkin musuh, saya sendiri saja selalu menggunakan emoticon ketika chatting sama sahabat saya, hehe maklum saya jomblo. Emoticon pacman lah salah satu emoticon yang sering saya gunakan ketika chatting sama sahabat saya.

Cara Memasang Emoticon Untuk Komentar Pada Blogger

Jika kalian seorang anak meme pasti kalian sudah tidak asing lagi dengan emoticon itu. Saya punya pengalaman seru dengan emoticon tapi, ah... sudahlah lupakan semua itu, langsung saja ke tutorial memasang emoticon di komentar.

1. Pergi ke www.blogger.com
2. Pilih blog anda.
3. Lalu pilih Template > edit HTML
4. Silahkan cari kode ]]></b:skin> jika sudah ketemu copy css di bawah ini dan paste kan di atas kode ]]></b:skin>.
img.comment_emo {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}
5. Langkah selanjutnya copy kode dibawah ini dan paste kan di atas kode </body>.
<script type="text/javascript">
//<![CDATA[
/* Blogger Comments Emoticon
 * by Kang Ismet
 * Url:http://blog.kangismet.net
 */
ki = document.getElementById('comment-holder');
if (ki) {
    zx = ki.getElementsByTagName("p");
    for (i = 0; i < zx.length; i++) {
        if (zx.item(i).getAttribute('CLASS') == 'comment-content') {
            ki_emo = zx.item(i).innerHTML.replace(/:\)/gi, "<img src='http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif' alt='' class='comment_emo'/>");
            ki_emo = ki_emo.replace(/:\p/gi, "<img src='http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif' alt='' class='comment_emo'/>");
            zx.item(i).innerHTML = ki_emo;
        }
    }
}
//]]>
</script>
6. Simpan template dan lihat hasilnya.

Silahkan kan anda coba berkomentar dengan kode emotikon. Apakah berhasil? Jika terdapat kesalahan saya mohon maaf, terima kasih sudah berkunjung ke blog saya yang sederhana ini.
Next
« Prev Post
Previous
Next Post »

26 komentar

mantab dah gan, pasang ginian jadi lebih ekspresiv komentar-komentarnya

Balas

iya gan. silahkan aja.. terima kasih udah berkunjung .

Balas

hanya untuk blogger ya kang , untuk komen diqus ada gk kang ?

Balas

iya gan, wah kalo untuk disqus saya kurang tau gan..

Balas

mantab gan, saya belum punya nih emotion untuk komentar di Blog, saya coba dulu yah. makasih ya gan Tips nya... :)

Balas

silahkan gan, pertamax buat agan..

Balas

wah, berhasil Gan sudah saya pasang di blog saya hehehe, sekali lagi terima kasih yah Tips memansang emotion nya

Balas

Iya gan sama sama, terima kasih udah berkunjung. :)

Balas

Belum ngoprek blogspot, gmn dong hehe...
Tapi tips-nya pasti bermanfaat, mantap n sip!

Balas

di oprek lah mas, biar blog nya tambah keren. Terima kasih udah berkunjung ya mas.

Balas

Sangat menarik emotion komentarnya, tapi apa tidak menambah beban loading blog Gan? padahal ingin nyoba:D)

Balas

wah mantap nih tinggal ngopas :D
tapi saya lagi males ke html nya mas,hehe
males ribet

Balas

seperti nya tidak gan, kalo terlalu banyak widget pada blog itu yang menambah beban blog.. Itu menurut saya ya gan, saya tidak tau bagaimana menurut para master, saya sendiri masih newbie..

Balas

enggak ribet kok gan kalo mau usaha.. :D

Balas

sederhana dan mudah diterapkan untuk membuat emoticon pada komentar blog...makasih mas ilmunya. salam sahabat blogger.

Balas

segala sesuatunya tidak pernah ribet asal modal rajin ya mas?

Balas

Iya gan, makasih udah berkunjung.. :D

Balas

iya mbah, bener bnget tuh..

Balas

semua script pasti akan menambah beban loading tapi kalau dibandingkan dengan daya tarik dari pemasangan scritp tersebut kayaknya loading tambah berat dikit tidak masalah.

kalau mau tambah ringan lagi ganti s1600 menjadi s40...itu akan meringankan loading gambar emoticonnya gan.

Balas

wah di jelasin langsung nih sama mastah :-d makasih bnyak mbah

Balas

mau coba masang nih, tapi kira" loadingnya berat ga ya?

Balas

Aku coba pasang, dan berhasil,, tapi gimana cara buat contoh emoticon di atas kolom komentar seperti punyamu?

Balas

Mau coba pasang nih, tapi di blog saya keburu ada duluan sih,, jadinya nyimak aja ya mas.. |o|

Balas

sepertinya tidak gan, cuma nambah loading sedikit. hehe

Balas

ikutin aja tutorial ini mba http://onyetganteng.blogspot.sg/2015/06/cara-membuat-komentar-bertingkat.html

Balas

iya gk pp gan, terima kasih udah berkunjung gan :-d

Balas

Apa pendapat mu tentang ini?
>Berkomentarlah dengan baik, sesuai topik, dan jangan nyepam..
>>Sorry kalau balas nya telat..