Cara Membuat Emoticon di Kotak Komentar Blogspot

Sahabat blogger, hampir seminggu ini Ane  tidak membuka blog, rasanya kangen ingin cepat - cepat membuat tulisan, nah pada kesempatan kali ini alhamdulillah Ane bisa kembali membuat postingan lagi, kali ini Saya akan coba mempostkan artikel tentang Membuat Emoticon di Kotak Komentar Blogspot.

Cara Membuat Emoticon di Kotak Komentar Blogspot

---

1. Login ke blog
2. Masuk ke dasbor/rancangan kemudina pilih Template
3. Pilih Edit HTML *jangan lupa centang expand template widget
4. Cari kode ]]></b:skin>
5. Copy kode dibawah ini dan pastekan diatas ]]></b:skin>

.emoWrap {color:greenyellow;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;}

6. Copy kode dibawah ini dan pastekan dibawah tag <b:if cond='data:post.embedCommentForm'> atau pastekan diatas tag </body>

Berikut kodenya:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><script src='http://codecbd.googlecode.com/files/emotion-coment.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Beri spasi sebelum memasang emoticon.";
//]]>
</script>

Keterangan: jika dalam template sobat sudah ada kode yang berwarna merah di atas, sobat tidak usah memasang nya lagi.

7. Selanjutnya klik Simpan Template selesai

Silahkan sobat coba berkomentar di blog sendiri dan beri emoticon, dan lihat hasilnya..!!

 

 

Sumber : klik