Selamat Datang Di Blognya Kang Sumardi>>Salam Silaturahmi untuk Kalian Semua....Mau Teks Berjalan seperti ini ? Klik

Cara Membuat Tab Menu Bar dengan Mudah di Blogger




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
6tambahkan 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. 

Post a Comment

35 Comments

  1. cakep kali Abang ini, sering-sering lah bikin treat kek gini , hehe

    sae a Ustadz, dasar, tapi manfaat banget tuh

    ReplyDelete
  2. Harus langsung praktek ini mah šŸ˜€ biar ga lupa

    ReplyDelete
  3. tanya 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?

    ReplyDelete
    Replies
    1. Link 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

      Delete
  4. Keren, akhirnya ketemu navigatornya. Terimakasih Pak sudah berbagi.

    ReplyDelete
  5. Bermanfaat ini šŸ˜šŸ˜šŸ˜

    ReplyDelete
  6. Mantulll.... Kakang. Sangat bermanfaat sekali

    ReplyDelete
  7. Jadi berpikir untuk coba buat akun blogspot kalai gini... Semangat terus Kang!

    ReplyDelete
  8. Sipp, membantu temen-temen yang belum tau. FYi buat yang blognya bhs inggris, Halaman= Pages. wkwk
    .
    .
    Arsilogi.id

    ReplyDelete
  9. Wah mantap nih tutorialnya. Hatur nuhun Akang Sumardi. Ditunggu tutorial lainnya... šŸ‘

    ReplyDelete
  10. Dulu 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?

    ReplyDelete
    Replies
    1. Bisa jadi sub menu misalnya Menunya Cerpen Dengan Sub menu1 >>Cerpen Cinta Sub Menu 2>>Cerpen horor dst.

      Delete