◄ Min  Size Fonts: + | - | ± Color: Max ►

NEWEST TRICK FOR NAVBAR

Dapat lagi trik yang baru mengenai NAVBAR. Apa yang dimaksud dengan navbar??? Yang pasti bukan permen atau nama makanan...wakakakak. Itu kawan's yang keberadaannya selalu ada diatas blog kita.

Kebangetan ah kalau masih enggak ngeuh. Nah ada satu trik lagi nih sobat yang dikembangkan oleh teman BeBeN dalam masalah navbar ini. Kalau kawan's tertarik postingan aku yang terdahulu dan malas mencari diarsip, silahkan kunjungi link ini Seputar Masalah Navbar Blog. Dipostingan yang terdahulu itu aku memaparkan macam-macam trik tentang seputar Navbar. Baca saja deh sendiri. Mari kita kembali ke topik utama, bagaimana caranya menampilkan NAVBAR tersembunyi dan bila disorot akan ada lagi...hehehe.
Mungkin trik ini mirip dengan kinerja navbar yang ditransparankan. Nah bedanya dengan trik ini hanya sedikit saja. Navbar tetap ada tetapi di over top posisinya dengan menyediakan lahan sedikit untuk mouse guna memunculkan kembali navbar tersebut. Pasti bingung deh ^,^...oke silahkan kunjungi blog percobaan yang dimiliki teman BeBeN, guna melihat kinerja dari trik ini. MAX Project <--- Silahkan lihat ke bagian Navbar berada, ada garis sedikit yang terlihat, lalu coba cursornya diarahkan??? Begitu teman hasil dari trik ini. Caranya :
  1. Jika dari sobat yang pernah memakai trik menghilangkan Navbar, harap dihilangkan terlebih dahulu.
  2. Masuk ke bagian Layout ---> Edit HTML cari kode yang seperti ini lalu hapus.

    #navbar-iframe {
    height: 0px;
    visibility: hidden;
    display: none
    }

    Biasanya kode CSS tersebut berada setelah kode <b:skin><![CDATA didalam bagian Edit HTML.
  3. Setelah ketemu lalu hapuslah kode tersebut.
  4. Setelah itu masih dihalaman Edit HTML masukkan kode berikut.

  5. #navbar-iframe {
    height: 5px;
    }

    /* IE7, IE8, IE6 */
    #navbar-iframe {
    height/*\**/: 30px\9;
    }

    #navbar-iframe:hover {
    height: 40px; !important;
    }

    Letakan kode diatas sebelum kode ]]></b:skin>
  6. Save dan lihat hasilnya.
Begitulah trik yang baru mengenai seputar Navbar. Semoga berhasil, Happy Blogging dan WassaLam ^_^.
Thank's to : AllBlogTools. He is MAX, owner AllBlogTools web...My Dear Friends
Loading...
XNEWEST TRICK FOR NAVBAR

Subscribe my posts Register For Free!

8 comments

[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...


MISC

Resources

WANT BE HERE!!! CONTACT ME :P

FACEBOOK PAGE