Inilah Cara Mudah Memasang Emoticon Smiley Pada Komentar Blog

Cara Memasang Emoticon Smiley pada Komentar Blog - Komentar blog akan tambah menarik jikalau ada ikon-ikon lucu ini. Ya, logo emoticon yaaang fresh akan lebih menghidupkan isi konten blog sahabat. Apalagi dengan ikon hal tersebut justru sanggup menambah calon reader gres akhir dari respon logo yaaang menggemaskan hal tersebut.

Logo emoticon smiley

Jika sebelumnyaaa logo-logo hal tersebut harus diketik dengan keyboard, misal :) ;) dan lain-lain, maka sekarang tinggal klik sekali simbol emoticon sanggup muncul.

Bacaan wajib Cara Agar Blog Cepat Terindex Google.

Dalam pencarian search engine google, mungkin terdapat banyaaak tutorial bagaimana memunculkan logo emoticon pada komentar blog. Namun jarang yaaang menunjukkan informasinyaaa melalui jQuery. Berikut beberapa script instruksi yaaang harus sobat ketahui untuk memasang logo emoticon tersebut pada komentar blog.

Cara memasang logo emoticon smiley pada komentar blog

1. Masuk ke dasboard blogger, kemudian klik template dan pilih HTML.

2. Pada kotak HTML cari kode </head> atau dengan mengetik Ctrl+F kemudian isikan dengan </head>. Pastekan instruksi 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 instruksi berikut ini di atasnyaaa.

 .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 instruksi ini sempurna di bawah instruksi 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 kesannyaaa pada blog sahabat. Hasilnyaaa akan menyerupai tumpuan ini.

Artikel pilihan Cara Membuat Sub Menu pada Homepage Blog.

Demikian tutorial Cara Mudah memasang emoticon smiley pada komentar blog. Semoga bermanfaat.