Cara Memasang Emoticon Di Kotak Komentar Posting Blog

Hello para blogger, udah lama nih mang ade ga posting yah :D
sorry nih mang ade waktu itu sibuk banget, makanya belum sempet posting hahha :D
ok kali ini mang ade akan ngasih tutor "Cara Memasang Emoticon Di Kotak Komentar Posting Blog"

ok kita langsung ke lokasi :D

1. langkah pertama yang harus di lakukan oleh agan adalah :

• login ke blogger
• pilih teamplate
• edit html
• cari kode  </body> untuk lebih gampang pijit ctrl + f

2. copy paste kode di bawah ini tepat di atas kode </body>


<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:"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>

3. Cari kode ]]></b:skin>

4. copy paste  code di bawah ini tepat di atas kata  ]]></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. simpan teamplate agan

lihat hasil nya 

ok sekian dulu totor dari mang ade semoga bermanfaat bagi kalian yang membacanya 

Bagi anda yang telah membaca artikel saya harap mengklik iklan saya 1 kali saja untuk kontribusi saya ==================~~~~~~~~~~~~~~~~~TERIMAKASIH~~~~~~~~~~~~~~~~~===================

Anda baru saja membaca artikel yang berkategori Tutorial dengan judul Cara Memasang Emoticon Di Kotak Komentar Posting Blog. Anda bisa bookmark halaman ini dengan URL http://blogmangade.blogspot.com/2013/07/cara-memasang-emoticon-di-kotak.html. Terima kasih!

Ditulis oleh: adesutisna - Wednesday, 10 July 2013