Membuat Emoticon Komentar Blog Dengan Jquery

langsung aja ya kita ke topik pembahasan, lihat gambar di bawah ini :

seperti biasa, masuk ke blogger

rancangan, edit HTML

jangan lupa centang expan template widget

terus cari kode ini  </body>

salin kode di bawah ini dan letakan di atasnya

<style type='text/css'>

.emoWrap {

  background-color:#transparant;

  border:2px inset #3F3B3C;

  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 inset #3F3B3C;

  background-color:white;

  font:bold 11px Arial,Sans-Serif;

  padding:1px 2px;

  margin:0px 0px 0px 2px;

  color:black;

}

</style>

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

<script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[

var emoRange    = "#comments p, div.emoWrap",

    putEmoAbove = "iframe#comment-editor",

    emoMessage  = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";

//]]>

</script>

kalau udah klik simpan dan lihat hasilnya.
semoga berhasil.

Advertisement