Xivanki Share !!: Cara Menambahkan Emoticon pada Komentar Blog

Cara Menambahkan Emoticon pada Komentar Blog - Selamat datang di situs media global terbaru Xivanki, Pada halaman ini kami menyajikan informasi tentang Cara Menambahkan Emoticon pada Komentar Blog !! Semoga tulisan dengan kategori blogging !! ini bermanfaat bagi anda. Silahkan sebarluaskan postingan Cara Menambahkan Emoticon pada Komentar Blog ini ke social media anda, Semoga rezeki berlimpah ikut dimudahkan Allah bagi anda, Lebih jelas infonya lansung dibawah -->

Untuk Anda yang ingin menambahkan emoticon pada komentar blognya, hmmm berikut langkah-langkahnya dan modifikasi script pada templatenya,

• Setelah login, pada dashbor masuk ke menu template kemudian klik edit HTML dan lanjutkan:
• Klik Ctrl+F dan cari kode ]]></b:skin>
• Tambahkan kode CSS berikut diatasnya;

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

• kemudian tambahkan script JQuery berikut diatas kode </head>

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

Untuk anda yang sudah memiliki atau menginstal script JQuery pada template anda maka langkah diatas abaikan saja!

• tambahkan lagi Script berikut dibawah script 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'/>

• Simpan template dan lihat hasilnya diblog anda!

Demikian tutorial cara menambahkan emoticons smiley pada komentar blogger. Semoga bermanfaat!