Cara Mudah Memasang Emoticon Di Kolom Komentar Blogger

Emoticon Merupakan simbol atau karakter yang menunjukan suatu ekspresi dari seseorang melalui emot yang di sediakan tersebut. Seperti menangis, tertawa, sedih, tidur dan lain - lain. Biasanya digunakan untuk chetting dan berkomentar di blog, yang bertujuan untuk mempercantik dan membuat suatu blog tersebut terlihat hidup dan keren.

Dan untuk kali ini, saya akan menshare bagaimana cara mudah memasang emoticon di kolom komentar blogger simak tutorial nya agar paham.

Cara membuat emoticon do blog

1. Seperti biasah masuk ke blogger kalian masing - masing, menggunakan akun gmail kalian,

2. Masuk ke menu Tema ~ Edit HTML,

3. Kemudian cari kode ]]></b:skin> untuk memudahkan pencarian silahkan ketikkan CTRL + F di keyboard dan salin code di bawah ini tepat di atas kode tersebut.

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

Contoh Pemasangan:

Pemasangan kode CSS.png

4. Masih di edit HTML dan masukkan lagi kode di bawah ini tepat di atas </body> untuk memanggil kode di atas tadi.

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

Contoh Pemasangan:

Pemasangan di body.png

5. Jika merasa sudah silahkan klik Simpan Tema dan lihat hasilnya di postingan blog kalian.

itulah tadi bagaimana cara memasang emoticon di dalam komentar blog, semoga bermanfaat terimakasih.