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.

Cara Memasang

1. Masuk ke blog anda terldih dahulu
2. Pilih menu template --> edit HTML 
3. Cari kode ]]></b:skin>
4. Pastekan kode dibah 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:

• Warna merah anda tukar dengan kata-kata anda sendiri

8.Pratinjau terlebih dahulu
9. Simpan

sumber:http://diandiki.blogspot.com