mudah membuat menu navigasi blogspot yang responsive desktop dan mobile dropdown

Cara membuat navigasi menu blogspot yang responsive pada tampilan web dan mobile tanpa edit html - Disini yang di maksudkan ialah tidak perlu sentuhan css atau script karena sebenarnya blogspot sudah menyediakan menu tersebut, responsive dibuat agar lebih menghemat ruang disaat kita mengakses menggunakan ponsel, sehingga tidak diperlukan bandwidth yang besar saat mengakses, menu ini sudah saya coba pada tampilan operamini java dan symbian, jadi boleh dikatakan benar-benar bekerja dengan baik.

Kita lihat hasilnya

web menu
Gambar 1 : Tampilan Web


mobile menu
Gambar 2 : Tampilan Mobile


Dari gambar diatas sangat jelas menu navigasi akan berubah dengan sendirinya saat kita mengakses menggunakan ponsel yaitu terlihat otomatis hanya tampilan dropdown, berikut tutorialnya

  1. Dashboard > Tata Letak > Tambahkan Gadget (lihat gambar no 3) >  Pilih laman
    responsive1
  2. Akan muncul laman konfigurasi silahkan dipilih / centang menu yang ingin ditampilkan atau kita dapat menambahkan menu baru dengan klik Tambahkan tautan eksternal, Klik simpan
    responsive2
  3. Selanjutnya drag/pindahkan menu yang buat tadi ke atas atau tepatnya bawah header ( jika menambahkannya di samping) tapi jika di bawah header tambakan gadget kosong dapat langsung di buat disitu ( tidak perlu di pindahkan ).
    responsive3

Selesai mudahkan, tidak khawatir struktur css anda rusak dan lihat hasilnya :mrgreen:

Demo akses http://mywapmaster.blogspot.com?m=1

1 comment:

  1. Makasih gan tutor nya.. foll back ya gan. Jangan lupa maen ke blog abal abal saya bang. Thanks

    ReplyDelete

Terima kasih atas kunjungan anda dan Terima kasih sudah Berkomentar sesuai postingan