Dec 12 / cyberfly

Cara menghilangkan border pada emotikon (wordpress)

Sesetengah themes wordpress mempunyai sedikit kelemahan dari segi emotikon.Contohnya emotikon yang dipaparkan mempunyai border yg semestinya mencacatkan emotikon tersebut.

Jika anda mahu menghilangkan border pada emotikon tersebut, ikuti tutorial ringkas ini.

Cara-cara:

1.Login ke wordpress control panel.

2.Pergi ke Design->Theme Editor dan pilih themes yang anda sedang gunakan.

3.Klik pada Stylesheet.

4.Skrol ke bahagian bawah sekali dan tambah kod ini :

img.wp-smiley {border:0;}

Contoh:

5.Klik Update File dan tengok hasilnya.

p/s : Kepada sesiapa yang telah mencuba tips diatas tetapi tidak berjaya, silalah bagitau ya.saya akan tolong selagi mampu :)

Selamat mencuba ;)

Related posts:

>> Entri ini telah dibaca sebanyak 1,206 kali <<

21 Comments

leave a comment

eSempoi.com (2 comments.) / Dec 12 2008
gud info (Y) (Y)
eSempoi.com´s last blog post..Simbolik Seni orang ais
Reply
Kujie (1 comments.) / Dec 12 2008
terimakasih…. senang je lepas baca tutorial ni..sebelum ini tak terfikir pun nk hilangkan border dia.. (Y)
Kujie´s last blog post..Berita Terkini : Tanah Mendap Desa Melor
Reply
zool (1 comments.) / Dec 13 2008
Bagus info ni..
Kadang2 tak tgk pun benda2 nie
zoolÂ´s last blog post..Pemain kebangsaan tak bagus
Reply
zariel (7 comments.) / Dec 14 2008
aku baru je buang border smiley kat beloq aku. tapi cari tuto kat infomalaya.tak tau lak ko ada buat tuto pasal ni :)
zariel´s last blog post..Memilih DSLR Nikon
Reply
EiNS (994 comments.) / Dec 14 2008
hehe kalo ada soalan boleh aje tanya kat admin JomPHP :-)
Reply
shaxx (11 comments.) / Dec 15 2008
dah try tapi tak jadi apa2 pun… border tak hilang pun. apasal eh?
shaxx´s last blog post..New Year… New What?
Reply
cyberfly (379 comments.) / Dec 15 2008
kl tak jadi gak, try control + F kat firefox, search
a img { border: 1px red solid; }
a:hover img {border: 1px blue solid; }
a:visited img {border: 1px green solid; }
dan replace
a img { border:0 }
img { border:0 }
Reply
- shaxx (11 comments.) / Dec 15 2008
  dah cari dah code di atas tp x jumpa dalam my style sheet…. kat mana eh? thanks
  shaxx´s last blog post..New Year… New What?
  Reply
cyberfly (379 comments.) / Dec 15 2008
@papabear, aku dah download themes yg ko pakai dan godek2 skit.ni solutionnya.Ctrl + F kat firefox, search “#content img”.Dan tukar border:1px kepada border:0px.Contoh:
http://cyberflyx.googlepages.com/papabear.png
Reply
shaxx (11 comments.) / Dec 15 2008
tapi if I do that, it would affect all my img in the post kan?
shaxx´s last blog post..Post and Get Paid
Reply
cyberfly (379 comments.) / Dec 15 2008
it would remove all the border in the image.well u can just experiment.just change the value to 0px and change again to 1px if you not satisfy :)
Reply
Roslan Nazri (25 comments.) / May 16 2009
macamane eh?? dah try wat tuto yg mudah tu..tapi tak jadi plak..adeh..
Reply
aidilx (9 comments.) / May 24 2009
aku ada kemusykilan.camna nak visiblekan smilies di comment form seperti kat bawah ni?
Reply
cyberfly (379 comments.) / May 24 2009
sila download plugin Smiley Themer
Reply
- aidilx (9 comments.) / May 25 2009
  aku memang gunakan plugin tu tapi masalahnya benda tu masih tak muncul gak kat comment form aku..
  tu sebab aku nak tau, ada samting aku missing ke? tak letak code kat comment form ke apo..
  Reply
  - cyberfly (379 comments.) / May 25 2009
    dia ada dua plugin.Smiley Themer dan Smiley Themer Toolbar.Pastikan install dua2.Kalau tak keluar jgk, paste code kat bahagian bawh comment form.
    Reply
    - aidilx (9 comments.) / May 25 2009
      yeke? padan pun..aku instal smilies theme sajork!
      code apa bro? aku kurang arif lissukun
aidilx (9 comments.) / Jun 15 2009
aku tak berjaya hilangkan border tu..
dah letak apa yg diajar..adakah sebab theme yg tak support ke camna? aidilx´s last blog ..Terapi Minda
Reply
- EiNS (994 comments.) / Jun 15 2009
  Kalau tak berjaya, cuba buka style.css, cari mana2 line yang ada img{ tukar jadi border:0px
  Reply
Kujie (6 comments.) / Jul 21 2009
ien…ni code kak jie
img.left { margin-right: 0.5em; }
img.right { margin-left: 0.5em; }
img.noborder, img.wp-smiley { background-color: transparent; border: 0; padding: 0; }
tp ngape masih ade border ye?
Kujie´s last blog ..Reasons to be grateful
Reply