Cara Menambahkan Icon Smile Atau Emoticon Di Komentar Blog

Emoticon Komentar Blog. Membuat Emoticon di blog.

Berbicara tentang tutorial blog atau tips triks tentang blog memang tidak ada habis-habisnya. Selalu ada yang baru dan yang baru. Bagi para blogger baru seperti saya selalu ingin mencoba dan mencoba apa yang bisa dipergunakan dan dipasangkan pada blog yang kita punya guna mempercantik tampilan yang sudah ada. Bila pada percobaan artikel yang dilakukan berhasil, terdapat kepuasan tersendiri. Karena keberhasilan dari percobaan, dan itu sangat memuaskan

Sering juga kita lihat pada beberapa blog yang pernah kita kunjungi, terdapat beberapa kode icon smile atau emoticon yang dipasangkan tepat di atas kotak komentar. Selain guna mempercantik tampilan blog, juga digunakan untuk menggambarkan perasaan kita diwaktu berkomentar. Emoticon ada bermacam-macam. ada yang bergerak dan ada juga yang berupa icon diam. Icon-icon ini lucu ini silakan teman tambahkan di atas kotak komentar seperti gambar di atas sebagai contoh bahwa artikel ini sudah berhasil saya coba. Persoalannya, bagaimana menambahkan icon smile atau emoticon ini di atas kotak komentar..? Ikuti langkah-langkahnya di bawah ini.

1. Masuk ke blogger yang anda miliki, pada dasbor blog klik Template > Edit HTML. Silakan anda cari kode ]]></b:skin>. Setelah di dapat kode tersebut, silakan Copy Paste kode di bawah ini.

/* Emoticon Smiley -------------------------------------------- */ .emoWrap { background-color:#fff; border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 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; }

2. Lalu silakan cari juga kode </head> dan silakan copy paste kode di bawah ini tepat di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Untuk menyisipkan emoticon, beri satu spasi sebelum memasukkan kode.";
//]]>
</script>
<script src='https://sites.google.com/site/airalokablogspotcom/download/Emoticon%20Smiley.js' type='text/javascript'/>

Keterangan :
Bila di blog anda sudah terpasang JQuery, kode yang berwarna biru tidak usah dipasangkan.

3. Setelah kedua cara sudah dianggap benar, silakan klik Simpan.

Silakan teman buka salah satu artikel yang ada. Dan lihat perubahannya. Sekali saya katakan bahwa artikel Cara menambahkan icon smile atau emicon ini sudah saya praktekan sendiri. Dan 100 % berhasil. Bagi teman yang berminat untuk mencobanya untuk menabahkan emicon di atas kotak komentar, silakan dicoba.-