Cara Menambahkan Emoticon Pada Komentar Blog


Emoticon pada blog blogger merupakan berguna untuk menarik perhatian para pengunjung untuk bisa memberi komentar, dan menjadikan komentar tesebut terlihat menarik dan lebih bagus seperti pada web sosial lainnya.

Menambahkan Emoticon Pada Komentar Blog

Dengan emoticon, mungkin pastinya anda akan lebih semangat untuk selalu memposting artikel-artikel menarik agar para pengunjung blog anda bisa bertanya, memberi saran atau pendapat dengan mengisi kalimat pada kotak komentar blog blogger anda.

Tentunya, bila mana setiap artikel anda lebih banyak komentar, akan semakin terlihat ramai juga pengunjung blog anda, dan yang perlu anda ingat, bila blog mempunyai artikel yang banyak komentarnya, blog tersebut akan terlihat lebih banyak pengalamannya oleh google dan si pengunjung blog.

Tetapi, bukan hanya dengan memasang emoticon saja yang bisa buat pengunjung berminat untuk berkomentar. Dari segi konten anda yang memberi penjelasan detail akurat jelaspun akan memberi daya penuh tarik kepada si pengunjung blog untuk memberi komentar.

Bagi anda para sahabat blogger pemula ingin membuat emoticon pada komentar anda, silahkan ikuti saja cara-cara dibawah ini :


Membuat Emoticon Tampil di Komentar Blog

1. Buka blogger anda, lalu pergi ke Edite Tempelate.

2. Dan tambahkan javascrift dibawah ini dibagian atas kode penutup body. Bila anda belum mengerti kodenya  yaitu : </body>.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type="text/javascript">
//<![CDATA[
/* Comments Emoticon Blogger
 * by Maulana Akhsan
 */
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='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/\^_\^/gi, "<img src='http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/:-bd/gi, "<img src='http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/:-d/gi, "<img src='http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/@\@\,/gi, "<img src='http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/\\o\//gi, "<img src='http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/=\(/gi, "<img src='http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/:\(/gi, "<img src='http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/\;\)/gi, "<img src='http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/:D/gi, "<img src='http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif='' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/=D/gi, "<img src='http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            ki_emo = ki_emo.replace(/:\P/gi, "<img src='http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif' alt='emoticon blogger' class='emoticon_cmt'/>");
            zx.item(i).innerHTML = ki_emo;}}}
//]]>
</script>
</b:if>
</b:if>
3. Selanjutnya yang terakhir anda tinggal menerapkan CCS nya di atas kode ]]></b:skin> atau di atas kode </style>.
img.emoticon_cmt {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border: 0px !important;
}
4. Silahkan save atau simpan template anda.

5. Selanjutnya tinggal anda tes saja buat komentar beri tanda smile seperti kode :) pada kotak komentar blog anda.

Bila mana anda ingin membuat menu emoticon dan menu konverter, silahkan tinggal kunjungi link Cara Membuat Menu Emoticon Pada Blog.

Semoga bermanfaat artikel mengenai Cara Membuat Emoticon Pada Komentar Blog Blogger buat anda para sahabat blogger pemula.

4 comments:

  1. Blog walk sob.
    Iya sob, dengan menggunakan emoticon menjadikan komentar lebih menarik.
    Tapi kenapa blog ini gak menggunakan emoticon?
    xixi...

    ReplyDelete
    Replies
    1. iya sobat,,, saya kunjung balik...
      terimakasih atas kunjungan anda... salam blogger sukses selalu... wkwkwkwk :-d

      Delete
  2. nggk work sob, oh iya bagaimana buat menu emotikon / konversi kode di kolom komentar..?

    visit back yeaa :D

    ReplyDelete
    Replies
    1. Ok sobat, saya akan buat artikel yg anda butuhkan, dan akan membagikannya kepada anda.. thanks atas kunjungannya ! :-bd

      Delete

Sebelum menuliskan komentar, Anda harus baca syarat dibawah ini :
1. Tidak diperbolehkan menaruh link aktif,
2. Tidak boleh ada unsur huru hara dan pornograpi,
3. Jika membuat spam, komentar Anda akan dihapus, dan
4. Silahkan bertanya dan berbagi pikiran dengan kalimat yang baik dan membangun.

AK NEW SITE. Powered by Blogger.