CARA PASANG EMOTICON SMILEY

moonroemoort

jquery

16 December 2013

Belum ada komentar

kali ini moonoemoort akan share CARA PASANG EMOTICON SMILEY 
monggo di ikuti caranya

• masuk dashboad
• klik template > edit HTML
• cari kode ]]></b:skin> dengan cara tekan tombol CTRL + F 
• copas kode di bawah ini tepat di atas kode
  ]]></b:skin>

.emoWrap {
  background-color:#fff;
  border:2px solid#0B6138;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; /* Penting! */
  *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;
}

• tambahkan kode jquery di bawah ini tepat di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

bagi yang sudah ada jquery abaikan langkah ini , jquery cukup hanya ada satu

• tambahkan kode dibawah ini tepat di atas kode jquery di atas

<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script src='https://tipstrikblogging.googlecode.com/files/EmoticonsKeren.js type='text/javascript'/>

lebih tepatnya paste kode tersebut di atas kode

jika anda sudah mempunyai jquey di tempat lain

• klik simpan template