Menu bar yang berada dibagian kepala blog punya banyak kegunaan. Salah satunya sebagai navigator bagi pengunjung. Kalian bisa menampilkan halaman statis atau bahkan laman kategori dari blog kalian . Bukan hanya itu, Kalian juga bisa menautkan menu bar dengan link dari web lain.
Posisinya pun bisa dipindahkan. Tidak harus berada dibagian kepala blog. Kalian bisa menggesernya ke sidebar atau bahkan di bagian footer atau di bawah blog kalian.
Pada kesempatan kali ini Akang Sumardi akan membagikan sedikit ilmu tentang cara membuat menu bar tanpa menggunakan kede HTML. Langkah-langkahnya sangat sederhana dan mudah dipahami. Silahkan simak baik-baik langkah-langkahnya di bawah ini :
1. Pastikan sudah Login ke Blogger.com > Pilih Blog yang ingin ditambahkan pada menu blog.
2. Klik Tata Letak > Tambahkan Gadget tepat di bawah posisi Header seperti gambar :
3. Pilih Halaman dan Klik Tanda Tambah (+)
4. Selanjutnya Tekan Tambahkan link ekternal
5. Tambahkan judul halaman yang akan kita jadikan Menu Bar
6. tambahkan juga alamat URL (Boleh URL halaman Blog sesuai postingan kita, bisa juga dengan link lebel sesuai ketegori. Selanjunya klik simpan.
7. Setelah kita buat nama-nama menu halaman tadi, hasilnya akan terlihat seperti Gambar dibawah ini. kita bisa mengatur posisinya sesuai dengan selera dan keingiinan kita dengan cara Drag menu tersebut kebagian yang diinginkan.Selanjutnya klik simpan.
8. Masuk ke halaman bloger kalian seperti biasa dan lihatlah hasilnya, ada perubahan atau tidak.
9. Selanjutnya kalian bisa menyesuaikan warna sesuai selera kalian caranya masuk ke Tata letak>>Sesuaikan.
10. Klik >>Lanjutan>Latar Tab dan lain-lain sesuaikan pengaturan warna sesuai selera kalian.
Sekarang lihatlah hasilnya dan selanjutnya kalian bisa mengganti pengaturan desain warna yang menurut kalian cocok dan sesuai dengan selera kalian. Demikian tutorial membuat Menu Bar sederhana tanpa Kode HTML. Untuk selanjutnya saya akan menulis tentang tutorial membuat Menu Bar dengan menggunakan Link List dan Sub Menu Bar.
Selamat Mencoba ...
8.
35 Comments
cakep kali Abang ini, sering-sering lah bikin treat kek gini , hehe
ReplyDeletesae a Ustadz, dasar, tapi manfaat banget tuh
terapkan atuh ah...langsung praktek
DeleteHarus langsung praktek ini mah š biar ga lupa
ReplyDeletebelajar dikit-dikit yuli
DeleteBenar harus nyantri depan laptop langsung praktek
ReplyDeletesiap
Deletetanya dong, untuk menambahkan alamat web di judul halaman itu berarti masukan tiap tulisan gt ya? jd tiap judul halaman gak bisa banyak tulisan? atau kalau pake label yg dimasukan bagaimana?
ReplyDeleteLink label nya saja yang di pake.....jadi tulisannya nya di kasih label sesuai kategori al hasil nanti ketika klik manu tersebut maka akan muncul sederetan tulisan mbak...bisa juga setiap menu pake sub menu
DeleteMantap bermanfaat sekali ni...
ReplyDeleteSemoga saja
DeleteKeren, akhirnya ketemu navigatornya. Terimakasih Pak sudah berbagi.
ReplyDeleteSama-sama bu
DeleteBermanfaat ini ššš
ReplyDeleteSemoga sajašš
DeleteMantulll.... Kakang. Sangat bermanfaat sekali
ReplyDeleteSemoga saja Aamiin
DeleteJadi berpikir untuk coba buat akun blogspot kalai gini... Semangat terus Kang!
ReplyDeleteInsyaallah teteh
DeleteSipp, membantu temen-temen yang belum tau. FYi buat yang blognya bhs inggris, Halaman= Pages. wkwk
ReplyDelete.
.
Arsilogi.id
Sip
DeleteJoss bisa buat panduan nich
ReplyDeleteSiap ! nanti saya tambahin lagi tutoria yang lainnya
DeleteMantul pak
ReplyDeletemantullllll...praktekan ya
DeleteLangsung praktek ah wkwk
ReplyDeletesilahkann.....semangat
DeleteWah mantap nih tutorialnya. Hatur nuhun Akang Sumardi. Ditunggu tutorial lainnya... š
ReplyDeleteInsya allah teteh
DeleteMakasih tutorialnya kakš
ReplyDeleteSama-sama
DeleteDulu saya bikin tab menu kayak gini dengan cara edit htmlnya di template soalnya sering dapat template yang punya bawaan menu bar tapi mesti diedit. Pas saya ganti template yang juga punya menu bar, berhamburanlah editan sebelumnya. Jadinya sekarang gak pake karena banyak label juga. Kalo pakai cara ini bisa bikin yang beranak-anak juga gak?
ReplyDeleteBisa jadi sub menu misalnya Menunya Cerpen Dengan Sub menu1 >>Cerpen Cinta Sub Menu 2>>Cerpen horor dst.
DeleteMantap tutorialnya
ReplyDeleteMantap dah! Makasih sharing ilmunya!
ReplyDeleteMantabz ini tutorialnya
ReplyDelete