Makarov's Blog

Hi sobat MB, wah kayaknya MB sudah jarang posting mengenai Blogger lagi nih, sekarang MB mau posting tentang cara membuat box emotion di Blogger, apa sih box emotion itu? Untuk lebih jelasnya sobat bisa lihat gambar di bawah ini

1. Pertama Login dulu ke Blogger bila sudah buka template dan Edit Template
2. Cari kode </body> (Untuk mempercepat pencarian gunakan CTRL+F)
3. Lalu copy dan pastekan kode dibawah tepat di atas 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>