Banyak sekali cara untuk membuat penampilan blog menjadi menarik dan elegan, salah satunya dengan memberikan menu tab pada blog. Membuat menu tab sederhana pada blog memang sangat memudahkan pengunjung blog untuk mengetahui dan memilih postingan / artikel berdasarkan kategori yang telah ditentukan. Selain itu menu tab juga menjauhkan kesan monoton pada blog kita. Bisa dibayangkan bila blog kita tidak mempunyai menu, rasa rasanya ada yang kurang. Penggunaan menu tab ini sangat dianjurkan bila postingan yang ingin kita terbitkan menjadi satu kelompok menu di dalam kategori tertentu. Berikut ada sebuah tips sederhana tentang cara membuat menu di blog (blogspot). Dalam membuat menu ini, kita tidak menggunakan menu template / edit HTML langsung pada template, namun kita memanfaatkan halaman / laman yang sudah tersedia di dasbor blogger.
1. Login ke BLOGGER kemudaian ke DASBOR blogger.
2. Pada pilihan menu di DASBOR pilih menu LAMAN. Maka akan muncul seperti pada gambar dibawah ini,
3. Kemudian klik LAMAN BARU, laman baru ini berfungsi untuk menambahkan menu tab berupa postingan, label atau posting yang ada didalam blog. Pada menu ALAMAT WEB ( dibawah LAMAN KOSONG) adalah cara membuat menu di blog dengan menambah url / link langsung baik url dalam blog maupun url lain (bukan url blog), tanpa memasukkan posting atau label.
4. Setelah klik LAMAN BARU, kemudian isi judul LAMAN, dalam mengisi judul itu terserah kita. Sebagai contoh saya menggunakan Judul KATEGORI seperti pada gambar dibawah ini :
4. Klik HTML, kemudian COPY kode berikut dan PASTE kan pada halaman HTML tersebut.
<div id="tabshori">
<ul>
<li><a href="http://berbagiinfo4u.blogspot.com/search/label/Berita">Berita</a></li>
<li><a href="http://berbagiinfo4u.blogspot.com/search/label/Komputer">Komputer</a></li>
<li><a href="http://berbagiinfo4u.blogspot.com/search/label/Otomotif">Otomotif</a></li>
<li><a href="http://berbagiinfo4u.blogspot.com/search/label/Info%20Ponsel">Info Ponsel</a></li>
<li><a href="http://berbagiinfo4u.blogspot.com/search/label/Buku%20Terbaru">Buku Terbaru</a></li>
</ul>
</div>
5. Ganti code warna merah dengan link / Url label pada blog Anda. Jika sudah selesai silahkan klik PUBLIKASIKAN, untuk menghindari kesalahan silahkan dilihat dulu pada Menu PRATINJAU.
6. Anda dapat menambahkan 6 - 7 menu sekaligus pada blog. Jika ingin cara yang instan cukup masukkan ALAMAT WEB pada LAMAN MENU. Selanjutnya tinggal isikan URL LABEL pada masing masing Menu Tab tadi.
Demikian sedikit tips sederhana tentang cara membuat menu di blog, dikatakan sederhana karena cara ini hanya memanfaatkan menu LAMAN yang sudah tersedia di Dasbor Blogger. Jika ingin mengetahui fungsi dan definisi label pada blog, silahkan baca artikel tentang fungsi label.
1. Login ke BLOGGER kemudaian ke DASBOR blogger.
2. Pada pilihan menu di DASBOR pilih menu LAMAN. Maka akan muncul seperti pada gambar dibawah ini,
3. Kemudian klik LAMAN BARU, laman baru ini berfungsi untuk menambahkan menu tab berupa postingan, label atau posting yang ada didalam blog. Pada menu ALAMAT WEB ( dibawah LAMAN KOSONG) adalah cara membuat menu di blog dengan menambah url / link langsung baik url dalam blog maupun url lain (bukan url blog), tanpa memasukkan posting atau label.
4. Setelah klik LAMAN BARU, kemudian isi judul LAMAN, dalam mengisi judul itu terserah kita. Sebagai contoh saya menggunakan Judul KATEGORI seperti pada gambar dibawah ini :
4. Klik HTML, kemudian COPY kode berikut dan PASTE kan pada halaman HTML tersebut.
<div id="tabshori">
<ul>
<li><a href="http://berbagiinfo4u.blogspot.com/search/label/Berita">Berita</a></li>
<li><a href="http://berbagiinfo4u.blogspot.com/search/label/Komputer">Komputer</a></li>
<li><a href="http://berbagiinfo4u.blogspot.com/search/label/Otomotif">Otomotif</a></li>
<li><a href="http://berbagiinfo4u.blogspot.com/search/label/Info%20Ponsel">Info Ponsel</a></li>
<li><a href="http://berbagiinfo4u.blogspot.com/search/label/Buku%20Terbaru">Buku Terbaru</a></li>
</ul>
</div>
5. Ganti code warna merah dengan link / Url label pada blog Anda. Jika sudah selesai silahkan klik PUBLIKASIKAN, untuk menghindari kesalahan silahkan dilihat dulu pada Menu PRATINJAU.
6. Anda dapat menambahkan 6 - 7 menu sekaligus pada blog. Jika ingin cara yang instan cukup masukkan ALAMAT WEB pada LAMAN MENU. Selanjutnya tinggal isikan URL LABEL pada masing masing Menu Tab tadi.
Demikian sedikit tips sederhana tentang cara membuat menu di blog, dikatakan sederhana karena cara ini hanya memanfaatkan menu LAMAN yang sudah tersedia di Dasbor Blogger. Jika ingin mengetahui fungsi dan definisi label pada blog, silahkan baca artikel tentang fungsi label.
CONTOH MENU TAB DI BLOG :
thanks infonya..
BalasHapusSama-sama Luluk ^^
BalasHapusternyata simpel terimakasih gan atas infonya :)
BalasHapusterima kasih tutorial nya sob
BalasHapusterimakasih sharing'a, saya coba dulu dah ....
BalasHapusblog walking
artpoe studio
Dengan membuat sub menu pada laman, apakah loading blog jadi berat gan ?
BalasHapusBro, caranya kalo pas klik menu itu bisa muncul 2 pos atau lebih gimana, ditunggu balasannya
BalasHapusSeputaran : tidak masalah
BalasHapusDimas : Bisa diperjelas ? mf saya kurang faham
Kagak bisa di blok gan, gmn sih ?
BalasHapustolong bantuannya blog saya berat mas, gimana caranya biar jadi ringan ya?
BalasHapusHuuuu itu kok ga bisa di copy ya ,,
BalasHapuspelit info nih agannya ,,
Sepatu : Mungkin CSSnya perlu dikompres, atau cari tema / template yang responsiv & ringan
BalasHapusMiftahul : Ini karena banyak COPASER yang tidak mau menyebutkan sumber tulisan yang dicopy dari blog ini, harap maklum :). Jika ingin mencontoh, silahkan dengan narasi sendiri.
“Wah.. tips dari Anda ini sangat jitu dan bermanfaat Mas, nanti akan saya coba praktekkan langsung. O iya Mas, karena tertarik, saya juga sekaligus sudah menjadi pengikut blog Mas ini. Dan sangat senang sekali jika Mas juga mau menjadi pengikut blog saya. Sebelumnya, saya ucapkan terima kasih ya Mas...” http://trueblue-chelseafans.blogspot.com/
BalasHapusTerima kasih :)
HapusLUMAYAN BRAYYY
BalasHapushancur browww blogku hehehehhhehee gak bisa html mumet dikepala kunjung2 ya http://cholsproduction.blogspot.com/
BalasHapusSetiap blogger paling tidak harus mengetahui dasar dasar HTML, agar bisa mengubah sesuaikan tampilan blog. Tetap semangat belajar ! :)
Hapuswah keren artikelnya gan
BalasHapusBermanfaat banget
ditunggu artikel selanjutnya..
makasih infonya..
BalasHapusIh berguna banget ya, sayang gabisa dicopas CODE nya. Pelit banget jadi orang :-? =D>
BalasHapusWakwaw.. :)) :))
bukannya pelit, tapi hampir semua copaser mengambil tulisan dr blog ini tanpa menyertakan link sumber blog berbagiinfo4u. Itu artinya hanya "mau enaknya" saja, tanpa menghargai karya orang lain. Harap maklum :)
Hapusterimakasih banyak atas petunjuknya....
BalasHapusudah dicoba berkali kali tapi kok ga bisa ya? malah tiap liat pratinjau gak keluar postingannya
BalasHapusinfo yg mantap,akan saya coba gan...thanks...
BalasHapussangat bermanfaat
BalasHapuswah infonya lumayan bagus nich,taoi sayang gan gak bisa di copas.jadi kecwa dech
BalasHapus