Jadi Anda sudah browsing situs, memeriksa semua gaya menu keren dan Anda telah menemukan salah satu yang Anda akan senang untuk menambahkan ke situs Anda. Namun, Anda agak bingung karena situs Anda terjadi menjadi halaman Blogger, dan Anda ragu-ragu untuk main-main dengan semua kode template.
Jangan khawatir! Saya akan berlari menuruni tangga sederhana dalam tutorial ini untuk mendapatkan Anda setup dengan drop down dalam waktu singkat. Jika ada bagian dari tutorial yang Anda tidak mengerti, silakan beritahu kami di komentar dan kami akan mencoba untuk membantu Anda keluar.
Membangun Menu Dengan CSS Dan HTML
Hal pertama yang pertama, Anda harus menghasilkan sebuah menu drop-down untuk benar-benar digunakan untuk situs Anda. Aku akan menggunakan datar beraksen Merah dropdown menu terakhir untuk tutorial ini.
Tambahkan Menu Drop Down CSS
- Masuk ke CssMenuMaker.com
- Pilih Drop Down Yang anda Inginkan
- Click Customize / Download
- Akan Keluar Seperti Ini !
- Copy Paste CSSnya tersebut
- Dan Masuk ke Blogger.com
Setelah Anda membuat jalan Anda ke panel kontrol blog Anda, klik tombol Template pada sidebar kiri. Dari sana Anda akan melihat sebuah tombol Edit HTML di sebelah kanan, yang kemudian akan mengklik untuk membuka modal berisi semua kode sepele blog Anda.
- Cari Kata ]]></b:skin> Paste Code CSS Tepat di atas Code ]]></b:skin>
Tambahkan Menu Drop Down HTML
Sekarang, bagian ini bervariasi dengan template yang Anda gunakan sehingga tip tambahan, mari kita lakukan sesuatu pertama: Pergi ke depan dan menyimpan template, menutup jendela setelah selesai. Tengah klik "View blog" tombol di atas untuk membuka blog Anda di tab baru. Dalam contoh berikut, saya telah menggunakan "Simple" template dan saya menggunakan Firebug untuk memeriksa HTML. Seperti yang Anda lihat saya sudah memeriksa divs berbeda dan telah memutuskan untuk menggunakan "content-outer" div digolongkan sebagai orang tua untuk menu saya. Kenapa? Karena aku ingin menu saya berada di kolom tengah, orang tua "Content" mencakup seluruh halaman, dan anak "content-inner" memiliki beberapa padding saya tidak mau.
- Masuk ke CssMenuMaker.com
- Pilih Drop Down Yang anda Inginkan
- Click Customize / Download
- Akan Keluar Seperti Ini !
- Copy Code HTMLnya
- Masuk Ke Blogger.com
- Paste Code HTML ke code <div class='content-outer'> Tepat di atas code <div class='content-outer'>
- dan Simpan
Dan Hasil Dari Keduannya Menjadi Seperti
Thanks for Visit my Blog
