Cara Membuat Emoticon Di Atas Kotak Komentar Blog

Tutprial |Blogger Tutorial 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 :