Cara Menyembunyikan NavBar Pada Blogger

Pada setiap blogger/blogspot, pada bagian atas dari blog anda ada beruba toolbar yang biasa disebut navbar.Navbar secara otomatis dimunculkan pada sebuah blog blogger/blogspot yang baru dibuat dan mempunyai warna defaultnya adalah warna biru tua.

Namun setiap blogger, navbar ini bukan elemen yg cukup fungsional, malah terkadang mereka menganggap kalau navbar merupakan elemen pengganggu yg dpat merusak tmpilan blog mereka.

Sekarang saya akan membagi tips tntang cara menyembunyikan navbar. 

Berikut langkah - langkahnya :

1. Login Blogger

2. Pilih Rancangan.

3. Klik edit HTML

4. Cari kode body { , utk mempercepat pncarian tekan CTRL + F

5. Kodenya akan seperti ini : 

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

6.. Tambahkan kode berikut ini :

margin-top:0px;
position: relative;
top: -50px;

7. Sehingga kodenya akan seperti ini :

body {
margin-top:0px;
position: relative;
top: -50px;
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

8. Simpan

NB : Nilai (-50px) merupakan negatif dari lebar (width) navbar yang sebesar 50 pixel. Dengan menerapkan nilai yang berlawanan dari lebar navbar tersebut, tampilan navbar akan ‘dibenamkan’ seluruhnya sehingga tak lagi mengganggu pandangan. Jika nilai -50px terlalu besar hingga sebagian tampilan blog Anda ikut hilang, coba kurangi nilainya, misalnya menjadi -30px. Anda dapat mencoba nilai yang lain sesuka Anda.

Semoga Bermanfaat.

Related Post :

Tips Blogging

• Tips Agar Blog Anti Klik Kanan
• Membuat Efek Bubble Pada Cursor
• Membuat Efek Bintang Berjatuhan Dari Cursor
• Cara Menampilkan Widget Hanya Di Homepage Dan Halaman Posting Saja
• Cara Membuat Recent Post Slide Show
• Membuat Daftar Isi Tampilan Explorer
• Membuat Artikel Terkait / Related Post
• Cara Menampilkan Status YM Di Blog
• Cara Membuat Menu Navigasi BreadCrumb
• Cara Membuat Back To Top Dengan JQuery
• Cara Daftar Envolve Dan Memasang Widget Envolve Di Blog
• Cara Membuat Widget Icon Burung Terbang Twitter
• Cara Membuat Menu Horizontal Drop Down
• Cara Membuat Link Open New Tab
• Memasang Tombol Komentar Klasik Di Atas Kotak Komentar Blog
• Cara Memasang Lagu Di Blog
• Cara Membuat Iklan Melayang Dengan Tombol Close
• Cara Membuat Scroll Pada Kotak Komentar Blogger
• Cara membuat Tab View
• Scan Blog atau Website Anda
• Cara Membuat Daftar Isi
• Cara Memasang Widget Translate Pada Blog
• Pasang Widget Internet Speed Test Di Blog Anda
• Menambahkan Reply Buttoon Pada Komentar Blogger

Subcribe Via Email :

Jika Anda Menyukai Artikel Blog ini, Masukan Alamat Email Anda Pada Kolom di Bawah, Maka Anda Akan Mendapatkan Kiriman Email Setiap Kali Ada Posting Baru. Terima Kasih Atas Partisifasinya

Enter Your Email Address :