Minggu, 2007 November 18

Pasang icon smile (emoticon) di blogger

Pengguna blogger pasti udah mengetahui icon smile yang banyak digunakan oleh pengguna wordpress atau pengguna blog lain, dimana setiap ada kode teks icon smile maka kode tersebut akan berganti dengan icon smile secara visual. Namun sayangnya blogger tidak support untuk icon smile ini..Ups jangan berkecil hati..banyak jalan menuju roma, semua pasti ada solusinya.


Coba lihat contohnya di blog ini, setiap ada penulisan text yang mengacu kepada code smile pasti akan berubah secara visual. Sebagai contoh, saya mengetikan icon senyum :) dan tertawa :D dan ketika saya tersipu malu :$ yang jelas Icon smile ini akan tampil pada semua text yang ada pada blog kita di manapun letaknya (Nb: bukan dalam shoutbox, link dan gambar), yang paling menguntungkan icon smile ini dapat memberikan keterangan emoticon pengujung ketika sedang memberikan komentar :o.

3 langkah mudah pasang icon smile di blogger :


1. Masuk ke template > edit HTML > Expand Widget Templates dan cari kode dibawah ini:

]]></b:skin>

2. Jika sudah ketemu copy code javascript di bawah, dan letakan dibawah kode ini ]]></b:skin>

<script src='http://louislim2.googlepages.com/addSmiley.js ' type='text/javascript'/>

3. Simpan dan lihat hasilnya.


Icon smile ini akan tampil secara otomatis pada blog kita setiap kali kita mengetikan standar kode dari icon tersebut.



Standar kode smile yang bisa digunakan :


:) or :-)
:D or :-D
:$ or :-$
:( or :-(
:p or :-p
;) or ;-)
:k or :-k
:@ or :-@
:# or :-#
:x or :-x
:o or :-o

 

Special thanks for Louiss Lim. Sumber : http//bloggingsecret.net

 



Dengan memasukan alamat email dibawah ini berarti anda akan mendapat kiriman artikel terbaru dari o-om.com di inbox anda:


Beri vote untuk nilai artikel ini:



32 Komentar:

yoxx mengatakan...

wuih jadi tambah keren oom...

oom mengatakan...

thanks ya yoxx..

oom mengatakan...

oh iya sekalian untuk tambahan..icon smile ini berjalan dengan baik pada firefox, flock, opera namun tidak di IE, walaupun tetap jalan tapi akan menggangu "read more" pada blogger..untuk hal ini om belum mengetahui cara memperbaikinya..mungkin rekan sahabat yang jago bisa membantu sedikit untuk memperbaiki masalah ini :) thanks

NN mengatakan...

Waduh hebat banget ya jadi makin asik neh ngeblognya

oom mengatakan...

yups silahkan dicoba garansi 1 batang rokok kembali :) thanks NN

Anang mengatakan...

mantabss

Syarief mengatakan...

aku malah ga ngerti maksudnya. maklum gak ngerti html/javascript. liat perkembangan dulu kayak gimana. tp saluut udah bs buat tools sendiri

TAQI mengatakan...

getu ya oom tenkyu..tes dulu ya :)

oom mengatakan...

kayanya salah letak posting nih heheheh but tanks for comment

.:diah:. mengatakan...

thanks infonya mas...

tapi mw nanya niihh... klo misalnya blog yg masih classic gmana yaa?? apa bisa pake giinian?? :D

oom mengatakan...

kalo classic om belum nyobain..coba di coba dulu..nanti om cobain juga..thanks diah :)

oom mengatakan...

oh ternyata setelah om coba diclassic bisa namung gak sempurna...icon tampil namun malah terurut kebawah..sebaiknya gak usah digunakan pada clasic.thanks

Totok Sugianto mengatakan...

emoticon untuk comment ini sudah pasang di blog saya, waktu itu saya terispirasi dari blognya Mas Anang :D

fuadpahing mengatakan...

mas ijin kopi postingan ya, thanks

o-om.com mengatakan...

Silahkan mas fuad..jangan lupa kode sumbernya ya :)

dvallen mengatakan...

mass oom waktu pertama kali dipasang emang berhasil, tapi kesini nya kok jadi aneh yah....sekalian mo ijin di copy artikelnya nih....

FerrYLiu mengatakan...

om aku udah coba, udah jalan kok, n ngak ganggu read more nya..
aku pake firefox sih, ngak tau kalo IE
hehehe
thx yah om tutornya..
sekalian mau ijin copy yah..

~tc~ mengatakan...

om.. koq gak bisa yah??
munculnya ya tetep tulisannya bukan emoticon..
salahnya dimana ya?
ihiks...

oom mengatakan...

dvallen : kesininya itu apa ya...

Ferry : udah jalan ya sip dah

TC : dicoba lagi ya tc..kayaknya ferry diatas kamu juga dah sukses :)

Yono mengatakan...

terima kasih infonya

NM. Wahyu Kuncoro, SH mengatakan...

Aku udah coba pasang ... tapi pas dites khon icon-nya gak nongol ?

OOM mengatakan...

@yono : thanks juga ya

@wahyu : biasanya langsung muncul..dicoa dulu ya..

nrl mengatakan...

oom, smiliesnya bisa diganti gak? pake gambar yang lucu" gitu.. gak mau yang standard..
caranya gimana oom?
email : nrl.plinplan@yahoo.com
thankies...

ExE Friendster mengatakan...

wah lumayan juga blog dihiasi dengan smiles.

Ant Ndumeng mengatakan...

Di kasih icon smile? LUcu bgt.... terimakasih mas o-om. Maen2 ke blog ku ya... Blogku kasih komentar. Lagi belajar nih.

Deho mengatakan...

mas, koq aq ga bisa?
kenapa yah? Help!

akucintakdi mengatakan...

om, kode tambahan yang berwarna hijau (tag script) itu fungsinya sebenarnya apa?
begini om, saya menambah smiley di shoutbox (OGGIX). smiley-nya udah nongol. smiley-nya ngambil dari bigoo.ws. tapi pas dites, smiley yang ngambil dari OGGIX nggak kebaca.

ada hubungannya dengan script warna hijau nggak? atau saya tulis saja seperti itu.... atau gimana biar bigoo.ws-nya masuk ke atribut dalam script? pusing sedikit ya om, maaf!

ilhamcool mengatakan...

makasih om ini yang saya cari-cari selama ini trims ya om.

hyogha mengatakan...

makasih ya?

juned mengatakan...

kok ga nongol ya om..., kumaha ie om..? binun

Syahuri mengatakan...

kalo smilenya bukan yang itu gimana om?
misalnya yahoo smile seperti yang ada di kotak komentar ini om...

mochal mengatakan...

Iya OM, ada ga tutorialnya? seperti pumya om ada smilies di komentarnya :D


:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting sebuah Komentar

Untuk memasang emoticon diatas, cukup dengan menulis kodenya. Silahkan berkomentar, jangan nyepam ya :)

Sudah baca artikel yang ini:


 

My Friends

Kabar terbaru dari o-om.com

Tentang O-OM.COM

Melihat profil lengkap saya

Agus Ramadhani (O'OM), Menulis tentang blogger tricks, blogspot tutorial, blog tips, blogging, Blogger Hack, SEO, HTML, CSS, Free template, Ebook, Custom domain, opini. "Menjadi blogger tidak harus pintar, namun harus memiliki imajinasi yang kuat" Saya bisa di contact via Y!