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 Expand Template Widget

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	Unknown
Author Rating	4/ 5 Suara Dari 1001 Ulasan

Dapatkan artikel menarik lainnya : Klik disini

7 komentar sudah masuk. Silahkan menambahkan tanggapan lain...
Komentari

BLOGGER

• Cara menghapus blog dengan mudah dan singkat
• Cara modifikasi template blog kreasi sendiri
• Cara membetulkan histats yang error
• Memantau trafik lewat facebook insights
• Cara membuat 2, 3, 4 kolom footer blog
• Bagaimana Cara saya menjadi blogger master
• Komentar admin menjorok ke dalam seperti wordpress
• Cara membuat komentar blogspot seperti wordpress
• Efek CSS mempercantik link di sidebar
• Membuat navigasi horizontal sublevel sesuai selera
• Cara membuat efek air pada gambar blog
• Ikon cantik pada older newer post
• Cara menampilkan foto di komentar blog
• Cara membuat buku tamu di blog
• Cara mendapatkan alamat feed blog
• Cara menghapus entri blog
• Panduan untuk meringankan blog anda
• Cara cek loading blog
• Cara mendapatkan hadiah dari google
• Cara berhenti menjadi followers blog
• Cara manual menjadi followers blog
• Tips nge-blog: ingat sekarang era panda !
• Cara membuat blog gratis dalam 3 langkah mudah
• Cara alami menghadapi google panda
• Cara membuat template blog kreasi sendiri