Home » Blog » Tutorial » widget » Cara Membuat Emoticon Di Kotak Komentar Blog

Cara Membuat Emoticon Di Kotak Komentar Blog

Cara Membuat Emoticon Di Kotak Komentar Blog sahabat blogger mungkin pernah bahkan sering melihat sebuah komentar para blogger yang ada emoticon nya, ini merupakan suatu design saja agar tampilan komentar pada blog kita menjadi lebih menarik dan lebih unik, jika sobat ingin melihat demonya silahkan sobat lihat gambar dibawah ini, atau pada komentar blog ini.

Pertama kita harus membaca bismillah terlebih dahulu supaya berhasil nantinya

Kedua kita Masuk ke acount BLOGGER sobat
Kemudian Buka Template .
Pilih Edit Template
Cari kode ]]></b:skin>
Copy kode berikut ini dan letakkan diatas kode]]></b:skin>

.emoWrap {color:greenyellow;font:bold 12px Tahoma,Arial,Sans-Serif;text-align:center;}
img.emo, input.emoKey {display:inline-block;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;}

Langkah selanjutnya

Cari kode </body>

Copas kode di bawah ini diatas </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><script src='http://codecbd.googlecode.com/files/emotion-coment.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Beri spasi sebelum memasang emoticon.";
//]]>
</script>

Simpan template & lihat hasilnya
Ucapkan Alhamdulillah

Demikanlah Cara Membuat Emoticon Di Kotak Komentar Blog semoga bermanfaat bagi anda
jika ada keluhan jangan sungkan-sungkan untuk bertanya di kotak komentar