Cara Membuat Navigasi Menu Responsive Dropdown + Submenu dengan Logo di Blogger. Navigasi hidangan model gini lagi demam isu nih. Logo atau Nama Blog dipasukan dengan hidangan dalam satu bar. Ini penamapakannya:

Tampilan Mobile

Cara Membuat Navigasi Menu Responsive Dropdown  Membuat Navigasi Menu Responsive Dropdown + Submenu dengan Logo


Tampilan Desktop

Cara Membuat Navigasi Menu Responsive Dropdown  Membuat Navigasi Menu Responsive Dropdown + Submenu dengan Logo


Keren 'kan?

Ini dari CSS Menu Maker sebagaimana sudah dishare warna di posting nav hidangan responsve sebelumnya.

Model hidangan responsive mobile-friendly ini CB dapatkan di Code Pen. Demonya juga ada di sana, di bab bawah.

Untuk dipasang di blogger, hanya perlu penambahan aba-aba di bab javascript.

Cara Memasang Navigasi Menu Responsive Dropdown + Submenu dengan Logo

Ada tiga aba-aba yang harus dipasang sesudah Anda masuk ke template blog Anda: Template > Edit HTML:

  1. Kode CSS dipasang di atas kode ]]></b:skin>. Bisa juga di atas kode </head> namun harus diawali dengan aba-aba <style> dan ditutup dengan kode </style>
  2. Kode HTML dipasang di bawah aba-aba </header> atau sesudah aba-aba header blog.
  3. Kode JavaScript dipasang di atas kode </body>
Ketiga aba-aba navigasi hidangan responsive dropdown ini sanggup Anda dapatkan di CodePen.

Untuk aba-aba JS, Anda tambahkan aba-aba <script type='text/javascript'>//<![CDATA[ di awal dan aba-aba //]]></script>

di selesai kode.


Demikian Cara Membuat Navigasi Menu Responsive Dropdown + Submenu dengan Logo di Blog Anda. Good Luck & Happy Blogging! (www.idtutorial.com).*

Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours