Cara Memasang Emoticon Di Komentar Blog Terbaru

Emoticon ialah lambang, simbol, abjad yang menawarkan lisan atau perasaan seseorang menyerupai senyum, tertawa, sedih, cemberut, marah, menangis dan lain sebagainya yang biasanya dipakai ketika sedang chatting di sosial media ataupun dikala berkomentar di blog. Biasanya para blogger memasang emoticon ini pada kotak komentar blog dengan tujuan untuk mempercantik tampilan blog, menjadikannya lebih hidup, dan sanggup menciptakan pengunjung lebih suka dan tertarik pada blog tersebut.

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

Cara Menambahkan Emoticon Di Komentar Blog :

1. Bikin emoticon di komentar blog menyerupai gambar di atas yaitu dengan cara masuk ke sajian Template kemudian klik Edit HTML

2. Kemudian teman sanggup cari aba-aba ]]></b:skin>, gunakan Ctrl+F untuk memudahkan

3. Lalu masukkan aba-aba berikut ini sempurna di atas aba-aba ]]></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 aba-aba </body>, gunakan Ctrl+F untuk mempermudah

5. Lalu masukkan aba-aba berikut sempurna diatas aba-aba </body>, kalau 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>