
Berawal dari pertanyaan seorang pengunjung Blog ini ( yang sebenarnya sudah beberapa hari yang lalu bertanya dan belum sempat di balas karena sibuk ) di artikel sebelumnya tentang Cara membuat efek gambar dengan panel description maka seocips.com membuat tutorialnya.
![]() |
Emotion di Komentar Blogger |
Membuat Emoticon di Komentar Blog
Ok sobat langsung saja berikut ini adalah caranya.1. Di Blogger
2. Ke Blognya sobat
3. Pilih menu template >> edit html
4. Cari kode ini
5. Letakan kode dibawah ini diatas kode
.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; }6. Selanjutnya dengan mencari kode
.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; }
<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://sites.google.com/site/seocips/seocips-script/emo.js' type='text/javascript'/>
</b:if>
7. Simpan template dan lihat hasilnya.
Mungkin Beberapa blog memasang emotion ini dengan alasannya masing-masing. misalnya agar komentar blog lebih menarik dimana yang berkomentar dapat menunjukan ekspresinya, kayak di facebook,.. hehehe. walaupun jumlah emoton tidaklah banyak tapi cukuplah untuk bersenang-senang dengan ekspresi-ekspresi unik di komentar blog.
Jangan lupa Baca ini juga:
Mungkin Beberapa blog memasang emotion ini dengan alasannya masing-masing. misalnya agar komentar blog lebih menarik dimana yang berkomentar dapat menunjukan ekspresinya, kayak di facebook,.. hehehe. walaupun jumlah emoton tidaklah banyak tapi cukuplah untuk bersenang-senang dengan ekspresi-ekspresi unik di komentar blog.
Jangan lupa Baca ini juga:
- Cara memasukan gambar di komentar
- Memasukan element terlarang di komentar
- Menghapus link aktif otomatis di komentar.
4 Komentar untuk "Cara Membuat Emoticon di Komentar Blog"
good (f)
Thanks.. :)
Gimana caranya agar kotak emoticon nya ikut nyambung saat klik REPLY ? Yang ada di blog saya, emoticon nya gak ikut nyambung ke reply, malah ketinggalan di bawah kotak "REPLY".
thankyou Bah.......
semangat trosss