Berdasarkan pengalaman penulis saat akan membuat blog bagaimana menyusun artikel akan segera diterbitkan mempunyai sebuah brangkas alias menu dimana tata letak tampilan artikel menjadi rapi dan disesuaikan dengan kategorinya. Setelah kasak kusuk kesana kemari dengan mengikuti arahan arahan blogger ternama yakni mencoba mengutak atik kode html yang awal penulis pikir sangatlah sulit dan mengingat tidak mempunyai kemampuan dasar ilmu IT atau jebolan ilmu komputer ternyata boleh dibilang sangat mudah.
Terbukti, dengan belajar dan mengaplikasikan apa yang diinfokan bagaimana cara membuat menu blog sesuai dengan kategori telah dirampungkan dan menjadi sebuah menu horizontal yang dikelompokkan berdasarkan kategori seperti yang tampil pada blog Difan.Kom ini.
Tanpa panjang lebar berikut tips cara membuat menu blog sesuai menu kategori yang penulis dapatkan dan dibawah ini caranya :
Langkah pertama kali masuk ke situs blogger.com dengan menggunakan alamat email anda lalu masuk ke Tata Letak dan tap tambahkan widget dibawah widget HTML/Javascript (saat akan membuatnya terlebih dahulu setiap artikel sudah disematkan ke dalam label/kategori). Dan untuk membuatnya terlebih dahulu, mari pelajari cara membuat label/kategori diblog seperti dibawah ini.
Terapkan skrip kode dibawah ini untuk ditempatkan kedalam template HTML blog :
<div style="text-align: center;">
<div id="navigation">
<ul>
<li class="selected">
<a href="http://www.seratblog.ga/">Home</a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu" > Nama Menu </a></li>
</ul>
</div>
</div>
<div id="navigation">
<ul>
<li class="selected">
<a href="http://www.seratblog.ga/">Home</a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu" > Nama Menu </a></li>
</ul>
</div>
</div>
Catatan :
- Pada warna oranye ganti alamat URL dengan alamat URL blog anda.
- Pada warna merah ganti nama menu dengan nama label/kategori sesuai selera anda.
Kelihatan sulit yah., tapi gampang banget karena tinggal salin dan edit kembali.
Untuk mengatur jumlah postingan pada label/kategori anda harus memperhatikan bahwa label atau kategori untuk mengelompokkan postingan yang anda tulis dan untuk diterbitkan. Dan perlu diingat bahwa postingan dengan materi ulasan yang sama akan dikelompokkan kedalam satu menu kategori/label.
Bukan juga sebagai pengelompokkan artikel dalam kategori namun untuk menghasilkan link yang umumnya akan dimunculkan dibawah judul artikel atau tepat dibawah postingan. Link label bisa dimunculkan dalam widget, dalam bentuk daftar label maupun berupa Tags Cloud.
Tips Tutorial Blog Dengan Meenampilkan Label Dinamis
Link label juga mampu dijadikan dasar dalam membuat menu blog. Saat label link di klik oleh visitor, maka keseluruhan postingan dalam satu kategori akan dimunculkan semua. Umumnya, label halaman akan memunculkan 30 artikel pada setiap label atau kategori tertentu. Jangan heran ataupun bingung bila loading sebuah blog terasa lama mungkin efek dari tulisan yang panjang dan banyaknya gambar pada suatu postingan.
Tips Blog Membuat Slideshow Gambar Postingan
Untuk mengatur jumlah artikel yang akan dimunculkan pada satu laman pada setiap kategori atau artikel label, pada pengaturan jumlah artikel yang akan dimumculkan pada halaman depan blog coba disesuaikan. Untuk lebih jelasnya dalam menampilkan jumlah postingan berdasarkan label atau kategori untuk dimunculkan pada suatu halaman blog liat langkah dibawah ini.
Anda tinggal menambahkan :
?max-results=5">
- Pada angka 5 kode skrip diatas mengarahkam jumlah postingan dalam 1 label tertentu yang akan dimunculkan pada 1 laman. Edit angka tersebut sesuai jumlah postingan yang ingin ditampilkan.
- Saat anda menerapkan link label sebagai menu blog bisa liat seperti dibawah ini
- Anda tinggal menambahkan
?max-results=5"> Menjadi <a href="http://www.seratblog.ga/search/label/Nama Menu?max-results=5">
<div style="text-align: center;">
<div id="navigation">
<ul>
<li class="selected">
<a href="http://www.seratblog.ga/">Home</a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu?max-results=5" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu?max-results=5" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu?max-results=5" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu?max-results=5" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu?max-results=5" > Nama Menu </a></li>
</ul>
</div>
</div>
<div id="navigation">
<ul>
<li class="selected">
<a href="http://www.seratblog.ga/">Home</a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu?max-results=5" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu?max-results=5" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu?max-results=5" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu?max-results=5" > Nama Menu </a></li>
<li><a href="http://www.seratblog.ga/search/label/Nama Menu?max-results=5" > Nama Menu </a></li>
</ul>
</div>
</div>
Akhirnya selesai sudah cara membuat menu blog sesuai menu kategori yang utuh pada tampilan keseluruhan dalam 1 laman pada Serat Blog.
Anda bisa mengikuti ditas tips cara membuat menu blog sesuai kategori yang akan ditampilkan pada blog anda.
2 komentar
menu blognya simple juga, nanti saya coba buat menu blog seperti ini, makasih ya gan
Ya pak andreas simple dan tidak ribet sebab lebih mengutamakan kenyamanan, o iya terima kasih atas kunjungannya.