Cara Mudah Membuat Emoticon jQuery Otomatis Untuk Blog

Cara Mudah Membuat Emoticon jQuery Otomatis Untuk Blog - Malam teman teman semua :D, kali ini saya ingin membagikan cara mudah membuat / menaruh emoticon jQuery Otomatis di blog,Cekidot...

Emoticon jQuery Otomatis

Gimana ? tertarik untuk menambahkannya ke blog agan ? langsung saja ya disimak cara menambahkannya ke blog agan, caranya mudah dan sangat simple kok, sesuai dengan blog ini yang simple :D wkwkwkwkwk...

DEMO

Pertama-tama masuk ke Edit HTML blog agan, lalu cari kode </body>, lalu letakkan kode dibawah ini tepat diatasnya

/* Emoticon jQuery Blogsiryan.blogspot.com */
<style>
.emoWrap {
  background-color:#EEDE86;
  border:2px solid #D3BA59;
  padding:10px 14px;
  color:black;
  font:normal bold 12px/normal Tahoma,Verdana,Arial,Sans-Serif;
  text-align:center;
}

.emo,
.emoKey {
  display:inline-block; /* Penting! */
  *display:inline;
  vertical-align:middle;
}

.emoKey {
  border:1px solid #ccc;
  background-color:white;
  font:normal bold 11px/normal Arial,Sans-Serif;
  padding:1px 2px;
  margin:0 0 0 2px;
  color:black;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "#comment-editor",
    emoMessage = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";
//]]>
</script>
<script src='http://dte-project.googlecode.com/svn/trunk/jquery-emoticons.js'></script>

Langkah kedua sangat mudah, klik Simpan... ah masa langsung disimpan ? agan gak percaya ? coba aja buktikan sendiri, kan tadi sudah saya bilang caranya sangat mudah dan simple :D hahaha.....

Jika ada pertanyaan silahkan berkomentar :D
Semoga Bermanfaat.