Menu dropdown blogger
Pertama masuk akun bloger dan pilih blog yang akan dibuatkan menu navigasi. Setelah pilih “TATA LETAK” dan klik “Edit HTML”. Sebelum melakukan perubahan apapun pada template anda jangan lupa untuk menyimpan template lama Anda dengan mendownloadnya terlebih dahulu agar jika terjadi kesalahan Anda bisa mengembalikan ke template lama Anda. So langsung klik “Download Template Lengkap” dan simpan file XML anda di Hardisk computer.
copy script
Setelah proses backup template selesai cari kode berikut “]]>” (tanpa tanda kutip), agar memudahkan pencarian tekan CTRL + F.
Masukkan/copy seluruh kode CSS dibawah ini tepat diatas kode diatas tadi dan tempatkan/paste diatas kode “]]>” ini:copy script
Keterangan Kode CSS diatas:
* Kode berwarna merah adalah CSS yang mengatur tampilan menubar (main cells) saat pertama muncul, warna bisa anda ganti-ganti sesuai dengan warna blog anda dan pada kode diatas saya memilih warna hitam (#000000) dengan font warna putih (#FFFFFF) yang ditebalkan (bold).
* Kode Berwarna Biru adalah Tampilan menu ketika Cursor mouse berada di diatas text menu juga tampilan sub menu (subcells), dimana warna mode normal saya pilih adalah warna abu-abu muda (#C0C0C0) dan posisi kursor diatas teks sayap pilih warna abu-abu yang lebih gelap(#808080).
* Jika Anda tidak menyukai adanya border berwarna biru diantara masing-masing text menu anda bisa menhilangkannya dengan mengganti nilai solid 1px menjadi 0px atau mengganti kode warna #004080 (biru) dengan warna sesuai keinginan anda tentunya.
Menambahkan HTML Menu Navigasi/Menu bar
Untuk memasukkan link yang telah kita siapkan sebelumnya. cari kode HTML ini
dan masukkan kode dibawah tepat dibawah kode
ini.
copy script
Keterangan Kode HTML diatas:
* Kode berwarna Hitam adalah kode tombol “Menu Utama” yaitu Home disini anda tidak perlu melakukan perubahan apapun kecuali teks nama Home bisa Anda ganti menjadi FrontPage atau Muka.
* Kode warna Hijau dan Merah adalah Tombol masing menu utama dalam hal ini adalah tombol “Tips dan Trick” dan tombol “Free Template”.
* Kode Warna biru adalah URL Label yang sebelumnya telah anda tentukan dan disimpan pada file notepad tadi.
* Jika masih ingin menambahkan beberapa tombol dengan sub menu silahkan Copy semua kode berwarna merah diatas dan ganti URL sesuai tujuan yang anda inginkan.
* Jika hanya ingin menambahkan sub menu saja copy kode ini:
* http://NamaBlogAnda.blogspot.com/search/label/NamaLabel">NamaLabel
ganti "NamaLabel" seusai kebutuhan.
* Kemudian jangan lupa letakkan diatas kode ini
Setelah itu Simpan hasil penambahan tadi dengan tombol SAVE / SIMPAN, kemudian tekan pratinjau untuk melihat hasil modifikasi yang anda telah buat tadi. Semoga Sukses. Finally mudah-mudahan cara diatas bisa bermanfaat dan jika ada pertanyaan seputar tulisan ini boleh disampaikan lewat komentar itung-itung juga buat nambah link anda di blog (I’m do follow blog too). Selamat ngoprek template ya dan semoga sukses :D
link terkait
* http://oentoe09.blogspot.com/
* Kode berwarna merah adalah CSS yang mengatur tampilan menubar (main cells) saat pertama muncul, warna bisa anda ganti-ganti sesuai dengan warna blog anda dan pada kode diatas saya memilih warna hitam (#000000) dengan font warna putih (#FFFFFF) yang ditebalkan (bold).
* Kode Berwarna Biru adalah Tampilan menu ketika Cursor mouse berada di diatas text menu juga tampilan sub menu (subcells), dimana warna mode normal saya pilih adalah warna abu-abu muda (#C0C0C0) dan posisi kursor diatas teks sayap pilih warna abu-abu yang lebih gelap(#808080).
* Jika Anda tidak menyukai adanya border berwarna biru diantara masing-masing text menu anda bisa menhilangkannya dengan mengganti nilai solid 1px menjadi 0px atau mengganti kode warna #004080 (biru) dengan warna sesuai keinginan anda tentunya.
Menambahkan HTML Menu Navigasi/Menu bar
Untuk memasukkan link yang telah kita siapkan sebelumnya. cari kode HTML ini
dan masukkan kode dibawah tepat dibawah kode
ini.
copy script
Keterangan Kode HTML diatas:
* Kode berwarna Hitam adalah kode tombol “Menu Utama” yaitu Home disini anda tidak perlu melakukan perubahan apapun kecuali teks nama Home bisa Anda ganti menjadi FrontPage atau Muka.
* Kode warna Hijau dan Merah adalah Tombol masing menu utama dalam hal ini adalah tombol “Tips dan Trick” dan tombol “Free Template”.
* Kode Warna biru adalah URL Label yang sebelumnya telah anda tentukan dan disimpan pada file notepad tadi.
* Jika masih ingin menambahkan beberapa tombol dengan sub menu silahkan Copy semua kode berwarna merah diatas dan ganti URL sesuai tujuan yang anda inginkan.
* Jika hanya ingin menambahkan sub menu saja copy kode ini:
* http://NamaBlogAnda.blogspot.com/search/label/NamaLabel">NamaLabel
ganti "NamaLabel" seusai kebutuhan.
* Kemudian jangan lupa letakkan diatas kode ini
Setelah itu Simpan hasil penambahan tadi dengan tombol SAVE / SIMPAN, kemudian tekan pratinjau untuk melihat hasil modifikasi yang anda telah buat tadi. Semoga Sukses. Finally mudah-mudahan cara diatas bisa bermanfaat dan jika ada pertanyaan seputar tulisan ini boleh disampaikan lewat komentar itung-itung juga buat nambah link anda di blog (I’m do follow blog too). Selamat ngoprek template ya dan semoga sukses :D
link terkait
* http://oentoe09.blogspot.com/
Comments