Emoticon Pada Komentar Dengan JQuery

Sebelumnya saya juga pernah share Artikel Membuat Emoticon Pada Kotak Komentar. Dan kali ini saya mau berbagi lagi Tutorial Memasang Emoticon Pada Komentar Dengan JQuery. Buat teman-teman Blogger yang mau mencoba Emoticon Dengan Jquery bisa mengikuti langkah-langkah dibawah ini.

1. Login Blogger

2. Template > Edit HTML

3. Cari Kode </body>

4. Setelah itu copy kode dibawah ini di atas kode </body>

<style type='text/css'>

.emoWrap {

  background-color:#eee;

  border:2px solid #000;

  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;

}

</style>

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

<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>

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

Perhatikan kode yang berwarna merah itu. Jika di Template anda sudah ada maka hapus saja kode tersebut biar gak bentrok..hehe

5. Simpan dan silakan coba Emoticon Dengan JQuery

Catatan :

Untuk menyisipkan Emoticon.

Silakan pilih Emoticon untuk mengetahui Kode Emoticon. ( spasi dilanjutkan dengan kode emoticon ).

Written by: Pendi Ari Wibowo

Pendiari | Artikel Islam, Blog Dan Motivasi Updated at: 1/27/2013

Posted by Pendi AW on Minggu, 27 Januari 2013 - Rating: 5

Title : Emoticon Pada Komentar Dengan JQuery
Description : Sebelumnya saya juga pernah share Artikel Membuat Emoticon Pada Kotak Komentar. Dan kali ini saya mau berbagi lagi Tutorial Memasang Emot...

Bagikan Ke

Facebook Google+ Twitter