Cara Menambahkan Emoticons Smiley di Komentar Blog

Cara Menambahkan Emoticons pada blog - Emoticon ini otomatis akan merubah kode :) :-D dan lainnya menjadi gambar yang telah di tentukan. Nah,mungkin kalian ingin mencoba nya di blog anda. Tidak usah banyak bicara langsung saja ikuti tutorial di bawah ini

Cara Menambahkan Emoticons

1. Login Ke Blogger > Template > Edit Html

2. Cari kode ]]></b:skin>  lalu copy kode di bawah ini di atas kode ]]></b:skin>

/* Emoticon Smiley */ 
.emoWrap {
  background-color:#fff;
  border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
  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;
}

3. Cari kode </head> lalu copy kode di bawah ini diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Untuk menyisipkan emoticon, beri satu spasi sebelum memasukkan kode.";
//]]>
</script>
<script src='https://googledrive.com/host/0B-HCDWf1SPI0cGlYc0FmTFVLbmc/Emoticon Smiley-dzulkifli.js' type='text/javascript'/>

Nb: Jika blog anda sudah terpasang JQuery, hapus script ini ( <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script> )

4. Kemudian Simpan Template, dan lihat hasilnya.

Jika kalian ingin melihat demonya, silahkan liat di blog saya , karena blog saya sudah menerapkan emoticon ini. Silahkan mencoba emoticon di kotak komentar saya.

Cara Menambahkan Emoticons Smiley di Komentar Blog