Assalamu'alaikum...




Tutorial ini adalah lanjutan dari tutorial Lettha sebelumnya :) nah, lanjutan dari tutorial INI

1. TRANSPARENTKAN HEADER
Sekarang, kita akan men-transparentkan header di Simple Tempelate agar tampak seperti Denim Tempelate ;) so ikuti langkah langkah ini sebaik baiknya ok?


Cari kode:

/* Mobile

Pastekan kode nyh diatasnya:

.header-outer, .content-inner { background-color: transparent; }
.main-outer, .tabs-outer { background-color: $(content.background.color);}

kalau kode tersebut gagal, silakan pakai kode yang ini dan pastekan diatas kode yang kamu cari tadi:

.tabs-inner .widget ul { margin: 0px -15px;}
.content-inner{padding: 0px;}

PREVIEW DULU ! Kalau sudah puas, click Save Tempelate :)

2. MEMBUAT ROUND CORNER HEADER
Nah, step kali ini lah yang bisa memberi kesan "Denim Tempelate" di blog "Simple Tempelate" kamu. Untuk cara membuat header melengkung kayak header Lettha, lihat tutorial nya di SINI

Lalu adjust kelebaran header agar sampai sama dengan body blog. Caranya gimana? kayak gini:


Click Adjust Width lalu adjust width body blog sampai sama lebarnya dengan header kamu ;)


3.BUANG BORDER SHADOW SEKELILING BLOG

Kalau anda sudah buang benda putih di header Simple Tempelate kan nanti ada shadow/bayang bayang warna abu abu kan di sekeliling blog? nah begini cara delete shadow tersebut:


Cari kode:

.content-outer {

Dibawah kode itu ada kode ini kan?

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

Delete semua kode itu kecuali kode .content-outer {

PREVIEW DULU ! Lalu Save Tempelate kalau sudah puas :)

4. DELETE NAVBAR
Cara ini bikin blog kamu sedikit lebih rapi karena kita akan menbuang Navbar blog. Caranya seperti ini:


Cari kode:

/* Variable definitions

Pastekan kode ini diatasnya:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

itu untuk kode buang Navbar (means navbar sudah hilang lenyap tidak ada)

Kalau anda ingin navbar anda Auto Show Hide, pastekan kode ini diatas kode yang anda cari tadi:

#navbar-iframe{
opacity:0.0;
filter:alpha(Opacity=0)
}

#navbar-iframe:hover{
opacity:1.0;
filter:alpha(Opacity=100, FinishedOpacity=100)
}

PREVIEW DULU ! Kalau sudah puas, click SAVE TEMPELATE :)

Nanti kamu akan kaget kalau blog kamu udah nggak ada navbarnya lagi. Tenang, Mari kita beri 2 tombol yaitu tombol Follow dan Dashboard ala Tumblr (kayak punya Lettha). Untuk tutorialnya, click DISINI.

Dan selamat ! Kamu udah dapat simple tempelate ala Denim ^_^ Untuk design lainnya, bisa lihat tutorial Lettha lainnya di SINI :D