Menghilangkan Navbar pada Blogger - Mungkin kalian sering lihat blog sobat kita yang kita buka tapi tidak ada navbarnya. Sedangkan kita yang baru mendaftar diblogger atau baru buat blog masih ada di atas membuat kita tidak srek atau tidak nyaman kalau navbar ini tampil di blog kita. Maka saya bermaksud buat sedikit berbagi tutorial tentang menghilangkan navbar pada blog kita. Sebelum kita melangkah lebih lanjut
sebaiknya anda lihat gambar ini.
Yang pertama saya akan berbagi bagaimana cara membuat NAVBAR AUTO-HIDE
Trik
ini akan menjadikan navbar blog kita tidak kelihatan, namun tidak hilang.
Karena cukup dengan mengarahkan kursor mouse kita ke arah navbar (bagian atas
blog) maka secara otomatis navbar blog akan kelihatan. Untuk lebih jelasnya
silahkan untuk mengarahkan kursor mouse anda ke bagian navbar blog ini.
Bagaimana, tertarikkah anda untuk mencobanya? kalau tertarik,
langkah-langkahnya adalah sebagai berikut:
1. Login ke Blogger.
2. Klik Menu Rancangan.
3. Klik Edit HTML.
4. Lalu cari kode ]]></b:skin> (Gunakan Ctrl+F)
lalu kopi-paste kode berikut di atas kode ]]></b:skin>
:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)}
5. Klik Simpan
Template.
6. Sekarang silahkan dilihat hasil kerjaan anda.semoga sukses!!
Untuk yang kedua ini kita akan lebih sedikit extrim yaitu Menghilangkan Navbar. Untuk menghilangkan navbar tentunya ini tidak bisa muncul seperti trik yang nomor satu. Langkah-langkahnya sebagai berikut:
1. Login ke Blogger.
2. Klik Menu Rancangan >> Edit HTML.
3. Letakkan kode berikut setelah bagian yang ada tulisan "Blogger Template Style" kalau tidak, bisa juga diletakkan di atas kode tag ]]></b:skin>
2. Klik Menu Rancangan >> Edit HTML.
3. Letakkan kode berikut setelah bagian yang ada tulisan "Blogger Template Style" kalau tidak, bisa juga diletakkan di atas kode tag ]]></b:skin>
#navbar-iframe {
display: none !important;
}
display: none !important;
}
4. Sehingga nanti susunannya akan seperti berikut ini:
5. Klik Simpan Template.
6. Selesai...
6. Selesai...
nb : jika kalian ingin mengembalikan Navbar kalian tinggal hapus aja kodenya!
Mudah bukan.... semoga bermanfaat!!!!
Baca Juga Artikel Di Bawah Ini!!
Tutorial Blog
- Tutorial Merubah atau Menambah Penulis di Blog
- Cara Merubah Favicon atau Logo Blog Judul di Blogspot
- Tuturial atau Cara Membuat DP di BBM bergerak
- Membuat Komik Retro Dengan Photoshop
- Cara Merubah Kotak Komentar Bertingkat
- Mempercantik Blog Dengan Kupu-kupu
- Cara Memasang Efek Daun Berjatuhan di Blog
- Memasang Widget Komentar Terbaru di Blog
- Cara Menambah Emotion Dikotak Komentar Blog
- Membuat Daftar Isi Secara Otomatis
- Memperbaiki Tombol Balas Kotak Komentar
- Cara Merubah Tampilan Kotak Komentar Blog
- Cara Membuat Menu JQuery Dengan Animasi Di Blog
- Cara Membuat Recent Post Berjalan
- Cara Memasang Kotak Admin Diblog
- Cara Memasang Chat Room di Blog
- Cara Memasang Kotak Komentar Facebook di Blog
- Justin Bieber Ada Diblog
- Cara Membuat Menu Blog Otomatis
- Cara Memasang My Tweet Twitter di Blog
- Cara Memasang Facebook,Twitter,RSS Melayang di Blog
- Cara Memasang Random Post
- Cara Memasang Jadwal Sholat di Blog
- Cara Membuat Populer Post Dengan 3D
- Cara Tercepat Terindex On Search Engine Google