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 yaitu 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 aksesori di blog anda. Tapi jikalau blog anda sudah ibarat 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 arahan ]]></b:skin>
• Tambahkan arahan 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 arahan <b:if cond='data:post.embedCommentForm'>
• Jika lebih dari satu, pilih yang akrab dengan arahan <b:include data='post' name='comment-form'/>

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

• Copy paste semua arahan 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/AVvXsEiEYe9XyfRs-LvFpP2ia-skBa8UrHUlSxj20DBqv2eZ1YlTMIxsqKTdqLkhKHqGdQE4l4dHsHX9ItKukL5E4fx7Co_jJMk1g3hes5Uzm2gIpD70JL3mwy2vw_BU_1at-DUc1WbPcuWWDIng/s1600/smileys.gif'
 /></a></span></div>

• Terakhir taruh arahan 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 pola 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....