Cara Memasang Smiley Emoticon Pada Komentar Blogspot

Cara memasang emoticon pada komentar blogspot -- Belakangan ini semakin banyak blogger yang bahagia bereksperimen dengan tampilan blognya. Tentunya ini bukan sesuatu yang negatif, alasannya dari ujicoba sana sini itulah pengetahuan kita dapat bertambah. Hanya saja perlu diingat bahwa tidak semua hal yang menarik itu lantas harus ditempel di blog kita.

Kali ini saya mau membahas wacana cara memasang emoticon pada komentar blogspot. Emoticon ini dapat membantu pengunjung blog anda untuk lebih mengekspresikan diri mereka dalam berkomentar. Bahkan berdasarkan saya emoticon smiley ini juga mendorong pengunjung untuk memberi komentar.

Tapi sebelum menerapkan emoticon ini....harap perhatikan dulu blog anda. Kalau blog anda masih cukup sederhana, maka silahkan tambahkan emoticons smiley ini sebagai komplemen di blog anda. Tapi jikalau blog anda sudah menyerupai kota Las Vegas, maka saran saya sebaiknya pikirkan berkali-kali sebelum menambah fitur baru.... Hal ini terkait waktu loading blog anda nantinya.

Cara menambahkan Emoticon Smiley Pada Blogspot

• Masuk ke akun blogger anda
• Buka hidangan TEMPLATE > EDIT HTML
• Centang EXPAND TEMPLATE WIDGET
• Gunakan Ctrl+f untuk mencari aba-aba ]]></b:skin>
• Tambahkan aba-aba berikut sempurna di atas ]]></b:skin>

.emoticonsmiley {background: none repeat scroll 0 0 #EFF5FB !important;font-size: small !important;padding: 5px !important;margin:auto !important;text-align: left !important;font-weight:bold !important;width:100% !important;-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;}
.emoticonsmiley span {padding-right: 3px !important;}
img.brbsmly {height: auto !important;vertical-align: middle !important;width: auto !important;border:0px !important;}

• Cari aba-aba <b:if cond='data:post.embedCommentForm'>
• Jika lebih dari satu, pilih yang erat dengan aba-aba <b:include data='post' name='comment-form'/>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

• Copy paste semua aba-aba di bawah ini sempurna di bawah <b:if cond='data:post.embedCommentForm'>

<div class='emoticonsmiley'> <img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)  
<span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;-)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:x</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:P</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-O</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
X(</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/>
:7</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/>
B-)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/>
:-S</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/>
#:-S</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/>
7:)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/>
/:)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/>
O:-)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/>
:-B</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/>
=;</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/>
:-c</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
X(</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/>
:-h</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/>
8-7</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/>
I-)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/>
8-|</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/>
L-)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/>
:-a</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/>
:-$</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/>
[-(</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/>
:O)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/>
2:-P</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/>
(:|</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/>
=P </span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>
:-?</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/>
#-o</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/>
=D7</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/>
:-SS</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/>
@-)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/>
:^o</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/>
:-w</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/>
7:P</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/>
2):)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/>
X_X</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/>
:!!</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/>
\m/</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/>
:-q</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/>
:-bd</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/>
^#(^</span> <span><img class='brbsmly'
src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/>
:ar!</span> <span><a
href='http://buka-rahasia.blogspot.com'><img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTLoDD4JKj-85FPzjrGy1vi_H6kb1A-vNpMxOYOxtvR3sgZfh3RafJIzndUSyYM5BW19FgaEKhgem2bTDm0DbLNaHVETQ0zOKNoQzAv0RZID-5Bb4ok8YkG0nw81U7aH25sApMb8GoK7VD/s1600/smileys.gif'
 /></a></span></div>

• Terakhir taruh aba-aba di bawah sempurna di atas </body>

<script src='http://rickynavigation.googlecode.com/files/emoticonssmiley.txt'></script>

• Simpan perubahan pada template anda

Sekarang seharusnya di atas form komentar blog anda sudah ada serangkaian gambar smiley emoticon yang dapat dipakai komentator blog anda untuk menghias komentarnya. Lihat referensi di bawah.

Metode ini sudah diujicoba dan 100% berfungsi. Cek di blog LIVE DEMO. Silahkan berkomentar di halaman tersebut untuk menguji apakah smiley emoticons berfungsi....

Share this post