Blogspot yang membahas tentang Tutorial Blogger, Animasi Blogger, Google Adsense, Game Blogger, Seo Blogger, Template Blogger, TV Online, Dan Tools Blogger

Wednesday 5 February 2014

Cara Membuat Emoticon Di Komentar Blogger

Cara Membuat Emoticon Di Komentar Blogger - Blogger Update. Assalamualaikum wr.wb. Tips hari ini yang ingin saya bagikan adalah 'Membuat Emoticon Di Komentar Blogger'. Emoticon adalah sebuah sebuah gambar yang menggambarkan ekspresi seseorang, tapi kali ini diterapkan dalam sebuah blogger jadi penggunjung blogger bisa berekspresi sesuai dengan artikel yang dibacanya. Langsung saja ini screenshoot dari Emoticon Di Komentar Blogger :
Cara Membuat Emoticon Di Komentar Blogger

Langkah-Langkah Membuat Emoticon Di Komentar Blogger
1. Buka Blog Anda >> Edit Tempalate.
2. Cari kode ]]></b:skin>, lalu masukan kode dibawah ini diatas kode ]]></b:skin>
img.comment_emo {

    height: auto !important;

    vertical-align: middle !important;

    width: auto !important;

    border:0px !important;

}
3. Cari kode </body>, lalu masukan kode dibawah ini diatas kode </body>
<script type="text/javascript">

//<![CDATA[

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>
4. Simpan Template.

Note : Tidak akan tampil di form komentar, jika anda ingin menambahkan diform komentar simak diartikel 
nanti atau cari digoogle. 

Jika ada yang belum jelas atau ada kesalahan, anda bisa berkomentar dibawah ini  dengan pertanyaan lalu saya akan menjawab sebisa saya. Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Cara Membuat Emoticon Di Komentar BloggerSimak juga artikel saya yang lainnya : 
Cara Memasang Iklan Disamping Kiri dan Kanan Blog MelayangCara Membuat Iklan Melayang Di Bawah Blogger Dengan Tombol Close, dan Cara Membuat Artikel Yang Berkualitas SEO FriendlyTerima kasih sudah berkunjung.
.
Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya
DMCA.com

Cara Membuat Emoticon Di Komentar Blogger Rating: 4.5 Diposkan Oleh: Fikri

19 komentar:

  1. ke tigaxxx
    Keren Sob Tutornya

    ReplyDelete
  2. hehe gitu caranya ya :D
    http://naughticle.blogspot.com/2014/02/tutorial-bbm-untuk-galaxy-y-gt-s5360.html

    ReplyDelete
  3. wah keren!
    blogwalking
    http://flick-kaskus.blogspot.com

    ReplyDelete
  4. Lumayanlah buat nambah asesoris blog. Makasih tutorialnya.

    ReplyDelete
  5. Nih yang saya cari,,nemu di sini

    makasih mas

    ReplyDelete
  6. Kebetulan saya sudah punya sob bawaan langsung :D

    ReplyDelete
    Replies
    1. Wah iyah memang sudah ada beberapa template yang menyediakan langsung/bawaan

      Delete
  7. sukses terpasang diblog ane gan. makasih tutornya nih

    ReplyDelete
  8. keren gan, di blog ane udah ane pasang

    ReplyDelete
  9. ane gak minat masang emot di blog gan :D

    visit ya http://afifblog20.blogspot.com/

    ReplyDelete

 
notifikasi
close