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!!!!
إرسال تعليق