Membuat Emoticon Otomatis di Kotak Komentar Blogger

Membuat Emoticon Otomatis di Kotak Komentar Blogger - Emoticon mungkin adalah salah satu kegemaran setiap pengunjung pada saat akan berkomentar pada sebuah artikel yang ada di suatu blog, karena dengan emoticon itulah mood dan reaksi pengunjung dapat diungkapkan dengan lebih nyata dan mudah dipahami. Untuk itu kita perlu menambahkan emoticon pada kotak komentar blog kita supaya pengunjung lebih tertarik untuk berkomentar. Ada banyak cara untuk membuat emoticon otomatis di kotak komentar blogger, namun salah satu cara yang mudah dan simple untuk dilakukan adalah sebagai berikut :

1. Login ke blogger.com menggunakan akun anda
2. Menuju ke menu Template » Edit HTML » Lanjutkan, centang Expand Template Widget.

3. Cari kode </body> dan letakkan script berikut tepat di atasnya :

<style type='text/css'>
.emoWrap {
  background-color:#EEDE86;
  border:2px solid #D3BA59;
  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>
<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>
<script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'></script>

4. Klik simpan/save template, dan selesai.

Note :
Untuk previewnya bisa langsung di lihat pada gambar yang ada di atas.

Langkah-langkah di atas saya dapat (bersumber) dari blog hompimpaalaihumgambreng by Taufik Nurrohman. Mungkin cukup sekian, saya akhiri dulu pertemuan kali ini. Selebihnya saya mohon ma'af atas segala kesalahan.

Anda sedang membaca Artikel berjudul Membuat Emoticon Otomatis di Kotak Komentar Blogger, dan dengan URL http://kabarkabaru.blogspot.com/2012/08/membuat-emoticon-otomatis-di-kotak.html. Anda boleh membagikan artikel Membuat Emoticon Otomatis di Kotak Komentar Blogger ini kepada Teman - Teman anda namun jangan lupa mencantumkan link Membuat Emoticon Otomatis di Kotak Komentar Blogger sebagai Sumbernya.Terima Kasih