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. 

Cara praktis memasang Emoticon pada komentar Blog 

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.

Cara praktis memasang Emoticon pada komentar Blog

2. Selanjutnya Anda harus mencari kode ]]></b:skin>, Gunakan CTRL + F untuk memudahkan pencarian.

Cara praktis memasang Emoticon pada komentar Blog

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

5. Klik simpan template, Selesai.

Penutup

Nah itulah tadi cara pemasangan kode CSS untuk menampilkan Emoticon pada komentar Blog. Cukup mudah bukan, Silahkan mencoba.


Baca Juga
DONASI VIA OVO Bantu berikan donasi jika artikelnya dirasa bermanfaat, Terima kasih.
Tampilkan Komentar
Sembunyikan Komentar

0 Response to " Cara praktis memasang Emoticon pada komentar Blog"

Post a Comment

DILARANG MENINGGALKAN LINK AKTIF!!!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel