Posted by : Andi Novian


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

Screen Shot Gambar
 Berikut Tutorialnya :

1. Login ke Account Blogger sobat
2. Pilih Rancangan, Edit 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>

Simpan... Dan Selesai

CAUTION : COPAS SERTAKAN SUMBERNYA

Leave a Reply

DI LARANG TEBAR LINK , KECUALI DI BANNER EXCHANGE !

SERING-SERINGLAH KOMENTAR MAKA ANDA AKAN DAPET BACKLINK KARENA BLOG SAYA UDAH DOFOLLOW

Subscribe to Posts | Subscribe to Comments

Site Info





Banner

Sat-Cyber Sat-cyber ANDVROZEN Cleventer-Creation™

- Copyright © 2013 Dark 48 - Namikaze Template v.2 - Powered by Blogger - Designed by Johanes Djogan -

Gunakan Google Chrome Untuk Hasil Maksimal