AABI‍TALITA BLOG
8.30.2010

Cara Menambah icon emotion di kolom Comentar blog

Dengan memasang emoticon di kotak komentar maka para komentator akan lebih mudah untuk mengekspresikan perasaannya. Dan selain itu, juga akan membuat blog kita lebih ekspresif bukan?

Nah untuk memasang emoticon dikotak komentar. Anda harus men-setting kotak komentar agar muncul dibawah postingan terlebih dahulu. Contohnya seperti di blog ini. Jika kotak komentar anda berada dalam halaman pop-up seperti gambar dibawah ini maka anda tidak bisa memasang emoticon pada kotak komentar.
Bagi anda yang kotak komentarnya berada pada halaman pop-up. Silahkan diatur dulu agar kotak komentarnya muncul di bawah postingan.

1. Jika sudah klik Design -> Edit HTML
2. Beri tanda centang pada "Expand Widget Templates"

3. Cari kode </body>
4. Lalu letakkan script dibawah ini diatas kode </body>


<style type='text/css'>
.emoWrap {
  background-color:#ebebeb;
  border:0px solid #ccc;
 width:650px;
  padding:10px 0px;
  color:black;
  font:bold 12px Tahoma,Arial,Sans-Serif;
  text-align:left;
}

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 type='text/javascript'>
//<![CDATA[
var emoRange    = "#comments p, div.emoWrap",
    putEmoAbove = "#comment-editor",
    emoMessage  = "Untuk menyisipkan emoticon setidaknya sobat harus menambahkan satu spasi di awal simbol.";
//]]>
</script>
<script src='https://abitalita.googlecode.com/files/EmoticonsKeren.js' type='text/javascript'/>


Terakhir klik save template

Demikian cara menambahkan icon emotion dikolom komentar

5 komentar

Gan itu kalau emoticonnya letaknya kaya di blog agan inj caranya gimana ya, saya sudah coba cara diatas tapi letak gambarnya malah ada di bawah tombol publish dan review, mohon arahannya (o)

silahkan diulang langkah langkahnya sob,kodenya sudah sy perbaiki :D

oh ya sob saya juga pke template johny-wuss, apa style komentarnya tidak bisa dirubah ya :-?

Thanks Bermanfaat banget Nihh :)

sama sama mas , sukur kalo bisa bermanfaat :)

Terima kasih atas kunjungannya, silahkan berkomentar sesuai topik. Menuliskan link aktif tidak akan ditampilkan dalam komentar.Terima Kasih.