Cara Memasang Emoticon di Komentar Blog

Sebagian orang masih bertanya apa itu Emoticon? Emoticon adalah sebuah simbol atau kombinasi simbol-simbol yang biasanya digunakan untuk menggambarkan ekspresi atau perasaan seseorang dalam bentuk emoticon. Dengan memasang emotikon ini kita tentu akan mengetahui perasaan pengunjung bagaimana setelah membaca artikel yang kita tulis.

Komentar blog merupakan tempat yang digunakan untuk memberi tanggapan mengenai artikel yang dibaca pengunjung. Dalam komentar ini, kita semua bisa memberikan saran, kritik, atau pertanyaan kepada admin atau pengarang blog.

Namun, kotak komentar akan terasa sepi jika tidak ada emoticon. Sebab itu, saya membuat artikel Cara Memasang Emoticon di Komentar Blog. Jadi, kotak komentar pada blog kalian tidak akan terasa sepi lagi, karena adanya emoticon.

Berkut Cara Memasang Emoticon di Komentar Blog :
#1. Login ke Blogger.
#2. Masuk ke Dasboard, blogger -> template -> edit HTML.
#3. Cari kode ]]></b:skin> dan pastekan CSS di bawah ini tepat di atas kode ]]></b:skin>.

/*EMOTICON KOMENTAR Start*/
.emoWrap{ background-color:#fff;  border:2px solid#0054BB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  padding:10px 14px;  color:black;  font:bold 12px Tahoma,Arial,Sans-Serif;  text-align:center}
img.emo, input.emoKey{ display:inline-block;  *display:inline;  vertical-align:middle}
input.emoKey{ border:1px solid #ccc;  background-color:white;  font:bold 11px Arial,Sans-Serif;  padding:1px 2px;  margin:0px 0px 0px 2px;  color:black}
/*EMOTICON KOMENTAR End*/

#4. Berikutnya, cari kode </body> dan pastekan Script di bawah ini tepat di atas kode </body>.

<!-- Emoticon Blog Start -->
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Untuk menyisipkan emoticon, beri satu spasi sebelum memasukkan kode.";
//]]>
</script>
<script src='https://sites.google.com/site/kangpiangpian/KangPian-Emoticon.js' type='text/javascript'></script>
<!-- Emoticon Blog End -->

#5. Simpan, dan lihat hasilnya pada kotak komentar blog kalian.

Untuk DEMO silahkan lihat kotak komentar Kang Pian atau cek gambar di bawah

Mudah bukan? Yaps, kalau kalian mengikuti langkah-langkah di atas dengan benar, saya yakin pasti akan berhasil. Semoga artikel tentang Cara Memasang Emoticon di Komentar Blog ini bermanfaat untuk semuanya, terimakasih.