Tutorial : Denim Template

Assalamualaikum

Aku nak buat tutorial macam mana nak guna denim template.

1. Dashboard > Design > Edit HTML > Select Layout Template > Denim > Save Template.

Sekarang nak transparentkan header dia.

2. Dashboard >Design > Template Designer. Lepas tu ikut step gambar ni.

3. Buat benda yang sama kat Page Header Corners Color.

4. Then click Apply to Blog > Back to Blogger.

5. Lepastu letaklah header transparent korang.

Sekarang letak background blog pulak.

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

2. Tekan F3 atau Ctrl+F kat keyboard korang tu and type body {

3. Jumpa code tu? Kat bawah code body { ada code background: $bgcolor kan? DELETE code tu.

4. Copy(tekan ctrl+c untuk copy) and paste code nih kat BAWAH code body {

background: url("url background");repeat ;

background-attachment:Fixed;

url backround tu taruk la url background yang korang nak.

nanti hasilnya macam ni

Sekarang centerkan header.

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

2. F3 / Ctrl+F cari code /* Content

3. Copy and paste code ni ATAS code /* Content

.Header img {

margin-$startSide: auto; margin-$endSide: auto;}

4. Preview and Save. Siap.

Sekarang nak buang Navbar and apply button Follow and Dashboard.

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

2. F3 / Ctrl+F cari code /* Variable definitions

3. Copy code ni and paste ATAS code /* Variable definitions

#navbar-iframe { display: none !important; }

4. Preview and save.

5. Dashboard > Design > Page Element > Add a Gadget > HTML/JavaScript

6. Copy and paste code ni kat HTML/JavaScript tu.

<a style="display:scroll;position:fixed;top:5px;right:95px;" href="http://www.blogger.com/follow-blog.g?blogID=3131338229873693483" title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:5px;right:10px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>

Yang aku bold tu ganti dengan blog ID korang

7. Save. Siap.

To Be Continued...

Korang nak tutorial apa lagi? Contact me via FB or Twitter