Buat Widget Label Drop-down di Blogger
Widget Blogger Label hanya menampilkan label sebagai "Daftar Tidak Berurutan" atau "Cloud". Seperti di WordPress, tidak ada opsi untuk menampilkan label / kategori sebagai menu tarik-turun. Saat menampilkan widget Label Blogger sebagai menu Drop down memang akan menggunakan lebih sedikit ruang di blog Anda dan itu juga membuat template Anda terlihat pintar. Jika Anda benar-benar tertarik untuk mengubah widget Label yang ada menjadi menu tarik-turun, ikuti langkah-langkah yang diberikan di bawah ini.
Catatan : Pertama-tama pastikan Anda telah menambahkan widget label ke blog Anda.
1. Pergi ke halaman "Edit HTML" di blog Anda.
2. Temukan kode untuk widget label Anda. Ini akan terlihat seperti ini:
3. Sekarang cari kode ini:
<b: if cond = 'data: display == & quot; daftar & quot;'> <ul> <b: nilai loop = 'data: label' var = 'label'> <li> <b: if cond = 'data: blog.url == data: label.url'> <span expr: dir = 'data: blog.languageDirection'> <data: label.name/> </span> <b: else /> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data: label.name/> </a> </ b: jika> <b: if cond = 'data: showFreqNumbers'> <span dir = 'ltr'> (<data: label.count />) </span> </ b: jika> </li> </ b: lingkaran> </ul> <b: else /> <b: nilai loop = 'data: label' var = 'label'> <span expr: class = '& quot; ukuran label ukuran label- & quot; + data: label.cssSize '> <b: if cond = 'data: blog.url == data: label.url'> <span expr: dir = 'data: blog.languageDirection'> <data: label.name/> </span> <b: else /> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data: label.name/> </a> </ b: jika> <b: if cond = 'data: showFreqNumbers'> <span class = 'label-count' dir = 'ltr'> (<data: label.count />) </span> </ b: jika> </span> </ b: lingkaran> </ b: jika>
4. Ganti kode di atas dengan kode di bawah ini:
<pilih onchange = 'location = this.options [this.selectedIndex] .value;' style = 'width: 100%'> <option> Jelajahi Berdasarkan kategori </option> <b: nilai loop = 'data: label' var = 'label'> <option expr: value = 'data: label.url'> <data: label.name/> (<data: label.count />) </option> </ b: lingkaran> </select>
Catatan : Anda dapat menggunakan nama apa saja alih-alih "Jelajahi berdasarkan kategori".
5. Simpan Template Anda dan segarkan situs Anda. Hasil akhir akan terlihat seperti ini:
F
0 komentar:
Posting Komentar