Berbagi tips dan trik seputar blogging dan seo

Caraku Memasang Emoticon Pada Komentar

Caraku memasang emotik pada komentar blog, dengan emotik emotik yang kita pasang di atas kotak komentar ini akan semakin ramai dan meriah dengan gambar emotik yang lucu orang yang koment bisa mengungkapkan perasaan seneng ,sedih, dan tertawa ,jadi lebih akrap gitu sob….

Sebenernya sudah banyak yang posting cara memasang gambar emotik pada komentar blog ,sebenernya postingan saya ini udah basi sob, tapi biarlah buat ngisi blog saya, berikut ini caraku memasang emoticon pada komentar .

Caranya:

Letakkan kode CSS berikut ini dan letakkan 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; }

Trus buat script seperti di bawah ini copas aja biar gak ribet ,dan letakkan kode script di atas kode </body>

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

Selanjutnya save templat . dah gitu aja sob selamat mencoba..

1 Response to "Caraku Memasang Emoticon Pada Komentar"