Simple tempate - pisahkan header dari blog - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul Simple tempate - pisahkan header dari blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Simple tempate - pisahkan header header dari blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Simple tempate - pisahkan header dari blog
link : Simple tempate - pisahkan header dari blog

Simple tempate - pisahkan header dari blog

Preview:

Sebelum:

Selepas:

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod

/* Mobile

atau 

/* Header

4) Dah jumpa kod /* Mobile atau  /* Header ? ok sekarang copy dan paste kod di bawah SEBELUM / DI ATAS kod yang korang cari tadi:

.header-outer, .content-inner { background-color: transparent;}.main-outer, .tabs-outer { background-color: $(content.background.color);}.tabs-inner .widget ul { margin: 0px -15px;}.content-inner{padding: 0px;}

Contoh:

.header-outer, .content-inner { background-color: transparent;}.main-outer, .tabs-outer { background-color: $(content.background.color);}.tabs-inner .widget ul { margin: 0px -15px;}.content-inner{padding: 0px;}

/* Mobile

Ok, sekarang dah selesai bab pisahkan header dari content blog. Tapi masalahnya, time korang preview, korang perasan tak still ada line shadow pada header yang terpisah tu. Lihat anak panah dalam image di bawah:

Cara nak hilangkannya?

5)Dengan menggunakan ctrl + F sekali lagi, cari kod

.content-outer {

6) Kemudian berdekatan dengan kod .content-outer { tu, korang akan jumpa kod yang macam kat bawah ni:

-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);

7) Jumpa kan? Ok, DELETE kod tersebut (*jangan tersilap delete pula ye, pastikan kod yang korang nak delete tu sama pattern macam kod di atas).

8) Dah siap delete, then klik preview, kalau menjadi terus klik save template.

Selamat mencuba! :)

Demikianlah Artikel Simple tempate - pisahkan header dari blog

Sekianlah artikel Simple tempate - pisahkan header dari blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Simple tempate - pisahkan header dari blog dengan alamat link http://carasignup.blogspot.com/2012/01/simple-tempate-pisahkan-header-dari-blog.html

Tweet