Tutorial Cara Membuat Menu Di Blog Dengan Mudah
Jika semua kode sudah dimasukkan klik Simpan.
Sampai tahap ini blog sobat sudah memiliki menu horizontal, namun saya yakin sobat ingin menu-menu tersebut sesuai keinginan. Jika demikian, mari kita lanjutkan edit menu horizontal tersebut.
Cara edit menu-menu yang ada di blog
Pada kode css dan html yang sobat masukkan tadi ada kode
Di situ ada nama2 halaman, mulai dari Home, About, Daftar Isi, Menu, dsb. Dan kode pagar #
Kode pagar # silakan sobat ganti dengan link halaman yang di inginkan
About, Daftar Isi, Menu, dst... silakan ganti dengan nama menu yang di inginkan
Untuk mengedit menu silakan lihat contoh ini, mengganti menu About menjadi Tentang.
Kode asal :
About
Yang perlu di edit adalah kode pagar # dan nama menunya, contoh : About.
Kode setelah di edit :
Tentang
Menu About saya ganti menjadi Tentang, dan kolom link/url (yang saya beri tanda pagar #) saya masukkan link http://www.blogbacatulis.com/p/tentang.html
Untuk cara edit menu-menu yang lainnya sama dengan contoh di atas, yang perlu sobat ganti hanya tanda # dan nama Menunya saja.
Link yang di masukkan ke menu harus link yang benar, karena jika salah maka jika di klik akan masuk ke halaman 404 / Error / Halaman Tidak Ditemukan.
Bagi yang belum tahu bagaimana cara mendapatkan link sebuah halaman / posting, silakan baca artikel : Cara Mendapatkan Link/URL Halaman, Post, Label Di Blogger Untuk Menu dsb
Bagaimana cara mengelompokkan artikel pada 1 menu ? silakan temukan jawabannya di Manfaat / Fungsi Label Di Blogger + Cara Membuat Label Di Blogger
Untuk pengembangan dan bahan belajar edit menu :
setiap menu harus di awali dengan kode
dan di akhiri dengan kode
Contoh yang benar:
Menu
Menu 2
Menu 3
Contoh yang salah :
Menu
Menu 2
Menu 3
Pada contoh yang salah, ada satu menu yang tidak di akhiri dengan kode yaitu pada Menu 2.
Untuk mengganti tampilan menu, baik warna, lebar, dsb. sobat perlu mengerti bahasa CSS, kode css pada menu tersebut dimulai dari kode
Tambahan (15 Januari 2015)
Drop down menu di blog
Karena tutorial ini saya anggap masih perlu tambahan, akhirnya saya putuskan untuk meneruskan tutorial cara membuat menu ini, sebab kemaren udah capek :-D
Langsung ...
Pada kode menu di atas ada bagian
Menus
Di situ terlihat 1 menu seperti tidak sempurna/salah, tepatnya pada kode ini
Menus
Menu disitu tidak ditutup dengan kode
Kenapa bisa seperti demikian? Karena itu adalah bagian menu yang memiliki sub menu (drop down menu/menu turun). Jadi kode nya diletakkan di akhir kode sub menu, tepatnya kode ini.
Menus 5
Jadi, jika sobat ingin menambahkan menu dropdown, konsepnya sama, yaitu harus di awali dengan kode
dan ditutup dengan kode
Contoh penambahan 2 menu pada dropdown menu
Menus
Mungkin itulah tutorial cara membuat menu di blog yang bisa saya tuliskan kali ini, semoga mudah dipahami dan bermanfaat.
Baca juga tutorial cara membuat menu tanpa edit HTML
Baca Juga Tutorial Membuat Responsive Dropdown Menu Menggunakan HTML + CSS Murni.
Bagi sobat yang mengalami masalah sub menu yang tertutup template yang digunakan coba pasang kode menu tepat setelah kode , namun kemungkinan sobat harus modifikasi css menu tersebut untuk menyesuaikan dengan template yang digunakan.
Oleh : Ahmad Rifai 1/13/2015 11:01:00 PM
You may also like:
Cara Memasang Widget Facebook (FB) Like Tersembunyi
Cara Membuat Popular Post Warna Warni Di Blogger
Cara Membuat Blog Gratis Melalui HP / Komputer
Cara Membuat Animasi Efek Loading Di Blog
LIHAT / TINGGALKAN KOMENTAR
Copyright © 2014 - 2017 - Blog Baca Tulis Powered by Blogger. Ahmad Rifai - Cara Membuat Blog
Terimakasih telah membaca Tutorial Cara Membuat Menu Di Blog Dengan Mudah, semoga artikel tentang Tutorial Cara Membuat Menu Di Blog Dengan Mudah yang ada di blog ini bermanfaat buat sobat