Like & Share:
- Like & Share : Jika ini dapat bermanfaat bagi orang lain? Klik tombol bagikan dan beri tahu mereka!
- Comment : Berikan komentar, komentar spam dan tidak relevan tidak akan pernah dipublikasikan!
- Klik Iklan : Terima kasih atas partisipasi Anda yang berharga. Keterlibatan Anda sangat kami hargai!
TokoDaring.Com – Membuat Header Website Yang Efektif Untuk Blogging. Artikel ini untuk mengetahui trend terutama dengan desain pada bagian header situs website. Bagian header adalah bagian dimana terdapat menu.
Table of Contents
Artikel Lainnya:
Membuat Rencana Desain Ulang Website
Berbeda jika harus membuat website dengan cara coding dari awal. Membuat website atau blog menggunakan CMS atau website builder akan menjadi lebih mudah.
Anda tidak perlu waktu lama untuk membuat website, dan lebih cepat untuk menghasilkan uang jika berniat untuk itu.
Selain tidak perlu mengerti teknis pemrograman, anda mungkin dituntut untuk sedikit lebih mampu untuk bagaimana mendesain.
Mengatur tata letak (layout) dan termasuk mengatur atau membuat header website yang orientasinya adalah bagaimana dapat menghasilkan uang dari blog dan website anda.
Membuat header website yang efektif untuk blogging
Teknologi dan desain website saat ini memberi kita lebih banyak kendali atas tampilan situs website. Pada artikel ini kita akan melihat beberapa trend membuat header website yang beragam.
Header multi-level
Secara umum pada situs website biasanya terdapat dua komponen, yaitu logo dan menu navigasi. Karena situs website telah dan terus berkembang dan memberikan lebih banyak informasi dan melakukan tugas yang lebih kompleks.
Pengguna akan sangat diuntungkan dari elemen lain yang dapat disertakan pada desain header.
Misalnya kita dapat memberikan informasi seperti nomor kontak telepon, CTA atau call to action, alamat dan icon media sosial, hingga keranjang belanja atau add to cart icon pada situs website eCommerce.
Secara umum, ketika membuat header website ada beberapa element tambahan yang bisa dimasukan, yaitu:
- Tombol ajakan bertindak (CTA)
- Pencarian atau search
- Keranjang belanja eCommerce
- Icon login, register atau menu akun pengguna
- Hingga pemberitahuan situs website atau promosi
Anda juga dapat menggunakan desain header multi-level. Multi level header biasanya menempatkan dua atau tiga menu diatas yaitu (primary menu, secondary menu dan menu lainnya.
Membuat mega menu
Dalam beberapa tahun terakhir, banyak desainer website memanfaatkan bagian footer sebagai tempat untuk membuat banyak tautan ke beberapa halaman penting.
Maklum karena tersedia space yang luas pada footer, tema website WordPress bahkan menempatkan hingga 4 sampai 5 widget.
Dan semuanya dapat di tautkan ke halaman-halaman yang dianggap penting, misalnya halaman blog dan produk.
Itu merupakan cara yang efektif untuk menghemat ruang pada header, terutama jika anda ingin membuat desain yang minimal.
Kini, bagian menu pada header juga dapat di tempatkan atau tautan ke halaman-halaman yang penting, yitu dengan membuat mega menu.
Pada website eCommerce, mega menu adalah solusi yang tepat karena dapat mengarahkan pengguna langsung ke halaman kategori produk
Makin kesini, desain menu mega juga menjadi jauh lebih, yaitu lebih modern dan bersih serta terorganisir.
Terlebih lagi, mereka akan lebih menyenangkan secara visual untuk dilihat dengan grafis promosi yang disertakan di dalamnya.
Ketika anda membuat header website dengan menempatkan mega menu didalamnya, harap diperhatikan bahwa mega menu sebaiknya jangan lebih dari dua atau tiga level.
Membuat header website menjadi vertikal
Entah kenapa, mata orang-orang yang mengunjungi website secara alami tertarik ke area kiri atas situs website. Inilah sebabnya mengapa logo biasanya ditempatkan pada sudut itu.
Penempatan logo pada bagian kiri atas, tidak lain sebagai pengenalan merek. Biasanya dan yang umum selama ini, menu header dibuat secara horizontal dimulai dari kiri hingga terus ke kanan.
Sejak beberapa tahun belakangan, desainer website mencoba untuk memutar menu navigasi dan menempatkannya pada bagian kiri.
Dimulai dengan logo yang berada diatas, dan menu yang turun kebawah. Ini juga tidak lain sebagai upaya untuk menempatkan merk sebuah bisnis agar semakin kuat karena itu yang akan pertama kali dilihat pengunjung.
Tata letak seperti ini biasanya kurang berfungsi baik untuk situs websit eCommerce yang menjual banyak produk. Tapi untuk website portofolio atau blog, ini merupakan cara yang kreatif dan unik.
Bahkan situ website bisnis seperti restoran dan hotel, event ini juga pilihan yang menurut kami tepat untuk dipertimbangkan.
Ketika anda ingin membuat header website menjadi vertikal seperti ini, harap pertimbangkan untuk membuatnya sticky, atau tetap ketika pengguna melakukan scroll pada halaman.
Dan juga, bahwa tata letak menu vertikal ini tidak responsif pada tampilan layar yang lebih kecil. Anda harus mengubahnya menjadi menu hamburger untuk layar yang lebih kecil.
Membuat header website menjadi sticky
Header website sticky bukanlah desain yang baru muncul belakangan. Ini merupakan desain yang sudah muncul lama dan bisa dibilang sebagai teknologi lama.
Tapi bagaimanapun menu header sticky merupakan cara yang efektif untuk membuat pengunjung anda tinggal lebih lama.
Bahkan bagi blog yang rajin untuk menghasilkan uang online, menu header sticky adalah salah satu cara untuk memaksimalkan penghasilan uang dari adsense.
Membuat header website sticky juga tidak sulit, artikel kategori coding for fun ini menerangkan cara membuat menu sticky di website.
Membuat header website transparan
Kira-kira seperti ini tampilan menu header transparan yang kami maksud :
Jika anda menginginkan tampilan website menjadi elegan, ini adalah cara yang paling masuk akal.
Membuat header website transparan berarti anda memiliki gambar atau video yang dijadikan hero hingga ke atas.
Tipe menu header transparan ini, cocok untuk desain website yang ingin mengedepankan teknologi, atau tentang alam sama sekali.
Artikel terkait :