Cara Membuat Emotion Di Kotak Komentar

Kamis, 28 Maret 2013 | 0 komentar

Gag lengkap kalau blogger tidak ada Emotion yang lucu di kotak komentar. Kali ini aku ingin berbagi "bagaimana sih Cara Membuat Emotion Di Kotak Komentar Blogger".

Demo Emotion Komentar Buka dan Tutup

OK, pertama-tama kamu masuk ke Blog kamu.
Masuk ke Template lalu Edit HTML
Lalu cari dengan F3 dengan kata kunci ]]></b:skin>
Letakkan CSS ini tepat di atasnya

.emoWrap {
  color:greenyellow;
  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;
}

Setelah selesai cari lagi dengan F3 dengan kata kunci </body>
Letakkan Script ini tepat di atasnya

<script src='http://not-remove-admin.googlecode.com/files/emotion-coment3.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange    = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage  = "Kasih spaci antar kalimat comment dengan simbol.";
//]]>

</script>