Pages

Wednesday, 12 August 2015

Tutorial : Buat Border Pada Pages Widget



1) copy code bawah ni..

.tabs .widget {;border:2px ridge #872187;

2) pergi kat DASHBOARD > DESIGN>TEMPLATE DESIGNER >ADVANCED> ADD CSS ..
dan paste code yang korang copy atas ni kat situ.

*code warna merah tu korang boleh tukar ikut suka korang.. tengok SINI
* code warna hijau tu boleh tukar denagan yang bawah ni..


solid
double
groove
dotted
dashed
inset
outset
ridge
hidden


*warna biru ketebalan border korang.. lagi besar nombor.. lgi besar border korang..

Tutorial : Buat Border Pada Sidebar Widget




1) copy code bawah ni..

.sidebar .widget{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:4px solid #D41A1F; margin:0 -5px 1.5em -5px;padding:0px 7px 10px 7px}


2) pergi kat DASHBOARD > DESIGN>TEMPLATE DESIGNER >ADVANCED> ADD CSS ..
dan paste code yang korang copy atas ni kat situ.

*code warna merah tu korang boleh tukar ikut suka korang.. tengok SINI
* code warna hijau tu boleh tukar denagan yang bawah ni..


solid
double
groove
dotted
dashed
inset
outset
ridge
hidden


*warna biru ketebalan border korang.. lagi besar nombor.. lgi besar border korang..
*nak tukar bentuk border .. as follows:






-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
}
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
}

-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
}

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}


-moz-border-radius: 35px;
border-radius: 35px;
}

Tutorial : Hilangkan Subscribe to : Posts (Atom)



1. Dashboard > Design > Edit Html > Tick Expand Widgets


2. Tekan Ctrl + F , and korang cari kod kat bawah ni :



<!-- feed links -->

3. And automatik dia akan terhighlight kan ? Then , korang tukarkan kod yang ini :


<!-- feed links-->
<b:include name='feedLinks'/>


kepada kod yang ini :


<!-- feed links
<b:include name='feedLinks'/> -->


4. Click Preview dulu..

5. Kalau menjadi , terus je SAVE.

Tutorial : Letak Garis di bawah Post Title


Mula-mula, design > edit html.

Lepas tu, cari code ini :


/* Posts

----------------------------------------------- */

Then, kat bawah dia ada code macam ni kan ? :


h3.post-title {

Okay, copy code ini
border-bottom: 1px solid #AB27BA;


Dan pastekan di bawah h3.post-title { tadi.



Nota ;

Hijau : Ketebalan garis tu. Lagi tinggi nombor , lagi tebal lah garisan.
Purple : Jenis dia. Solid, dotted, dashed.
Biru : Warna garis tu. Code di SINI


Preview . kalau tak ada error, SAVE.
Related Posts Plugin for WordPress, Blogger...