Cara Membuat Emoticon Di Kotak Komentar Blog

 

Oke kali ini saya akan sharing tentang Cara Mudah Membuat Emoticon Di Kotak Komentar Blog
Bagi anda yang bosan dengan tampilan kotak komentar yang polos gak ada variasi apapun, nah mungkin
tutorial kali bermanfaat bagi anda.
Fungsi Emoticon Di Kotak Komentar Blog yaitu untuk menarik perhatian si pengunjung blog kita
agar dia mau berkomentar. Cukup menguntungkan bukan? lagian Menambah Emoticon Di Kotak Komentar
gak akan menambah beban loading diblog kita kok..
Cara yang akan saya jelaskan ini cukup mudah di praktekan, karena hanya menambah kode
diatas kode </body>
Berikut Caranya: Cara Mudah Membuat Emoticon Keren Di Kotak Komentar Blog




1.Log in ke blog2.Pilih Template
3.Edit HTML
4.Centang tulisan Expand Template Widget
5.Cari kode </body> | untuk memudahkan pencarian tekan Ctrl+F
6.Setelah ketemu kodenya, copy kode dibawah ini tepat diatas kode </body>

<style type='text/css'>
.emoWrap {
  background-color:#ffffff;
  border:2px solid #ffffff;
  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 src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange    = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage  = "Untuk menyisipkan emoticon setidaknya sobat harus menambahkan satu spasi di awal simbol.";
//]]>
</script>

7.Simpan Template

SELAMAT MENCOBA !