Home » » Cara Memasang Emoticon Di Komentar Blog Terbaru

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.

Cara Memasang Emoticon Di Komentar Blog Terbaru

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

Cara Memasang Emoticon Di Komentar Blog Terbaru

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

Cara Memasang Emoticon Di Komentar Blog Terbaru

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

Cara Memasang Emoticon Di Komentar Blog Terbaru

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

Cara Memasang Emoticon Di Komentar Blog Terbaru

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

<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://cdn.rawgit.com/Brando07/share/newbe/seocips-emo.js' type='text/javascript'/>
</b:if>

Cara Memasang Emoticon Di Komentar Blog Terbaru

Nah itulah bagaimana memasang emoticon di komentar blog dengan mudah dan cepat.

Silahkan dicoba

Artikel Lainnya :

0 komentar:

Post a Comment

Powered by Blogger.