Kali ini saya akan berbagi pengetahuan tentang Cara
memasang emoticon pada komentar blogspot -- Belakangan ini semakin
banyak blogger yang senang bereksperimen dengan tampilan blognya. Tentunya ini
bukan sesuatu yang negatif, karena dari ujicoba sana sini itulah pengetahuan
kita bisa bertambah. Hanya saja perlu diingat bahwa tidak semua hal yang
menarik itu lantas harus ditempel di blog kita.
Kali ini saya mau membahas tentang cara memasang emoticon pada
komentar blogspot. Emoticon ini bisa membantu pengunjung blog anda untuk lebih
mengekspresikan diri mereka dalam berkomentar. Bahkan menurut 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 pemanis di blog anda. Tapi kalau blog anda sudah
seperti 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 menu TEMPLATE > EDIT HTML
- Gunakan Ctrl+f untuk mencari kode ]]></b:skin>
- Tambahkan kode berikut tepat 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;}
img.brbsmly {height: auto !important;vertical-align: middle !important;width: auto !important;border:0px !important;}
- Cari kode <b:if cond='data:post.embedCommentForm'>
- Jika lebih dari satu, pilih yang dekat dengan kode <b:include data='post' name='comment-form'/>
- Copy paste semua kode di bawah ini tepat 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/AVvXsEgu-G_qf8ujIIm78JAbjvhVd50Xwxc7c-qDigfPwyuiftGHaQe6lpY59yZ49srO6bcqUo_GmUZ7wI0kvrCgcudyfhzihN-elnmyOaMpP1xEyUkxysbR2x_wIdFBy0f9kp57LPKbaV_zZ_SD/s1600/smileys.gif'
/></a></span></div>
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/AVvXsEgu-G_qf8ujIIm78JAbjvhVd50Xwxc7c-qDigfPwyuiftGHaQe6lpY59yZ49srO6bcqUo_GmUZ7wI0kvrCgcudyfhzihN-elnmyOaMpP1xEyUkxysbR2x_wIdFBy0f9kp57LPKbaV_zZ_SD/s1600/smileys.gif'
/></a></span></div>
Terakhir taruh kode di bawah tepat 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 bisa digunakan
komentator blog anda untuk menghias komentarnya Semoga Bermanfaat Dan Selamat
Mencoba ..
.
BalasHapuskeren sob, nanti kapan2 ikutan nyoba ah heheee
BalasHapusOke Terima Kasih Atas Kunjunganya :)
HapusBikin berat loading page gak ya? keren juga
BalasHapusEnggak Mbak Ga Bikin Berat Kok .... :)
Hapus