Friday, December 2, 2011

Tutorial : Icon comel dalam kotak sidebar



Salam semua ^_^

Sekarang tepat jam 12.45 tengah malam. wuwuuu, bukan nak cerita seram neh cuma nak bagi tau aku baru je tersedar dari mimpi buruk. Tuh la, tido sesuka hati, tak basuh kaki tak baca doa. Tapi sekarang neh, selalu je dapat mimpi buruk. aihh. Kalo mimpi dapat jadi puteri raja ke, naik ke bulan ke, gie korea ke, jumpa dengan lee min ho ke, kan best. Tak bangun-bangun pun takpe. Ha sudah! nak mencarut lah tuh.

Okeh, ekceli kali neh aku nak tunjuk ajar kt kamu semua nak letak icon kecil di sidebar. Tak kesah lah, atas bawah, kiri kanan semua boleh. Contohnya macam ni haa..maap lah, agak poyo sikit orang bawah tuh.



check it out bebeh!

1) Mula-mula sila baca bismillahirrahmanirrahim....

2) Dashboard | Design | Edit HTML | tick expand widget.

3) Tekan ctrl F, cari kod di bawah neh

.sidebar .widget {

atau

.sidebar .widget, .main .widget {
4) Pastu kopi susu (copy) kod di bawah neh dan paste di bawah kod yang korang cari tuh.
background-image:url(URL ICON KAMU);
background-position:bottom right;
background-repeat:no-repeat;
6) URL ICON KAMU - url image icon korang
bottom right - kedudukan icon. boleh tukar ke bottom left, top right dan top left.

5) Preview dulu, kalo takde error baru boleh Save k.

Kat bawah ni aku ada beberapa url icon comel yang boleh korang amik. Amik jeh tanpa segan silu. heheh..

 http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic010demoji_19402678decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic000demoji_352259decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic018demoji_16316757decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic019demoji_9654051decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic008demoji_3051decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic013demoji_5229053decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic015demoji_109301decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic009demoji_15702394decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic017demoji_895744decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic006demoji_353363decoojp.gif

next tutor >> post blockquote my new style..

okeyhh, papai!

Photobucket

Thanks for your reading love! =D

0 00 orang duk bersembang:

Related Posts Plugin for WordPress, Blogger...