Cara membuat menu berdasarkan label pada awalnya say pikir menyusahkan, karena saya pikir kita di haruskan membuat suatu halaman khusus untuk membuat tampilannya, dan setelah saya cari di internet saya menemukan cara membuat menu tab blogger berdasarkan label dengan mudah.
Caranya sangat simple dan tak perlu membuat halaman baru agar artikel berurutan sesuai label. Dengan kita mengurutkan artikelnya berdasarkan label akan membuat blog kita lebih rapih dan tersusun untuk mempermudah pengunjung juga.
Perlu diingat sebelum membulai trik membuat menu blog berdasarkan label, artikel anda harus sudah berlebel
Berikut cara membuat navigasi blog berdasarkan label.
1. Buka Blogger > Template > Edit HTML
2. Cari tag menu kalian, untuk mempermudah gunakan CTRL + F. Biasanya menunya berupa tag <ul> dan <li>.
3. Jika sudah ketemu perhatikan kode HTML dibawah
Ini contoh menu biasa
<ul>
<li><a href="#">Blogger</a></li>
<li><a href="#">Website</a></li>
<li><a href="#">HTML</a></li>
</ul>
Tanda # berwarna biru diatas biasanya adalah link
4. kalian ganti tanda # diatas dengan kode di bawah
/search/label/ISI DENGAN NAMA LABEL KALIAN
5. Jika sudah selesai hasilnya akan seperti kode di bawah
<ul>
<li><a href="/search/label/Blogger">Blogger</a></li>
<li><a href="/search/label/Website">Website</a></li>
<li><a href="/search/label/HTML">HTML</a></li>
</ul>
Tulisan berwarna merah anda copy dan tulisan berwarna biru anda ganti dengan nama Label anda
6. Selesai
Dalam membuat menu tab berdasarkan label kita juga dapat mengatur berapa banyak arikel yang ditampilkan dalam satu halaman. Secara default halaman label akan menampilkan 25 artikel setiap label. Itu terlalu banyak bukan?
Karena itu kita bisa mengatur banyaknya artikel yang ditampilkan dalam 1 halaman label.
Berikut cara mengatur banyaknya artikel dalam label.
1. Kita hanya perlu menambahkan kode dibawah pada menu label
?max-results=5
2. Berikut kode lengkapnya jika sudah di tambahkan pada tag HTML diatas
<ul>
<li><a href="/search/label/Blogger?max-results=9">Blogger</a></li>
<li><a href="/search/label/Website?max-results=9">Website</a></li>
<li><a href="/search/label/HTML?max-results=9">HTML</a></li>
</ul>
Gantilah angka 9 berwarna merah diatas dengan nomor berapapun sesuai keinginan anda.