Trik ini dapat diterapkan pada template bawaan sederhana yang lebih lama jika Anda tidak ingin membuat menu navigasi dengan memanfaatkan widget halaman yang monoton. Sudah barang tentu jelas sekali template blog harus di modifikasi agar menjadi lebih simpel, responsif dan mobile, caranya sudah pernah di posting pada blog ini, cuma saya lupa kapan he he he...
Saya membuatkan demonya melalui CodePen karena melalui cara ini lebih praktis dan simpel untuk menerapkannya Anda cukup mengkopi dan mempastekan kode kodenya.
Perhatikan Demo Codepen yang telah saya buat berikut:
See the Pen Navigasi menu sederhana by Sufyan Yaan (@sufyan-yaan) on CodePen.
Untuk menerapkannya:
- Klik tombol 'HTML' lalu copy kode di dalamnya dan pastekan ke bagian HTML di halaman editor HTML blog, biasanya di bagian bawah tag penutup </head> atau di bawah tag <body>
- Klik tombol 'CSS' lalu copy kode di dalamnya dan pastekan ke bagian HTML blog, biasanya di atas kode ]]></b:skin> atau di atas kode </style>
- Klik tombol 'JS' (Javascript) lalu copy kode di dalamnya dan pastekan ke bagian HTML blog, biasanya di bagian atas tag penutup </body>
- Klik tombol 'Result' untuk melihat hasilnya.
Adelina Sofyan
contributor biasanya hanya menulis artikel pendek