Cara Membuat Emoticon di Atas Kotak Komentar Blog – Kemarin saya sudah posting tentang modifikasi blog yaitu (Baca: Cara Mengganti Background di Blog Dengan Gambar, Cara Membuat Efek Gambar Berputar Pada Blogspot). Kali ini saya akan share Cara Membuat Emoticon di Atas Kotak Komentar Blog, widget emotion diatas kotak komentar blog sanagt menarik untuk mewarnai kotak komentar blog, dengan emoticon ini kita nisa mengekspresikan penilaian kiata terhadap postingan blog dengan emoticon yang lucu juga keren.
Untuk Memasang Emoticon di Atas Kotak Komentar Blog ternyata sangt mudah, dengan sedikit menambah kode panggil emoticon, widget satu ini dapat menghiasi kotak komentar kelit\hatan keren dan terntunya sangat menarik perhatian pengunjung blog. Berikut Cara Membuat Emoticon di Atas Kotak Komentar Blog :
1. Login ke akun blogger sobat.
2. Pilih template >> Klik Edit html
3. Selanjutnya Cari kode ]]></b:skin> untuk mempermudah gunakan Ctrl+F.
2. Pilih template >> Klik Edit html
3. Selanjutnya Cari kode ]]></b:skin> untuk mempermudah gunakan Ctrl+F.
4. Lalu copy paste kode ini tepat diatas ]]></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. Kemudian cari kode </body> untuk mempermudah gunakan Ctrl+F
6. Copy paste kode 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>
7. Selesai sobat Save dan lihat hasilnya.
Sekian dulu Cara Membuat Emoticon di Atas Kotak Komentar Blog, terima kasih sudah berkunjung dan semoga bermanfaat. Selamat Mencoba. Referensi: http://depermana-share.blogspot.com/
