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 mengenai cara memasang emoticon dalam komentar blogspot. Emoticon ini mampu membantu pengunjung blog anda buat lebih mengekspresikan diri mereka pada berkomentar. Bahkan berdasarkan saya emoticon smiley ini juga mendorong pengunjung buat memberi komentar.

Tapi sebelum menerapkan emoticon ini….Harap perhatikan dulu blog anda. Kalau blog anda masih relatif sederhana, maka silahkan masukkan emoticons smiley ini sebagai pemanis pada blog anda. Tapi bila blog anda sudah misalnya kota Las Vegas, maka saran aku 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’/>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’/>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’/>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….

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *