Tutorial : Denim Template II

Assalamualaikum

Sambungan Part One

Curved border keliling blog

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. F3 / Ctrl+F cari code #content-wrapper {

3. Copy and paste code ni kat BAWAH code #content-wrapper {

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

4. Preview and save !

Scrollbar

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. F3 / Ctrl+F cari code ]]></b:skin>

3. Copy and paste code ni kat ATAS code ]]></b:skin>

::-webkit-scrollbar {

height: 8px;

width: 8px;

background: #DADADA;

}

::-webkit-scrollbar-thumb {

background-color: #000000;

-moz-border-radius: 10px;

border-radius: 10px;

}

Yang BOLD korang tukar warna yang korang nak kat SINI.

Home, Older Post, Newer Post

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. F3 / Ctrl+F cari code <data:newerPageTitle/>

3. Ganti code <data:newerPageTitle/> dengan code ni

<img src='http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png'/>

4. Cari code <data:olderPageTitle/>

5. Ganti code <data:olderPageTitle/> dengan code ni

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>

6. Cari code <data:homeMsg/>

7. Ganti code <data:homeMsg/> dengan code ni

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/>

8. Preview and save !

To be continued...