Cara Membuat Kotak Emotion Pada Komentar di Blogger

Hi sobat MB, wah kayaknya MB sudah jarang posting menai 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
Gimana? sudah pada ngertikan? Kalau sudah langsung aja ke caranya.
Pertama Login dulu ke Blogger bila sudah buka template dan Edit TemplateCari kode </body> (Untuk mempercepat pencarian gunakan CTRL+F)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.emo {
display:inline-block; /* Penting! */
*display:inline;
vertical-align:middle;
}
input.emo {
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.googlpis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://rder-download.google.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/>
<script type='text/javascript'>
//<![ATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Untuk menyisipkan emoticon setidaknya sobat harus menambahkan satu spasi di awal simbol.";
//]]>
</script>Bila sudah Save Template dan lihat hasilnya! Selamat Mencoba!