Cara Mudah Membuat Emoticon di Komentar Blog

Cara Mudah Membuat Emoticon di Komentar Blog - BHalo Sobat Sekarang Ini Saya Akan Memberikan Tutorial Lagi Yaitu "Cara Mudah Membuat Emoticon di Komentar Blog". Sobat Pernah Melihat Emoticon, Pasti ingin memasangnya di blog kan. Emoticon Blog ini berfungsi untuk memberikan gambar lucu saat berkomentar di blog Kalau ingin Memasangnya langsung saja sob>>>>>>>>>>>>>>>.

1.Buka Blogger.com>Template>edit HTML
2.Letakan Kode Di Bawah ini Sebelum kode </style>

.emoWrap { position:relative; padding:10px; margin-bottom:7px; background:#fff; background-image:-ms-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); background-image:-moz-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); background-image:-o-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#FFFFFF),color-stop(1,#FFF9F2)); background-image:-webkit-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); 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; }

3.Lalu Letakan Kode dibawah ini Sebelum 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://sites.google.com/site/thinkfaiz/thinkfaiz/emoticons-1.js' type='text/javascript'/>
</b:if>

4.Simpan Lalu lihat Hasilnya

Semoga Bermanfaat