Membuat Emoticon di Kotak Komentar Blogspot

Coretan Bang Dadan on

Saturday, February 9, 2013

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

sahabat blogger mungkin pernah bahkan sering melihat sebuah komentar para blogger yang ada emoticon nya,  ini merupakan suatu design saja agar tampilan komentar pada blog kita menjadi lebih menarik dan lebih unik, jika sobat ingin melihat demonya silahkan sobat lihat gambar dibawah ini, atau pada komentar blog ini.

Baiklah tidak usah panjang lebar lagi, langsung saja kita menuju TKP :

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

Sekian dulu pembahasan kita kali ini tentang Cara Membuat Emoticon di Kotak Komentar Bogspot, dan semoga artikel ini bermanftaat buat anda semua, selamat mencoba dan semoga sukses..!!

Labels: blogger tutorial, template hack

Thanks for reading Membuat Emoticon di Kotak Komentar Blogspot. Please share...!