Cara Memasang Emoticon Smiley pada Komentar Blog

Cara Memasang Emoticon Smiley pada Komentar Blog - Komentar blog akan tambah menarik jika ada ikon-ikon lucu ini. Ya, logo emoticon yang fresh akan lebih menghidupkan isi konten blog sahabat. Apalagi dengan ikon itu justru bisa menambah calon reader baru akibat dari respon logo yang menggemaskan itu.

Logo emoticon smiley

Jika sebelumnya logo-logo itu harus diketik dengan keyboard, misal :) ;) dan lain-lain, maka kini tinggal klik sekali simbol emoticon bisa muncul.
Bacaan wajib Cara Agar Blog Cepat Terindex Google.
Dalam pencarian search engine google, mungkin terdapat banyak tutorial bagaimana memunculkan logo emoticon pada komentar blog. Namun jarang yang memberikan informasinya melalui jQuery. Berikut beberapa script kode yang harus sahabat ketahui untuk memasang logo emoticon tersebut pada komentar blog.


Cara memasang logo emoticon smiley pada komentar blog

1. Masuk ke dasboard blogger, lalu klik template dan pilih HTML.
2. Pada kotak HTML cari kode </head> atau dengan mengetik Ctrl+F lalu isikan dengan </head>. Pastekan kode script jQuery berikut di atas kode </head>.


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script> 

3. Lalu cari kode ]]></b:skin>. Tambahkan kode berikut ini di atasnya.

 .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;

4. Tambahkan kode ini tepat di bawah kode jQuery tadi.


 <script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script src='https://tipstrikblogging.googlecode.com/files/EmoticonsKeren.js type='text/javascript'/> 

Klik Save template. Lalu lihat hasilnya pada blog sahabat. Hasilnya akan seperti contoh ini.
Cara Memasang Emoticon Smiley pada Komentar Blog

0 comments