Tutorial membuat Menu Navigasi di Blog – Salam buat sahabat punakawanku, postingan saya kali ini akan membahas tentang Cara mudah membuat menu navigasi di blog. Apa itu Menu Navigasi? Menu navigasi merupakan bagian penting yang harus ada di blog sahabat semua, saking pentingnya biasanya Menu navigasi ini akan di letakkan tepat di bawah Header Blog. Contohnya seperti gambar ini :
Sebenarnya apa aja sih fungsi dari Menu Navigasi ini? Kalau untuk fungsi jangan ditanyakan lagi, Menu Navigasi ini akan sangat membantu pengunjung blog untuk lebih tau lebih banyak lagi tentang artikel yang ada pada blog kita. Biasanya pada menu Navigasi ini berisi link yang menuju halaman posting, halaman statis, halaman label maupun ke web lain.
Untuk Menu Navigasi yang saya pasang memang sengaja saya kasih menu About, Sitemap, Contact Us, Privacy Policy, dan Disclimer. Untuk memudahkan pengunjung melihat semua isi postingan di Blog, Pengunjung cukup menekan Menu Sitemap.
Untuk para blogger pemula seperti saya ini, kebanyakan berfikiran kalau membuat Menu Navigasi itu sedikit lebih sulit. Akan tetapi, dengan Tutorial Mebuat Menu Navigasi yang saya berikan ini semoga saja lebih mudah dari yang selama ini kita bayangkan.
Cara kali ini kita tidak perlu melakukan editing pada HTML. Jadi bagi blogger pemula yang belum mengetahui Cara Editing HTML yang memang membutuhkan ketelitian, cara kali ini cukup dengan menambahkan widget HTML/Javascript di bagian tata letak blog.
Baca juga : Cara Membuat Sitemap/Daftar isi di Blog
Cara Membuat Menu Navigasi Untuk Blog
Langsung saja ke langkah-langkah Tutorial Membuat Menu Navigasi di Blog :
- Silahkan masuk ke Dashboard Blogger anda.
- Pilih Layout atau Tata Letak
- Pilih Tambahkan Gadget
- Silahkan cari HTML/Javascript ,jika sudah ketemu klik untuk menambahkan. sehingga akan muncul seperti ini :
Biarkan judul kosong, untuk konten silahkan copy kode Menu Navigasi di bawah ini :
<style>
#tab_menu {
background:url(
http://3.bp.blogspot.com/-OycpSljNY-E/UbidzWvOk4I/AAAAAAAACYs/lGxPWmjfzlA/s1600/menu_bg.png) no-repeat; height:50px;
width:
960px; line-height:50px;
list-style:none;
margin-top:10px;
font-size:14px;
font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
overflow:hidden;
}
#tab_menu li {
float:left;
border-right:1px solid #FFA722;
border-left:1px solid #CC5200;
}
#tab_menu li:first-child {
border-left:none;
}
#tab_menu li:last-child {
border-right:none;
}
#tab_menu li a{
text-decoration:none;
float:left;
display:block;
height:50px;
padding:0 20px;
color:#FFF;
}
#tab_menu li a.current, #tab_menu li a:hover, #tab_menu li a.tool:hover {
color:#622900;
text-shadow:1px 1px 0px #E8964B;
}
#tab_menu li a.tool{
color:#000;
text-shadow:1px 1px 0px #E8964B;
}
</style>
<ul id=’tab_menu’>
<li ><a href=’#’>Home</a></li>
<li ><a href=’#’>Sitemap</a></li>
<li ><a href=’#’>Contact Us</a></li>
<li ><a href=’#’>Privaci Policy</a></li>
<li ><a href=’#’>Disclaimer</a></li>
</ul>
Untuk Tulisan yang berwarna Biru di atas merupakan kode untuk warna menu Navigasi blog. Sedangkan tanda #, silahkan di ganti dengan URL halaman tujuan anda.
Setelah selesai silahkan klik SIMPAN.
Jika anda tidak suka dengan warna Menu Navigasi Biru seperti di Blog Punakawanku, di bawah ini saya berikan kode warna agar anda bisa memilih warna Menu Navigasi sesuai selera. Caranya cukup mudah, silahkan ganti kode yang berwarna Biru di atas dengan kode warna di bawah ini :
http://3.bp.blogspot.com/-f3ORap0IbMI/UcQLTr-sN1I/AAAAAAAACjA/lLak8xIEoxA/s1600/menu_bg_1.png
http://1.bp.blogspot.com/-_P9c5moKK7o/UcQLUc9rF1I/AAAAAAAACjU/anVA6KuWp9U/s1600/menu_bg_3.png
http://3.bp.blogspot.com/-4ccU3i0MrDs/UcQLVRHIlqI/AAAAAAAACjw/XnIWQ_dTVuc/s1600/menu_bg_6.png
http://3.bp.blogspot.com/-eKVpgd7fjkA/UcQLUgO_EAI/AAAAAAAACjY/NfsBYjPXyhQ/s1600/menu_bg_5.png
http://3.bp.blogspot.com/-I5ddZuLgrJw/UcQLTjhTmAI/AAAAAAAACjI/Yb3yhgPRIBI/s1600/menu_bg_2.png
Sangat mudahkan!hehehehe. sekarang di Blog anda sudah terpasang Menu Navigasi, semoga pengujung blog sobat bisa lebih mudah dalam mengetahui semua Isi blog sobat.
Sekian Tutorial Membuat Menu Navigasi di Blog dari saya. Semoga bermanfaat untuk sobat. Silahkan tinggalkan komentar sobat jika artikel ini membantu. Sampai jumpa di postingan berikutnya:)
Pencarian Populer:
cara membuat navigasi blogger keren,
cara membuat navigasi keren di blogRekomendasi:
- Membuat dan Memasang Script Iklan Banner di Blog Memasang Script Iklan Banner di Blog - Anda blogger pemula pasti pernah melihat sebuah kotak gambar yang terdapat di blog-blog tetangga. Biasannya kotak gambar tersebut berisi tulisan space iklan atau ada…
- Cara Menyisipkan Kotak di dalam Posting Blog yang berisikan… Cara menyisipkan Kotak di dalam Posting blog yang berisikan kode HTML, javascript, dan CSS - Dalam dunia blogging, banyak artikel yang nantinya akan kita posting di blog. Mulai yang berniche…
- Cara Merawat Trafik Blog Agar Tidak Turun Merawat Traffik Blog Agar Tidak Turun - Jangan anggap bahwa blog hanyalah sebuah benda mati yang tidak membutuhkan perawatan. Bisa dikatakan bahwa merawat blog lebih sulit dibandingkan merawat hewan peliharaan.…
- Mengenal Fungsi Tombol Icon Pada Editor Posting di Blogspot Memulai Membuat Artikel di Blog - Dari artikel sebelumnya tentang Cara membuat blog baru di blogspot untuk pemula. Artikel yang saya bagikan kali ini yaitu tentang fungsi tombol icon pada…
- Cara Memasang Fanspage Facebook di Blog dengan HTML… Cara Termudah Memasang Fans Page Facebook di Blog - Salam salam salam sahabat punakawanku. Kembali lagi dengan artikel saya tentang Cara termudah memasang Fans Page Facebook di blog. Sebenernya apa…
- Cara Menampilkan Iklan Ditengah Artikel 100% Tayang Cara Menampilkan Iklan Ditengah Artikel - Ada banyak cara dalam meningkatkan penghasilan dari adsense, salah satunnya adalah penempatan iklan. Letak penempatan iklan di blog sangat berpengaruh besar terhadap pendapatan anda. Cara…
- Cara mengetahui URL Gambar dan Memasangnya pada Blog Satu lagi tips blogger dari saya, yaitu bagaimana memasang gambar pada blog. INGAT YA,pada blog, bukan pada postingan. Manfaatnya dari memasang gambar ini yaitu, kita bisa memasang ruang iklan/advertising pada…
- Pengertian dan Kegunaan Tools Parse HTML atau HTML Converter Pengertian dan Kegunaan Tools Parse HTML - Pernah dengan kata PARSE kan? kalau anda seorang blogger pasti pernah mendengar kata Parse bahkan pernah melakukan parse kode html. Dikalangan blogger memparse Html…
- Manfaat Sering Update Artikel di Blog Setiap Hari Minimal… Manfaat Sering Update Artikel di Blog - Pada pembahasan sebelumnya saya pernah membuat artikel tentang dampak buruk akibat jarang update artikel dengan tujuan agar saya dan pembaca blog punakawanku kembali…
- Blogwalking ? Arti dan Cara Blogwalking yang efektif Blogwalking adalah suatu aktivitas di mana kita mengunjungi blog-blog lainnya dalam rangka menjalin silaturahmi antar blogger. Nah untuk menarik pengunjung biasanya para blogger melakukan aktivitas blogwalking. Jadi singkatnya blogwalking adalah…
- Rindu Nulis Saat Menunggu Approve Google Adsense Rindu Nulis - Google adsense oh google adsense, kapan kau beri keputusan?... Bagi teman-teman blogger, google adsense merupakan sesuatu yang didambakan agar blog yang dikelola bisa menghasilkan uang. Sehingga bukan…
- Menulis Hanya Butuh Kemauan Dan Lakukan Menulis - Banyak orang yang beranggapan bahwa menulis itu pekerjaan yang susah. Kebanyakan mereka bingung harus mengawali tulisan dengan kalimat yang bagaimana dan seperti apa. Seolah semakin dipikir semakin macet dan…
- Cara Menggunakan Longtail Keyword Untuk Mengejar Pageone Cara menggunakan longtail keyword - Memiliki artikel yang selalu pageone merupakan hal yang di idamkan bagi para blogger. Demi mendapatkan pageone google para blogger berlomba-lomba mulai dari meningkatkan SEO blog, sampai…
- Cara Cek Kepadatan Kata Kunci Menggunakan Keyword Density Cara cek kepadatan kata kunci menggunakan keyword density - Menempatkan kata kunci serta menyebarkan kata kunci keseluruh bagian artikel merupakan tehnik SEO yang sering digunakan agar artikel cepat terindeks oleh google.…
- 6 Langkah Mudah Membuat Blog Gratis Di Wordpress Sebelum anda memulai untuk terjun ke dunia Blogging, tentu anda harus tahu pengertian blog itu sendiri. Apa itu Blog? Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang…
- Curhatan Seorang Blogger Blog, blog dan blog. Ketika kita sudah memutuskan untuk terjun dalam dunia blogging, tentu butuh totalitas yang luar biasa. Kenapa saya bilang totalitas yang luar biasa? Bagi kita para blogger…
- Manfaat dan Keuntungan Menjadi Seorang Blogger Manfaat dan keuntungan menjadi seorang blogger - Sebenarnya ngapain sih ada orang yang sok jadi penulis blog dan menyebut dirinya seorang blogger? Saya pernah mendapatkan pertanyaan demikian dari salah satu teman.…
- 5 Hal Yang Harus Disiapkan Sebelum Membangun Blog 5 hal yang harus disiapkan sebelum membangun blog - Blogger merupakan sebutan umum bagi mereka yang memiliki hobi didunia blogging. Entah itu orang dewasa maupun anak muda, sebutannya tetap sama yaitu…
- Tips Memilih Topik Blog Yang Menarik Banyak Pengunjung Tips Memilih Topik Blog Yang Menarik - Hal pertama yang harus dilakukan oleh seorang blogger jika ingin serius menyalurkan bakatnya didunia blog adalah topik blog. Pemilihan topik yang tepat dapat berpengaruh…
- Penyebab Loading Blog Sangat Lambat Penyebab Loading Blog Sangat Lambat - Salah satu cara untuk meningkatkan kenyamanan pengguna adalah dengan loading blog yang cepat. Pengguna sangat merasa nyaman dengan kecepatan loading blog, saya pribadi jika ingin…
- Pengertian dari Domain Authority dan Page Authority atau DA… Pengertian dari Domain Authority dan Page Authority - Dalam dunia blogging, banyak sekali istilah SEO yang harus anda pahami dan terapkan untuk blog anda. SEO bukan hanya sekedar mengacu pada seo…
- Mengenali Fungsi Fetch As Dan Render Pada Webmaster Tools Fungsi Fetch As Dan Render Pada Webmaster Tools - Bagi seorang blogger hal yang paling penting ialah indeks dari google. Sehingga hal pertama kali yang dilakukan setelah kita membuat blog…
- Membuat Paragraf menjorok kedalam pada Blog Hal yang harus diketahui oleh para Blogger pemula selain membuat artikel yang menarik, kerapian sebuah artikel bisa di bilang cukup penting dalam menjaga kenyamanan pengunjung saat membaca artikel pada blog…
- Cara Agar Judul Postingan Artikel Muncul di Pencarian Google… Cara Agar Judul Postingan Artikel Muncul di Pencarian Google - Adakah seorang blogger yang menulis secara percuma? yang saya maksud percuma disini adalah tulisan anda tidak di indeks oleh google. Sehingga…
- Alasan Mengapa Anda Harus Memilih Wordpress Dari Pada Yang… Alasan Mengapa Anda Harus Memilih Wordpress - selain platform Blogger, mungkin banyak diantara kita yang lebih memilih menggunakan plaatform wordpress sebagai platform website. Tapi tidak banyak yang tahu faktor utama mengapa…
PUNAKAWANKU Berbagi Informasi yang Menginspirasi
ane keep dulu gan, siapa tau someday mau maen blogspot lagi, thank you broo…
ijin nyoba dulu min
ijin coba gan
buat yang make blogspot ini tutorial pasti menambah banyak pilihan untuk menu. keep posting gan.
NOTED! Saya simpan isi postingan ini. Spatau besok2 mau ganti navigasi di blog hehe
mantap mas afiffff,,,, lanjutkan!!!
Masih belum paham. Coba disertai contoh gambar
cara atur halaman sitemap disclaimer dan lainya di bawah artikel gimana gan? saya belum paham atur nya