Cara Memasang Emoticon Keren di Komentar Blog

Komentar blog merupakan tempat untuk menanggapi atau memberi tanggapan mengenai sebuah postingan blog. Dalam komentar ini, kita dapat mengirimkan saran, kritik, ataupun pertanyaan kepada admin atau si pemilik blog tersebut. Namun, rasanya tidak akan lengkap jika komentar blog tidak disisipi oleh sebuah Emoticon Keren. 

Emoticon ini merupakan gabungan dari dua kata, yakni Emotion dan Icon. Dilihat dari katanya, pasti sudah dapat ditebak bahwa widget emoticon ini berfungsi untuk menampilkan ikon-ikon emotion atau berupa emosional seseorang. Dengan memasangnya dalam blog kita, tentu akan memudahkan pengunjung blog dalam mengeluarkan ekspresinya saat berkomentar, baik itu tersenyum, tertawa, ataupun yang sedang marah atau kesal.

Berikut langkah-langkahnya:

1. Login ke Akun Blogger.
2. Pilih Dasbor Blog, lalu pilih menu Template > Edit HTML.
3. Salin dan letakkan kode berikut diatas kode ]]></b:skin>.

.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}

4. Selanjutnya salin dan letakkan kode berikut diatas kode </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<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/airalokablogspotcom/download/Emoticon%20Smiley.js' type='text/javascript'/>

Keterangan: Hapus kode berwarna merah jika sudah terdapat dalam template blog sobat.

5. Langkah terakhir silahkan Simpan Template sobat.
6. Selesai dan lihat hasilnya pada blog sobat.

Sekian untuk tutorial blogger kali ini, semoga cara diatas dapat bermanfaat untuk sobat blogger semua.
Terima kasih.