Pembuatan menu diblogspot ~ Yopi Andika Putra

Cara Membuat Tab Menu Bar dengan Mudah di Blogger

Memutuskan untuk belajar cara membuat menu di blog adalah pilihan yang tepat. Pasalnya, blog tanpa menu bar seperti sayur tanpa garam. Hambar.

Pentingnya membuat menu di blog erat kaitannya dengan kemudahan navigasi dalam sebuah blog.

Blog yang tidak memiliki menu bukan artinya tidak bagus atau tidak keren. Sah-sah saja.

Tapi, dengan menambahkan menu di blog, pembaca akan lebih mudah untuk mengetahui tentang blog apa yang sedang mereka (pembaca) kunjungi.

Seperti pada umumnya, menu di blog menampilan Laman (page), Kategori, Post atau link dari blog lain yang biasanya posisinya beragam.

Ada menu di blog berada di bawah header blog, di samping header blog, di footer blog dan tempat lainnya.

Sebenarnya ada banyak cara membuat menu di blog. Dari yang mudah tanpa edit HTML, sampai yang harus berhadapan dengan HTML.

Jangan takut dulu.…..

Semuanya akan Pangeran pandu semudah mungkin untuk bisa dipahami.

NOTE : Baca dengan teliti dan terapkan dengan cermat. Selamat belajar.

Cara Membuat Menu di Blog (Blogger/Blogspot) untuk Pemula

Seperti yang sudah Pangeran janjikan di awal tadi. Ada banyak cara membuat menu bar di blog.

Supaya kalian tidak bingung, Pangeran coba memisahkan setiap panduan yang akan kalian pelajari dari yang mudah sampai yang sedikit rumit.

Pastikan sudah Login ke Blogger.com > Pilih Blog yang ingin ditambahkan pada menu blog
Klik Tata Letak > Tambahkan Gadget tepat di bawah posisi header seperti gambar
Scroll ke bawah dan Klik + pada Laman (lihat kotak merah di gambar)
Untuk menambahkan Laman pada menu, silakan ceklist Laman (page) apa saja yang ingin kalian tampilkan. Untuk mengubah posisi, klik tahan dan geser ke atas atau ke bawah. Jika sudah, klik Simpan (Save).
Untuk memastikan sudah berhasil atau belum, coba buka atau refresh kembali blog kalian. Jika benar, hasilnya akan seperti contoh di bawah ini (lihat kotak merah) :
Untuk mengubah warna background, warna teks, garis batas tab menu, pembeda warna tab menu yang sedang diklik, dll. Caranya : Klik Tema (Theme) > Sesuaikan :
Selanjutnya klik Lanjutan > Teks Tab dan silakan sesuaikan warna teks, font teks, dan warna teks yang dipilih.
Lanjutkan klik Latar Tab. Ini kelanjutan panduan no 7. Sekarang, kalian bisa mengubah warna latar atau background dari tab dan warna yang dipilih (warna yg diklik). Jika sudah, klik Terapkan di Blog
Selesai…

Login ke Blogger.com
Klik Postingan (di bagian menu sebelah kiri atas). Arahkan kursor pada postingan dimasukkan ke menu blog dengan caranya : klik Kanan pada teks Lihat (View) dan pilih Copy link Adress
Pada menu di kiri, klik Tata Letak. Lanjutkan klik Edit pada gadget Laman seperti gambar di kotak merah :
Untuk menambahkan link postingan di menu blog, klik Tambahkan tautan eksternal.
Isi Judul Laman dan Pastekan link postingan tadi di kotak Alamat web (URL). Jika sudah, klik Simpan tautan > Simpan.
Selesai…

Login ke Blogger.com
Buka (akses) blog kalian dan silakan menuju gadget Label (jika belum ada, tambahkan gadget Label dengan cara : Klik Tata Letak > Tambahkan gadget > + Label > Save).
cara membuat menu tab sesuai label
Untuk membuat menu tab sesuai label, copy link label dengan cara arahkan kursor pada label yang dipilih dan klik kanan pada mouse, lalu klik Copy Link Adress (browser chrome). Lihat gambar di atas.
Pada menu di kiri, klik Tata Letak. Lanjutkan klik Edit pada gadget Laman seperti gambar di kotak merah.
Untuk menambahkan link postingan di menu blog, klik Tambahkan tautan eksternal.
Isi Judul Laman dan Pastekan link postingan tadi di kotak Alamat web (URL). Jika sudah, klik Simpan tautan.
Jika sudah, klik Simpan.
Selesai…

Login ke Blogger.com
Klik Tema (Theme) > Edit HTML seperti gambar berikut :
Klik kursor pada kotak Edit HTML > Tekan CTRL + F pada keyboard > Masukkan kode pada kotak pencarian dan klik Enter. Jika benar, hasilnya seperti ini :
Setelah ketemu, pastekan kode di bawah ini tepat di bawah kode
Sebelum menyimpan, kalian bisa klik DEMO untuk melihat hasilnya. Jika sudah yakin, klik Simpan tema (Save Theme) dan silakan lihat hasilnya di blog kalian.