Cara Memasang Emoticon Di Komentar Blog Terbaru

Emoticon yakni lambang, simbol, abjad yang menunjukkan mulut atau perasaan seseorang ibarat senyum, tertawa, sedih, cemberut, marah, menangis dan lain sebagainya yang biasanya dipakai ketika sedang chatting di sosial media ataupun ketika 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 sahabat yang ingin menciptakan atau pasang emoticon pada komentar blog.

Cara Menambahkan Emoticon Di Komentar Blog :

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

2. Kemudian sahabat sanggup cari isyarat ]]></b:skin>, gunakan Ctrl+F untuk memudahkan

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

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

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

Silahkan dicoba

Tweet

Subscribe to receive free email updates: