Cara Memasang Emoticon Sederhana Di Blog

  Oke Broowww .. kali ini saya mau share cara membuat Emoticon Sederhana di kotak komentar blog...

Oke deh langsung ke tahap pemasangan nya ...

1.Log in ke blog
2.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 

Dan Taraaaa.... Emoticon nya sudah muncul dan selamat bersenang-senang dengan emoticon nya ....

Semoga bermanfaat bagi anda semua ... admin yang engga pernah tidur pamit undur diri .. assalamu'alaikum ...