Memberi Emoticon lucu pada Komentar

Haii sobat TM-Blog yang lagi bersuka cita menunggu tahun baru tiba,sambil menyongsong tahun 2013 TM-Blog akan berbagi tentang tutorial Memberi Emoticon lucu pada Komentar, Contohnya bisa dilihat di Kometardibawah




Langsung saja jangan terlalu berpanjang lebar = Luas :D
ini dia tutorialnya

1. Masuk ke Akun Blogger Anda
2. Pilih Template
3. Edit HTML
4. Lanjutkan
5. Centang Expand template Widget
6. Cari Kode ini </body>
7. Letakan Kode di bawahini 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>

 
8. Simpan

Sekian Info dan Trik dari TM-Blog Semoga Bermanfaat :)

Jangan Lupa sering-sering kesini agar lebih rame

Tinggalkan komen Seikhlasnya >_<

Komentar

Posting Komentar

Postingan populer dari blog ini

Kelebihan dan Kekurangan Gambar Digital

Cara Menghapus Alamat IP

Membuat Efek Gelembung pada Blog