Emoticon Di Komentar Blog

Assalamu'alaikum Wr.Wb

Met Malam Sobat Cyber.Est6661
Kali ini ane akan membahas Cara Menambahkan Emoticon di Kotak komentar Blog. Seperti yang kalian 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 ane.

Caranya :

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

Selamat mencoba
Wassalamu'alaikum Wr.Wb

Posted in: Info