Headlines News :
Home » , » Cara Menambahkan Emoticon di Kotak komentar Blog

Cara Menambahkan Emoticon di Kotak komentar Blog

Written By Sinal Abidin on Selasa, 27 November 2012 | 20.16

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Kali ini saya akan membahas Cara Menambahkan Emoticon di Kotak komentar Blog. Seperti yang sobat ketahui, dengan memasang emoticon di kotak komentar, maka pengunjung akan mudah mengekspresikan sarannya pada kotak komentar. Selain itu, blog kita juga akan lebih menarik. Contoh Emoticonnya seperti gambar dibawah ini, atau tepat di kotak komentar blog saya

 

Berikut Tutorialnya :

1. Login ke Account Blogger sobat
2. Pilih RancanganEdit HTML, lalu ceklis "Expand Template Widget"
3. Cari kode </body>, lalu copy kode dibawah ini tepat di ATAS kode tadi

<style type='text/css'>
.emoWrap {
  background-color:#ffffff;
  border:2px solid #ffffff;
  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 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 sobat harus menambahkan satu spasi di awal simbol.";
//]]>
</script>

4. Klik Simpan Template. dan lihat hasilnya :D 


Share this article :
Comments
0 Comments

0 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Blogger : Kabar Teknologi
Copyright © 2013. Kabar Teknologi - All Rights Reserved
No Hp O83899824442 Published by
Twitter Admin