TUTORIAL : KOTAK SIDEBAR GADGET

yeaahhhh!!HAPPY NEW YEAR :) dah buat azam baru??hoho..jangan buat list bnyk2.tapi....

sampai hujg tahun 2011 pun tak buat..hehe..okei2..chup.ekcely..solehah tak tau nak buat 

tajuk apa untuk tutorial nie..heee..entam je laa..pisahkan kotak sidebar gadget..nah... korang

paham tak tajuk tu,.hehe..meh solehah tunjuk kan okei..nak bagi gambar pulak.. :)

(yg nie la pisah kan kotak gadget tu..hehe..)

LANGKAH 1

• mula mula..korang bukak EDIT HTML.jangan lupa tick Expand Widget Templates.untuk keselamatan bersama save dulu tmplate korg tu..hehe  :)korang cari koding nie. (ctrl+F lagi senang)

#sidebar-wrapper {

LANGKAH 2

• dah jumpa koding tu.korang buang background color .(yang nie nak buat sidebar korang tu tak da background dah.biar kosong.)

background:#000000;

LANGKAH 3

• korang dah buang background sidebar tu.cari koding nie pulak.

.sidebar .widget, .main .widget {

gantikan dengan koding yang nie.

.sidebar .widget { -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; background: #999999 ; border: 3px solid #FF0066;margin:0 0 1.5em; padding:0 0 1.5em; } .main .widget { background: ; border: 0px solid #CCCCCC;border-bottom: 0px solid #CCCCCC; margin:0 0 1.5em; padding:0 0 1.5em; }

LANGKAH 4

• hoho,kalau nak senang faham koding nie.korang paste dalam notepad dulu.solehah xplen okei.hee

1. .sidebar .widget { = yang nie la kotak gadget kt sidebar korang tu.background..korang tukar la warna yang korang bekenan.hehe.border pun korang boleh tukar gak..
2. .main .widget { = untuk template yang cm nie..main widget kotak untuk setiap entri.kalau korang nak.boleh la tukar jugak..hoho :)

LANGKAH 5

• kalau korang tak nak bulat bulat sikit ujong kotak tu..korang boleh buang koding nie.

-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;

LANGKAH 6

• dah siappp..korang preview dulu,.kalau tak da error..sila SAVE.tengok la gadget korang kt sidebar tu dh bekotak kotak..mcm kat blog solehah nie ha..hehe

okei korang .selesai sudah tutorial untuk malam nie.hehe.. :) jom makan..hoho..untk designer
template.lain laa ckit kot..hehe  ..kalau ada pa2.tanya solehah okie.hee