Cara praktis memasang Emoticon pada komentar Blog
Emoticon adalah lambang ataupun symbol yang dapat mewakilkan ekspresi seseorang, seperti senyum, marah, gembira, sedih dan lainnya. Tujuan pemasangan emoticon ini adalah untuk mempercantik tampilan Blog Anda dan memberikan tempat untuk pembaca mencurahkan hatinya setelah membaca artikel Anda.
Kali ini admin akan membagian Cara Memasang emoticon Pada Komentar Blog, Silahkan ikuti step demi step yang akan saya tuliskan dibawah ini agar dapat di pahami.
Cara menambahkan tampilan emoticon pada komentar blog:
1. Yang pertama, Masuk Dasbor Blog Anda dan pilih menu template lalu klik Edit HTML.
2. Selanjutnya Anda harus mencari kode ]]></b:skin>, Gunakan CTRL + F untuk memudahkan pencarian.
3. Lalu silahkan masukkan kode CSS 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; }
4. Setelah itu silahkan cari lagi kode </body>, lalu masukkan kode di bawah ini tepat di atas kode tersebut.
<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>
5. Klik simpan template, Selesai.
Penutup
Nah itulah tadi cara pemasangan kode CSS untuk menampilkan Emoticon pada komentar Blog. Cukup mudah bukan, Silahkan mencoba.
0 Response to " Cara praktis memasang Emoticon pada komentar Blog"
Post a Comment