FIND US HERE

Sunday, December 25, 2011

Background Pada Sidebar

sebelum membuat tutorial ini, anda hendaklah mempunyai border pada sidebar.
>picit sini untuk border pada sidebar<.
Kalau dah ada, tak perlu perah tenaga korang untuk memicit :)
kalau dah ada border pada sidebar , follow the next step :

1. dashboard > design > edit html

2. CTRL + F cari code ini .sidebar .widget {

3. copy code di bawah dan paste kan di bawah code yang korang cari tadi 
background:url(URL IMAGE);
background-attachment: fixed;
background-repeat: repeat;

4. paste kan image url , preview dan save :)

Post Background

1. dashboard > design > edit html 

2. CTRL + F cari code ini
.post {
3. copy code di bawah :
background:url(URL GAMBAR);
background-attachment: fixed;
background-repeat: repeat;
4. pastekan url gambar. preview. save :)

 Contoh code :

border: solid 3px #000000; 
background:url(URL GAMBAR);
background-attachment: fixed;
background-repeat: repeat;
-moz-border-radius: 35px;border-radius: 35px;}

Penerangan :

Warna Merah : Jenis border. Boleh tukar dengan :

*solid *dashed * dotted  

Warna Biru : ketebalan border 

Warna Purple : warna border . >picit sini utk tukar warna<

Warna Hijau : bentuk border >picit sini untuk tukar<

CREDIT TO : MISS ELLE @ HAJAR :)

Bentuk-bentuk border








EXAMPLE A
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
EXAMPLE B
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
EXAMPLE C
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
EXAMPLE D
moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
EXAMPLE E
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
EXAMPLE F
-moz-border-radius: 35px;
border-radius: 35px;

CREDIT TO :  Lyssa Secret :) 

Scroll Blog Archive

Assalammualaikum pembuka bicara. Apa khabar semua? Lama dah rasanya Miss elle tak buat tutorial baru kan? lebih dari tiga bulan rasanya. Mintak maaf semua. Miss elle sibuk dengan homework dan aktiviti sekolah. Sebelum tu, ribuan terima kasih kepada yg msh menyokong 'Gajah Comel Tutorial' :) okay lah. tanpa membuang masa kita mulakan tutorial hari ini.


1. dashboard > design > add a gadget > blog archive 
2. dashboard > design > edit html 
3. CTRL + F cari code yang berikut :
<div id='ArchiveList'>
4. sebelum code <div id='ArchiveList'> korang akan jumpa code ni :  
<div class='widget-content'>
5. gantikan code <div class='widget-content'> dengan code yang berikut :
<div class='widget-content' style='overflow:auto; height:200px'>
- warna merah adalah ketinggian blog archive korang
-pastikan korang dah letak blog archive di gadget korang okay :)