Cara Mudah Membuat Emoticon Di Komentar Blog

• Masuk ke edit HTML templete anda , cari kode ]]></b:skin>  pastekan kode di bawah ini di atas kode ]]></b:skin>

.emoWrap{ background-color:#fff;  border:2px solid#0054BB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  padding:10px 14px;  color:black;  font:bold 12px Tahoma,Arial,Sans-Serif;  text-align:center}
img.emo, input.emoKey{ display:inline-block;  *display:inline;  vertical-align:middle}
input.emoKey{ border:1px solid #ccc;  background-color:white;  font:bold 11px Arial,Sans-Serif;  padding:1px 2px;  margin:0px 0px 0px 2px;  color:black}

• kemudian cari kode </head> dan letakkan kode berikut du bawah kode </head> 

<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Untuk menyisipkan emoticon, beri satu spasi sebelum memasukkan kode.";
//]]>
</script>
<script src='https://sites.google.com/site/seocips/seocips-script/Emoticon.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

• Paratinjau templete dan simpan templete anda

NOTE :  Sebelum melakukannya sebaiknya anda backup templete anda, agar mudah dikembalikan jika terjadi sesuatu yang tidak anda inginkan 

" perhatikan kode yang berwarna merah diatas, jika sudah ada kode yang sama maka anda tidak perlu memasangkan lagi"

Tweet