Cara memasang emoticon di Komentar blog

Dengan Memasang emoticon pada komentar blog, menjadikan blog kita lebih berwarna, dan memudahkan untuk komentator meng inspirasikan perasaannya..

oke dalam pemasangannya berikut tahap - tahapnya :

1. Pergi ke Blogger
2. Edit HTML
3. Cari kode </body> Gunakan Ctrl+F untuk mempermudah pencarian
4. Copy Paste kode dibawah ini dan letakkan tepat diatas 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>

5. Sekarang cari kode ]]></b:skin> 
6. Copy Paste kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin>

.emoWrap {
position:relative;
padding:10px;
margin-bottom:7px;
background:#fff;
border:3px solid #860000;
border-radius:5px;
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;
}

Selesai, save dan lihat hasilnya !

Apabila emoticonnya turun kebawah, silahkan Kesini

Semoga Bermanfaaat

Tweet