Cara merapatkan header dengan navbar
Berawal dari coba-coba akhirnya menemukan juga cara merapatkan header dengan navbar, setelah sebelumnya saya menyatukan widget di header, jika belum baca silahkan masuk kesini.
Bagi anda yang suka modifikasi template blog karena mungkin merasa belum puas dengan template yang anda miliki sekarang, bolehlah kiranya mencoba cara ini, siapa tau berguna buat anda.




Oke langsung saja kita praktek.

Seperti biasa awalnya amankan dulu template anda (baca: Cara aman mengedit template blog)

1.Login Blogger
2.rancangan,
3.Edit HTML,
4.lalu centang

Cara merapatkan header dengan navbar













Inti dasar dari modifikasi ini adalah anda harus menemukan kode #outer-wrapper {
(carilah dengan menggunakan CTRL+F untuk mempermudah pencarian).
dan jika sudah menemukan, pahami strukturnya. Contoh pada template saya :

margin: 0 auto;
padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
width: 100%;
text-align: center;
}

Saya mengubah angka 7 menjadi 0 pada margin-top untuk merapatkan header dengan navbar. begitu pula dengan margin-bottom.

Jika anda scroll ke bawahnya, maka anda akan bertemu kode seperti dibawah ini :

#blog-wrapper {
margin: 0 auto;
padding: 7px;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
position: relative;
width: 980px;
background: $blogframeColor;
border: 3px solid $blogBorderColor;
}

Silakan modifikasi pada angka yang ada. maka anda tidak hanya melakukan cara merapatkan header dengan navbar yang saya sharingkan, tapi lebih banyak lagi yang akan anda dapatkan.



Review:

Judul Cara merapatkan header dengan navbar
Deskripsi Berawal dari coba-coba akhirnya menemukan juga cara merapatkan header dengan navbar , setelah sebelumnya saya menyatukan widget di header , ...
Author
Author Rating
4/ 5 Suara Dari 1001 Ulasan

Dapatkan artikel menarik lainnya : Klik disini
8 komentar sudah masuk. Silahkan menambahkan tanggapan lain...
Komentari


June 4, 2011 at 4:56 AM  
Like

sayangnya tempatku dah ga ada margin2 gtu..hehehehhe...ya jadinya kek gtu dah...



June 4, 2011 at 5:19 AM  
Like

@Adit Mahameru rajin utak atik mas yaa, blog ny aj bagus gtu ;))



November 27, 2011 at 6:20 AM  
Like

Ternyata ada kesamaan antara header-navbar ama orang sholat, mesti rapet,ya? :-). Sori,bukannya niat ngejilat, tapi artikel yang ada di blog ini amat sangat membantu saya yang baru aja nge-blog. Terima kasih, ya.



October 6, 2012 at 9:22 PM  
Like

tampilan gambar edit HTML ku ndak sama yg ada di gambar atas, dan gak ketemu juga kata outer nya jadi gak ketemu juga margin top nya. mohon petunjuk. makasih



March 10, 2013 at 12:48 PM  
Like

mantep kang.



June 23, 2013 at 4:41 PM  
Like

ko kodenya gk ada yah di blog ane :D

gmna gan?



September 20, 2013 at 9:36 AM  
Like

aslm. blog ku knapa ya g ada pengaturan semacam tu ?

Tuliskan komentar pada form ini :

Adsense Indonesia
Template design by Armin | Cara Online
Powered by Blogger