Tutor Emoticon di Blog

Waktu ngelamun, saya kejatuhan ide buat masukkan emoticon yahoo di blog. Setelah browsing di google akhirnya ketemu caranya dan disini saya mau share cara pada sekalian. Langsung saja check ke Te-Ka-Pe

• Pilih TEMA

• Lalu pilih Edit HTML

• Cari Kode </Body>

• Masukkan scipt  Ini di Atas 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>

• Kemudian simpan

Jelas bukan? kalau anda ingin bertanya silakan tulis di kolom komentar dan Terimakasih telah berkunjung ke blog ini. :D

Jika tulisan saya membantu anda. Silahkan Donasi ikhlas ke akun dibawah. 10% akan saya donasikan ke mereka yang membutuhkan.