Tuesday, August 9, 2011

Semua Tentang Sidebar..

Okey..adiela try buat tuto nie 3 in 1 tuto tentang SIDEBAR korang.. muahaha.. punyelah tamak kan letak 3 sekaligus.. eyh.. eyh.. korang layan je la okey..

PERHATIAN: Sila klik CTRL+C untuk copy..

TUTORIAL SIDEBAR BACKGROUND

Contoh dia macam nie.. korang nak letak warna apa pon boleh.. pink? Biru? Merah? Boleh..



Step 1:
Pergi korang “DESIGN” >>>>>” EDIT HTML” >>>>> tick EXPAND WIDGET TEMPLATES

Step 2:
Cari code.. (Klik CTRL+F)

]]></b:skin>

Step 3:
Paste code nie pulak diatas/sebelum code “]]></b:skin>” tadi..

.sidebar {background:#ffffff;width: 290px;margin-top:0px;margin-left:0px;padding:0px 9px 0px 9px;float: left;border:0px solid #9933FF;


Yang merah= code warna BACKGROUND..
Yang kuning= code warna BORDER..

Width tu korang boleh adjust la ikut brapa besa size sidebar yang korang nak okey..
Float tupon boleh tuka..kalau nak sidebar kat sebelah kanan, letakla right..


TUTORIAL TITLE BACKGROUND COLOUR AND SIDEBAR BORDER

Contoh macam nie..



Step 1:
Pergi korang “DESIGN” >>>>>” EDIT HTML” >>>>> tick EXPAND WIDGET TEMPLATES

Step 2:
Cari code.. (Klik CTRL+F)

]]></b:skin>

Step 3:
Paste code nie pulak sebelum/diatas code “]]></b:skin>” tadi..

.sidebar .widget h2 {background :#000000;border: 3px solid #ffffff;text-align : center ; }

Yang merah= code warna BACKGROUND..
Yang kuning= code warna BORDER..

Border 3px tu korang boleh tuka ikut brapa tebal border yang korang nak.. boleh gak kalau nak tuka border jenis lain.. (solid, dashed atau dotted)


TUTORIAL BACKGROUND SIDEBAR TITLE (IMAGE)

Contoh macam nie..



Step 1:
Pergi korang “DESIGN” >>>>>”EDIT HTML” >>>>> tick EXPAND WIDGET TEMPLATES

Step 2:
Cari code.. (Klik CTRL+F)

h2 {

Step 4:
Paste code nie pulak selepas/dibawah code "h2 {" tadi..

background:url(URL BACKGROUND IMAGE);

Paste je URL gamba korang kat dlm code okey..

Okey.. selamat mencuba! ^^




Makseh baca..suka? like okeyh and komen la :)

2 Comments:

Ika said...

hye adiela..iqa ambk totu nie ea..yg ats 2 iqa uat x leh..yg jd bwh je..nnt kalo free dtg lar singgah blog iqa k..:)

Syahirah Suhaili said...

@Ika

yeke? alaa..adiela buat ok je..maybe coding2 laen2 la kan..hehe..okeyh..slamat mencuba iqa! :D

Related Posts Plugin for WordPress, Blogger...