Cara Memasang Smiley Emoticon Pada Komentar Blogspot

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
  • Centang EXPAND TEMPLATE WIDGET
  • 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;}
  • Cari kode <b:if cond='data:post.embedCommentForm'>
  • Jika lebih dari satu, pilih yang dekat dengan kode <b:include data='post' name='comment-form'/>
<b:if cond='data:post.embedCommentForm'>
<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='http://2.bp.blogspot.com/-iOANl2pnXLY/TxBMw_XkS6I/AAAAAAAABSg/f7OYS-yF5GY/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. Lihat contoh 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....
Thanks sudah mampir gan.... jangan lupa add ya
https://www.facebook.com/ricky.pratama.12139
Jika tidak keberatan mohon vote-nya untuk blog saya di sosmed, thanks berat gan!
TIDAK PUNYA WAKTU MENCARI BACKLINK?

JASA BACKLINK TRIKMUDAHSEO
(KLIK LINK DI ATAS)
Info: Kursus SEO sudah tidak buka karena kesibukan online dan offline yang semakin meningkat. Harap maklum....dan terima kasih sudah berkunjung.

Silahkan Berkomentar

No comments:

 
TIDAK PUNYA WAKTU MENCARI BACKLINK?

JASA BACKLINK TRIKMUDAHSEO
(KLIK LINK DI ATAS)
Info: Kursus SEO sudah tidak buka karena kesibukan online dan offline yang semakin meningkat. Harap maklum....dan terima kasih sudah berkunjung.

Mencari Sesuatu?

Masukkan kata kunci topik yang diinginkan. Misalnya meta description, onpage, atau apa saja

Popular Posts

Google + Saya

Google+ Followers

Blog Followers

BLOG INI ONLINE SEJAK
22 MARET 2012
HATI-HATI COPY PASTE
Diharapkan agar tidak melakukan copy paste. Untuk pengutipan diharapkan disertai link ke halaman artikel di blog ini. Terima Kasih atas pengertiannya

Powered by Blogger.