28 October 2014

Membuat Menu Navigasi jadi responsive di Blog

Cara Membuat Menu Navigasi Unik di Blog Ala Template Evo Magz - Bagaimana sih cara membuat menu navigas kayak di tempplate evo magz itu ? Banyak sekali yang bertanya seperti kepada saya , sampai akhirnya saya mau memberikan tutorialnya kepada sobat . Tapi niat saya tidak ingin mengclone template premium evo magz tersebut , melainkan ingin berbagi pada menu navigasinya saja .

Sebenarnya dengan mengintip kode dari template evo magz itu sendiri , sobat bisa membuat menu navigasnya yang keren itu , asalkan sobat paham sedikit mengenai css dan html , tapi kalau sobat belom bisa mungkin tutorial membuat menu navigasi ala evo magz ini pilihan terbaik anda .

Bagi yang belom tahu seperti apakah menu navigasi keren dan evo magz ? sobat dapat mengetahuinya dengan melihat demonya di blognya langsung atau bisa juga melihat gambar berikut


:
  • 1- silahkan sobat masuk ke editor template terlebih dahulu
  • 2-Kemudian Pasang kode css berikut , tepat diatas kode ]]></b:skin>


  • 3-Untuk memanggil kode css diatas silahkan pasang htmlnya , caranya pasang kode dibawah ini tepat dibawah kode </head>

  • Jika sudah silahkan save template sobat
Membuat Menu Navigasi Evo Magz jadi responsive di Blog
Sebetulnya , cara diatas sudah cukup untuk membuat menu navigasi yang mirip evo magz , tapi jika sobat suka desaign template yang responsive , maka sobat perlu melakukan tutorial dibawah ini :
  • 1-Masih dalam halaman edit html
  • 2-Cari kode </body> , dan pasang kode dibawah ini diatas kode </body> tersebut

  • 3-Serta pasang Juga Media Queris responsivenya . caranya pasang kode css berikut diatas kode ]]></b:skin>

  • 4-oh ya saya hampir lupa , karena menu navigasi menggunakan font awesome , silahkan pasang javascript font awesome berikut diatas kode </head>

  • 5-Nah inilah yang ditunggu - tunggu , silahkan save template sobat dan lihat hasilnya
Tak terasa kini kita telah berhasil membuat menu navigasi ala evo magz, ternyata cukup capek juga ya membuat menu navigasi yang sekeren itu , hehhehehe tapi asalkan anda tahu lebih lelah yang menyajikan tutorialnya dari pada anda mempraktekan , hehehhe . ok sekian dari saya , silahkan mencobanya


EmoticonEmoticon