Cara Memasang Emoticon Di Komentar Blog Terbaru

Emoticon adalah lambang, simbol, karakter yang menunjukkan ekspresi atau perasaan seseorang seperti senyum, tertawa, sedih, cemberut, marah, menangis dan lain sebagainya yang biasanya digunakan ketika sedang chatting di sosial media ataupun saat berkomentar di blog. Biasanya para blogger memasang emoticon ini pada kotak komentar blog dengan tujuan untuk mempercantik tampilan blog, menjadikannya lebih hidup, dan dapat membuat pengunjung lebih suka dan tertarik pada blog tersebut.

Kali ini saya akan share gimana Cara Memasang Emoticon Di Komentar Blog Terbaru, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat sobat yang ingin membuat atau pasang emoticon pada komentar blog.

Cara Menambahkan Emoticon Di Komentar Blog :

1. Bikin emoticon di komentar blog seperti gambar di atas yaitu dengan cara masuk ke menu Template lalu klik Edit HTML

2. Kemudian sobat bisa cari kode ]]></b:skin>, gunakan Ctrl+F untuk memudahkan

3. Lalu masukkan kode berikut ini tepat di atas kode ]]></b:skin>

.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; }

4. Setelah itu cari lagi kode </body>, gunakan Ctrl+F untuk mempermudah

5. Lalu masukkan kode berikut tepat diatas kode </body>, jika sudah klik Simpan template.. Selesei

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