Tips Memasang Emoticon Di Komentar Blogger

Emoticon merupakan suato icon menarik untuk mempercantik di suatu komentar terutama di blog, adapun keuntungannya emoticon di pasang di kotak komentar blog yaitu dapat mempercantik tampilan kotak komentar sekaligus manambah nilai sudut pandang pengunjung blog yang ingin menggunakan emoticon tersebut, maka dari itu saya menulis artikel tentang tips memasang emoticon di kotak komentar blogger, untuk memasangnya anda bisa ikutin beberapa langkah-langkahnya berikut ini :

FREE DOWNLOAD 

Langkah- langkah Memasang emoticon di komentar blogger sebagai berikut :

• Login ke Blogger
• pilih template >> edit HTML
• cari kode </body> (supaya cepat dalam pencarian gunakan  ctrl+f) copy paste kode dibawah ini tepat diatas kode </body>

<b:if cond='data:blog.pageType == "item"'>
<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:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
<script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
</b:if>

• kemudian cari kode ]]></b:skin> copy paste kode dibawah ini tepat 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%, #FFFFFF 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFFFFF 100%);
/* Opera */
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFFFFF 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFFFFF));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFFFFF 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #FFFFFF 0%, #FFFFFF 100%);
  border:3px solid #FFFFFF;
  -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 transparent;
  border-right:20px solid transparent;
  width:0;
  height:0;
  line-height:0;
}

• Langkah terakhir simpan, setelah itu lihat lah hasilnya,

Maka hasilnya akan menjadi seperti ini

FREE DOWNLOAD 

Cukup mudah kan memasang emoticon di komentar blogger, Sekian artikel yang saya tulis kali ini, semoga bisa bermanfaat dan berguna untuk anda, Selamat Mencoba.