Selasa, 31 Juli 2012

Multilevel dd menu for blogger-1

Multilevel dd menu for blogger-1 merupakan dropdown menu dengan menggunakan kode css. Memanfaatkan secara maksimal listing li dan ul serta didukung dengan penggunaan kode css3 seperti border-radius dan css3 transition. Dengan penggunaan background yang sangat minimalis dari background rgba sehingga menampilkan efek transparansi. Menu horizontal ini sudah dilengkapi dengan css reset untuk tab blogger yang bertujuan untuk mendapatkan fungsi dropdown secara penuh. Dengan css reset maka anda tak akan kesulitan untuk mendapatkan hasil optimal tanpa terhalang kode css default tabs blogger yang sering menjadi pengganggu untuk membuat menu dropdown horizontal di bawah header blog.

Menu Horizontal alaTemplate Dynamic View

Jika anda pernah menggunakan template dynamic view, anda pasti akan mengenali horizontal dropdown menu yang disertakan di dalamnya. Menu ini sangat sedrhana namun cukup menarik untuk digunakan sebagai pelengkap blog. Jika di Template dynamic view atau tampilan dynamis mungkin dibuat menggunakan javascript, dalam dropdown menu yang akan kita buat hanya menggunakan kode css. Anda bisa melihat bentuk dan tampilan serta cara kerja menu ini dengan mengarahkan cursor anda di atas posting, di bawah header blog.

Simple CSS dropdown menu for blogger-1

Ini adalah sebuah dropdown menu sederhana yang cantik untuk melengkapi blog anda. Hanya menggunakan kode css yang dipadu dengan css3. Tak banyak kode yang digunakan. Jika selama ini anda mengalami kesulitan untuk memasang dropdown menu di bawah header blog, inilah menu yang tepat yang langsung bisa berfungsi dengan baik tanpa kendala. Anda dapat memasang menu setinggi yang anda suka tanpa perlu kuwatir anak menu tak muncul atau hilang ketika menyentuh halaman posting.

Untuk menggunakan menu ini anda harus mengcopy css reset untuk blogger tabs yang ada di posting sebelumnya. Anda bisa buka link di bawah ini untuk membuka postingnya:
CSS Reset For Blogger Tabs

Sabtu, 28 Juli 2012

CSS Reset Blogger Tabs


Blogger memang telah menyedialan sebuah fitur yang memungkinkan penggunanya untuk membuat sebuah tabs horizontal dan vertical. Tab hoizontal akan terpasang di bawah header blog atau di atas post title. Sayangnya kode yang digunakan untuk tabs blogger (navigasi menu) menciptakan sedikit problema baru bagi penggunanya. Banyak masalah bermunculan saat pengguna mencoba untuk membuat menu horizontal baru dengan kode yang dibuat sendiri akibat kurang puas dengan tampilan tabs horizontal default blogger. Disamping banyak variable yang tak diharapkan muncul di tabs/menu yang kita buat, seperti background dan border, namun jika kita sedikit lebih cermat maka akan merasakan betapa sebuah horizontal drop menu atau horizontal dropdown menu tak dapat dibuat karena anak menu atau anak-anak menu yang seharusnya meluncur ke bawah tiba-tiba terlihat terpotong tanpa sanggup melewati post title. Sungguh situasi yang sangat tidak mengenakkan dan sering membuat pengguna putus asa. Bahkan...

Blogger Horizontal Tab Menu

Ada beberapa cara untuk membuat navigasi menu horizontal menu di blogger. Satu diantarannya adalah menggunakan fitur "Laman/Pages" yang terletak di Basbor/Dasboard. Melalui fitur ini anda dapat menampilkan sebuah alamat web/blog, alamat posting di post page dan posting yang dibuat di halaman statis. Setiap menu akan berisikan nama/judul/title yang dibuat melalui fitur "laman/page" yang di dalamnya berisi URL/alamat tertentu sesuai dengan alamat yang disimpan/digunakan.

D E M O


Anda bisa melihat tab horizontal yang dibuat melalui "fitur Laman/Pages" tepat di atas posting ini. Tab menu berisikan beberapa alamat web dan alamat posting di halaman statis. Coba klik untuk mengetahui kinerja tab menu horizontal (navigasi horizontal) tersebut.