Cara memasang Emoticons Di Komentar Blog

 Cara memasang Emoticons Di Komentar Blog ~ Emoticons biasanya digunakan untuk mengekspresikan perasaan kita, jadi jika kita memasang emoticons dia atas komentar maka orang yang berkomentar akan mudah mengekspresikan perasaannya saat membaca artikel anda, apakah itu senang, sedih, atau kecewa.

Kali ini saya akan memberi cara membuat emoticons di blog, emoticons yang saya tunjukkan kali ini sangat unik, bisa bergerak dan ringan. untuk sebagai contoh saya berikan gambar di atas atau lihat demonya:

Demo

Cara Memasang

1. Masuk ke blog anda terldih dahulu
2. Pilih menu template --> edit HTML 
3. Cari kode ]]></b:skin>
4. Pastekan kode dibawah ini diatas kode  ]]></b:skin>

.emoWrap {
  position:relative;
  padding:10px;
  margin-bottom:7px;
  background:#fff;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Opera */
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
  border:3px solid #860000;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  font-weight:normal;
  color:#333;
}
.emoWrap:after {
  content:"";
  position:absolute;
  bottom:-10px;
  left:10px;
  border-top:10px solid #860000;
  border-right:20px solid transparent;
  width:0;
  height:0;
  line-height:0;
}

5. Langkah berikutnya cari kode </body>
6. Pastekan kode dibawah ini di atas kode </body>
   </body> kode ini biasanya ada di bagian bawah edit html

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"Untuk menyisipkan emoticon Anda harus menambahkan setidaknya satu ruang sebelum kode."
})
});
//]]>
</script>
<script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
</b:if>

7. Ket:

• Warana merah anda tukar dengan kata-kata anda sendiri

8.Pratinjau terlebih dahulu
9. Simpan
DanLihatHasilnya.. 

Semogabermanfaat!^o

Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara memasang Emoticons Di Komentar Blog ini dipublish oleh Unknown pada hari Monday, December 30, 2013. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Cara memasang Emoticons Di Komentar Blog