Cara Praktis Membuat Emoticon Di Komentar Blog
Cara Praktis Membuat Emoticon Di Komentar Blog - Halo sobat semua, kali ini saya akan menge-share artikel tutorial tentang cara yang sangat praktis untuk membuat emoticon unik dan cute di komentar blog sobat. Emoticon itu adalah bentuk dari ekspresi seseorang yang dituangkan dalam bentuk animasi seperti emoticon yang akan kita buat ini. Dan banyak sekali jenis emoticon dari berbagai bentuk animasi yang merupakan sesuatu yang sangat menarik untuk dibuat dalam komentar di jejaring sosial manapun.
Artikel ini berdasarkan request dari sobat blogger yang ingin dibuatkan artikel tentang hal ini supaya untuk mempercantik dan membuat blognya menjadi ramai. yang sebelumnya saya sudah membuatkan artikel tentang Cara Mudah Membuat Blog SEO 100% Di CHKME untuk sobat blogger yang berada di Sumut. Dan kali ini saya akan memberikan tutorial sesuai dengan request sobat blogger dari Jatim.
Berikut tutorial yang saya sudah buat dengan sedemikian rupa :
Demikianlah tutorial yang saya buat, smoga bisa mempercantik dan membuat blog sobat menjadi ramai dan smoga artikel diatas bermanfaat bagi sobat semua. Terima Kasih.
Artikel ini berdasarkan request dari sobat blogger yang ingin dibuatkan artikel tentang hal ini supaya untuk mempercantik dan membuat blognya menjadi ramai. yang sebelumnya saya sudah membuatkan artikel tentang Cara Mudah Membuat Blog SEO 100% Di CHKME untuk sobat blogger yang berada di Sumut. Dan kali ini saya akan memberikan tutorial sesuai dengan request sobat blogger dari Jatim.
Berikut tutorial yang saya sudah buat dengan sedemikian rupa :
- Pertama Log in ke blogger sobat
- Lalu masuk ke menu Template
- Klik Edit HTML
- Lalu cari kode
]]></b dengan cara ctrl+f, lalu copy kode dibawah ini diatas kode ]]></b
.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; }
Selanjutnya, cari kode </body> , dan copy kode dibawah ini dan paste 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://cdn.rawgit.com/Brando07/share/newbe/seocips-emo.js' type='text/javascript'/>
</b:if>
.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; }
Selanjutnya, cari kode </body> , dan copy kode dibawah ini dan paste 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://cdn.rawgit.com/Brando07/share/newbe/seocips-emo.js' type='text/javascript'/>
</b:if>
- Jika sudah lalu Save Template dan lihat hasilnya.
Demikianlah tutorial yang saya buat, smoga bisa mempercantik dan membuat blog sobat menjadi ramai dan smoga artikel diatas bermanfaat bagi sobat semua. Terima Kasih.
No comments :
Post a Comment