Emoticon Pada Kotak Komentar

Halo Blogger Mania! Saya dapat pengalaman baru ni dari teman saya Yazid, yaitu mengenai cara menambahkan Emoticon pada Comment Box di Blogger. Secara Skin ini terlihat bagus, namun juga ada kelemahannya. Loading di artikel akan sedikit lebih lama. Saya pertegas kembali SEDIKIT lebih lama. Jadi tidak usah terlalu khawatir. Lagi pula dengan adanya Emoticon Nanti para Komentator di Blog Lebih bisa Berekspresi hehehe.


Caranya Membuat?
Caranya sama dengan menambahkan komentar FB pada Blog namun berbeda Tempat, Okay langsung Check It Out!

1. Log in ke Blogger
2. Klik Rancangan / Template -> klik Edit HTML
3. Cari kode </body> (permudah dengan F3)
4. Letakkan kode berikut tepat diatas kode </body>

<style type='text/css'>
.emoWrap {
  background-color:#EEDE86;
  border:2px solid #D3BA59;
  padding:10px 14px;
  color:black;
  font:bold 12px Tahoma,Arial,Sans-Serif;
  text-align:center;
}

img.emo, input.emoKey {
  display:inline-block; /* Penting! */
  *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;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/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 setidaknya Anda harus menambahkan satu spasi di awal simbol.";
//]]>
</script>
<script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/>

5. Save Template

Coba Cek salah satu artikel anda dan langsung menuju kebagian bawah alias Form Komentar.

Bagi Yang Mau Lihat Live Demonya Silahkan Lihat Kotak Komentar di Blog saya ini.