» » » » Cara Membuat Emoticon Keren Di Kotak Komentar

Cara Membuat Emoticon Keren Di Kotak Komentar

Cara Menambahkan Emoticon di Kotak komentar Blog - Kali ini saya akan membahas Cara Menambahkan Emoticon di Kotak komentar Blog. Seperti yang anda ketahui, dengan memasang emoticon di kotak komentar, maka pengunjung akan mudah mengekspresikan sarannya pada kotak komentar. Selain itu, blog kita juga akan lebih menarik. Contoh Emoticonnya seperti gambar dibawah ini, atau tepat di kotak komentar blog saya.

Markup Validation Service



Berikut Tutorialnya :
1. Login ke Account Blogger sobat
2. Pilih Rancangan, Edit HTML, lalu ceklis "Expand Template Widget"
3. Cari kode </body> lalu copy kode dibawah ini tepat di atas kode tadi

<style type='text/css'>
.emoWrap { 
  background-color:transparent;
  border:none;
  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='https://republicofnote.googlecode.com/svn/trunk/emoticon%20di%20kotak%20komentar' 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>

4. Klik simpan template dan lihat hasilnya


0 Komentar untuk "Cara Membuat Emoticon Keren Di Kotak Komentar"