Membuat Emoticon Menarik Di Atas Kotak Komentar Blog

Hello Sobat Gudang Liong, hehehe, mau share tentang Cara Buat Kotak Emoticon Standar di blog, dan menarik pastinya, adalah suatu kode emoticon beserta gambarnya, yang nantinya ada di atas kolom komentar blog sobat, tujuan nya adalah untuk mempercantik blog dan untuk membuat pengunjung tertarik berkomentar di blog kita, pastinya ringan dan Emoticon Menarik , pastinya sangat cocok buat blog sobat semua, jika penasaran, sobat bisa lihat di kolom komentar blog saya ini,  dan jangan khawatir kalau emoticon menarik ini membuat blog sobat berat, karena ini tidak akan berpengaruh,  ringan dan membuat kolom komentar lebih hidup, hehehe 

untuk cara membuatnya di blog, langsung saja ikuti intruksi di bawah ini :

1.Log in ke blog2.Pilih Template
3.Edit HTML
4.Centang tulisan Expand Template Widget 
5.Cari kode </body>  untuk memudahkan pencarian tekan Ctrl+F 
6.Setelah ketemu kodenya, copy paste kode dibawah ini, tepat diatas kode </body>

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

7.Simpan Template

note : kode script yang berwarna merah bisa sobat ganti dengan kata-kata sobat sendri, hehehe, dan inilah hasilnya : 

Sobat Tinggal klik emoticon yang bersangkutan, kemudian copy kodenya, hehehe

Selamat Mencoba Sobat,
Sekian informasi blogging dari Liong, semoga Bermanfaat untuk sobat semua,
Keep Spirit To Blogging, and say no To Copas Article  :)

Share on :

Terima Kasih telah membaca artikel Membuat Emoticon Menarik Di Atas Kotak Komentar Blog Silahkan baca artikel liong-seo Tentang Blog and SEO Yang lainnya. Jangan Lupa Share atau Klik G+1 untuk artikel Membuat Emoticon Menarik Di Atas Kotak Komentar Blog diatas, dan baca artikel menarik lainnya dibawah :

Related Posts / Artikel Terkait :

Widget by Hoctro | Jack Book