Cara Menyembunyikan Header Pada Blog Admin : Unknown

Cara Mudah Menyembunyikan Header Blog Untuk Pemula 
Menghapus header / kepala Blog Agar lebih Simple.

Tampilan blog pada umumnya pastilah standart, baik dengan template bawaan maupun template desain sendiri yang sudah banyak digunakan para sobat2 blogger. Namun ada juga yang berkeinginan atau suka dengan template simple. Salahsatunya supaya blog lebih ringan,namun ada juga kerugian apabila blog tanpa header,mungkin bisa mengurangi kevalidtan template dan mengurangi nilai SEO pada blog. 

Tapi setelah dipikir-pikir dan berdasarkan pengalaman yang pernah saya jumpai, Blog SEO dan kurang SEO ternyata sama saja. Artinya Google tetap mau mengindeks artikel pada blog kita walaupun nilai SEO pada blog kita rendah. Kesimpulannya Tampilan pada blog tidak begitu berpengaruh besar terhadap pencarian google.

Dari itu catatansaif bikin tutorial Cara Menghapus header / kepala Blog dengan menambahkan atau menyisipkan sedikit kode CSS pada template blog.

Sebelumnya bisa dilihat gambar diatas adalah template blog catatansaif tanpa header. sedangkan dengan header bisa dilihat sendiri template yang saya pakai sekarang. Kenapa saif pasang lagi?? karena ya bosan aja..hahaha [buat naruh adsense,hahaha]

Oke berikut caranya :

• Silahkan sobat masuk ke dasboard blog dahulu
• Pilih Template >> Edit HTML
• Cari kode seperti ini :

/* HEADER WRAPPER */ 
#header-wrapper { background:#545454 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCGAgaoaf6CT3BXA6kRqfs6evKe2CFzZJKHTKtAHZRHMWQKjk9xOdC5McPV1cVr2PfNeBvPs-3vPi8_FcSYqtzSmYBNlmMWoJu16KqEuSMHdAcH1HPCkfiKFlzNFDuZ-cTyJBtHzHR9n-7/s1600/line.png) repeat-x top center; margin:0 auto; padding:17px 18px 12px; overflow:hidden; color:#faa951; border-bottom:1px solid #505050; } 
#header-wrapper a img, 
.banner728 a img { display:block; }

• Fokuskan pada kode yang saya warnai merah, gunakan CTRL+F untuk permudah pencarian.
• Kemudian Copy kode berikut :

#header-wrapper {display : none; }

• Letakkan dibawah kode #header-wrapper ..... } 
• Nantinya kode CSS akan seperti dibawah ini :

/* HEADER WRAPPER */ 
#header-wrapper { background:#545454 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCGAgaoaf6CT3BXA6kRqfs6evKe2CFzZJKHTKtAHZRHMWQKjk9xOdC5McPV1cVr2PfNeBvPs-3vPi8_FcSYqtzSmYBNlmMWoJu16KqEuSMHdAcH1HPCkfiKFlzNFDuZ-cTyJBtHzHR9n-7/s1600/line.png) repeat-x top center; margin:0 auto; padding:17px 18px 12px; overflow:hidden; color:#faa951; border-bottom:1px solid #505050; } 
#header-wrapper {display : none; }
#header-wrapper a img, 
.banner728 a img { display:block; }

• Terakhir simpan dan lihat hasilnya.

Kepala kita hilaaaang...#@!4&??? semoga sukses dan bermanfaat. Silahkan komentar jika ada yang perlu ditanyakan. ^^