Label Widget Dengan Drop Down Menu


Cara buatkan versi label widget dengan drop-down menu — bila klik, senarai label akan turun perlahan. Ini sesuai kalau sidebar blog nak nampak kemas tapi tetap mudah pilih label.


1. Versi drop-down label widget yang bila pilih label, dia akan buka tab baru.

<!-- Widget Label Drop-Down #JMBELOG -->
<style>
  .jmbelog-dropdown {
    font-family: 'Poppins', sans-serif;
    background: #f0f8ff;
    border-radius: 12px;
    padding: 16px 20px;
    max-width: 280px;
    box-shadow: 0 4px 15px rgba(11,67,92,0.1);
  }
  .jmbelog-dropdown h3 {
    font-family: 'Merriweather', serif;
    font-size: 18px;
    margin-bottom: 8px;
    color: #064860;
  }
  .jmbelog-select {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #bfe3ff;
    font-size: 14px;
    background: white;
    color: #064860;
    cursor: pointer;
  }
  .jmbelog-select:hover {
    border-color: #1a85ff;
  }
</style>


<div class="jmbelog-dropdown">
  <h3>Pilih Label</h3>
  <select class="jmbelog-select" onchange="if(this.value) window.open(this.value, '_blank')">
    <option value="">-- Pilih --</option>
    <option value="/search/label/Monolog%20Jiwa">Monolog Jiwa</option>
    <option value="/search/label/Monolog%20Pagi%20Khamis">Monolog Pagi Khamis</option>
    <option value="/search/label/Monolog%20Khas%20Jumaat">Monolog Khas Jumaat</option>
    <option value="/search/label/Ucapan%20Jiwa">Ucapan Jiwa</option>
    <option value="/search/label/Refleksi">Refleksi</option>
    <option value="/search/label/Puisi%20Jiwa">Puisi Jiwa</option>
    <option value="/search/label/Kehidupan">Kehidupan</option>
    <option value="/search/label/Keadilan">Keadilan</option>
    <option value="/search/label/Nilai%20Hidup">Nilai Hidup</option>
    <option value="/search/label/Catatan%20Kehidupan">Catatan Kehidupan</option>
  </select>
</div>
2. Versi drop-down label widget yang bila pilih label, dia akan buka dalam halaman yang sama — tak buka tab baru.

<!-- Widget Label Drop-Down #JMBELOG (Halaman Sama) --> <style> .jmbelog-dropdown { font-family: 'Poppins', sans-serif; background: #f0f8ff; border-radius: 12px; padding: 16px 20px; max-width: 280px; box-shadow: 0 4px 15px rgba(11,67,92,0.1); } .jmbelog-dropdown h3 { font-family: 'Merriweather', serif; font-size: 18px; margin-bottom: 8px; color: #064860; } .jmbelog-select { width: 100%; padding: 10px; border-radius: 8px; border: 1px solid #bfe3ff; font-size: 14px; background: white; color: #064860; cursor: pointer; } .jmbelog-select:hover { border-color: #1a85ff; } </style> <div class="jmbelog-dropdown"> <h3>Pilih Label</h3> <select class="jmbelog-select" onchange="if(this.value) window.location.href=this.value"> <option value="">-- Pilih --</option> <option value="/search/label/Monolog%20Jiwa">Monolog Jiwa</option> <option value="/search/label/Monolog%20Pagi%20Khamis">Monolog Pagi Khamis</option> <option value="/search/label/Monolog%20Khas%20Jumaat">Monolog Khas Jumaat</option> <option value="/search/label/Ucapan%20Jiwa">Ucapan Jiwa</option> <option value="/search/label/Refleksi">Refleksi</option> <option value="/search/label/Puisi%20Jiwa">Puisi Jiwa</option> <option value="/search/label/Kehidupan">Kehidupan</option> <option value="/search/label/Keadilan">Keadilan</option> <option value="/search/label/Nilai%20Hidup">Nilai Hidup</option> <option value="/search/label/Catatan%20Kehidupan">Catatan Kehidupan</option> </select> </div>Cara guna:

Salin kod ini.
Blogger → Tata Letak → Tambah Gadget → HTML/JavaScript.
Tampal kod, simpan, dan letakkan di sidebar.
Bila pembaca klik drop-down, label akan buka dalam tab baru.
Selamat mencuba..
Buka tab baru TAB BARU Tak buka tab baru HALAMAN SAMA

Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :

https://belogsjm.blogspot.com/2025/08/label-widget-dengan-drop-down-menu.html

Kempen Promosi dan Iklan
Kami memerlukan jasa baik anda untuk menyokong kempen pengiklanan dalam website kami. Serba sedikit anda telah membantu kami untuk mengekalkan servis percuma aggregating ini kepada semua.

Anda juga boleh memberikan sumbangan anda kepada kami dengan menghubungi kami di sini
Menu Nostalgia Ikan Rebus Air Asam Ringkas Tapi Menggoda Selera

Menu Nostalgia Ikan Rebus Air Asam Ringkas Tapi Menggoda Selera

papar berkaitan - pada 13/8/2025 - jumlah : 443 hits
Ikan rebus air asam lauk kampung yang membangkitkan selera Hidangan ringkas ini terkenal dengan rasanya yang segar dan memikat gabungan ikan yang direbus perlahan hingga lembut bersama air asam yang masam pedas dan sedikit manis Bau harum r...
Makaroni Bakar Cheese Meleleh Menu Sarapan Mewah Kenyang Hingga Tengah Hari

Makaroni Bakar Cheese Meleleh Menu Sarapan Mewah Kenyang Hingga Tengah Hari

papar berkaitan - pada 12/8/2025 - jumlah : 382 hits
Mencari hidangan sarapan yang bukan sahaja lazat tetapi juga memuaskan selera dan tahan lama sampai tengah hari Tidak perlu cari jauh jauh Resipi Makaroni Bakar Cheese Meleleh ini adalah jawapannya Dengan keju cheddar parut yang melimpah da...
Menu Sihat Sesuai Untuk Sarapan Pagi

Menu Sihat Sesuai Untuk Sarapan Pagi

papar berkaitan - pada 16/8/2025 - jumlah : 333 hits
Menu Sihat Sesuai Untuk Sarapan Pagi Korang jangan marah tau akak asyik post pasal makan saja Simpan sini sebagai rujukan akan datang Akak kalau hilang idea memasak memang selalu akan tengok balik entry entry yang lepas tengok gambarpun kad...
Time For Malaysians To Get Used To Gov T Loans Come Down Can Also Mean National Debt Goes Up

Time For Malaysians To Get Used To Gov T Loans Come Down Can Also Mean National Debt Goes Up

papar berkaitan - pada 30/7/2025 - jumlah : 312 hits
SUCH seems to be the mind boggling Economics 101 situation confronting main on the street Malaysians after it was revealed yesterday that the Federal government s debt rose to RM1 3 tril as of end June 2025 up from RM1 25 tril as of end 202...
Under Pressure From Mic To Apologise Dap Rep Vows Not To Back Down

Under Pressure From Mic To Apologise Dap Rep Vows Not To Back Down

papar berkaitan - pada 31/7/2025 - jumlah : 248 hits
DAP assemblyperson M Thulsi claims she has been receiving calls pressuring her to apologise for her remarks about MIC or face a smear campaign aimed not just at her but her family as well It is deeply concerning to witness how far MIC is wi...
Jom Tinjau Menu Bekal Lunch Sa

Jom Tinjau Menu Bekal Lunch Sa

papar berkaitan - pada 12/8/2025 - jumlah : 123 hits
Assalamualaikum Ada yg tunggu SA update bekal Dalam pada xde idea semalam kan yg tanya korang tu sudahnya SA buat lauk udang goreng berlada tapi terlebih experiment SA tambah kari udang adabi satu sudu Lepas tu SA x tau namakan apa tajuk la...
Bistro Kia Peng Bakal Dibuka Dengan Pelbagai Menu Citarasa Malaysia

Bistro Kia Peng Bakal Dibuka Dengan Pelbagai Menu Citarasa Malaysia

papar berkaitan - pada 12/8/2025 - jumlah : 270 hits
Bistro Kia Peng Bakal Dibuka Dengan Pelbagai Menu Citarasa Malaysia Assalamualaikum semua Guyss sis nak share dengan korang satu lokasi best yang bakal dibuka untuk bawa kesayangan makan makan ataupun utuk menyambut sebarang special occasio...
Kafe Era P Ramlee Menu Masakan Melayu Di Rasa Nostra Coffee Kelana Jaya

Kafe Era P Ramlee Menu Masakan Melayu Di Rasa Nostra Coffee Kelana Jaya

papar berkaitan - pada 6/8/2025 - jumlah : 529 hits
Kelana Jaya lama sungguh kak ana tak masuk area Kelana Jaya Banyak pembangunan juga nampaknya selari dengan arus permodenan Namun masih terdapat dereta rumah era 80 90an kelihatan di sekitarnya Begitulah putaran masa berlalu detik demi deti...
Ayam Masak Merah Sayur Goreng Menu Lunch

Ayam Masak Merah Sayur Goreng Menu Lunch

papar berkaitan - pada 27/7/2025 - jumlah : 201 hits
Assalamualaikum Hi korang SA baru sudah masak Masak simple je ni ayam masak meeah dan sayur goreng cukup la untuk tengahari ni Inipun dah buat PZ dan suami makan bertambah SA xde selera makan skit buat alas perut je lauk macam ni best makan...
Blog Manis Strawberi Datang Memberi Kejutan Hari Ini

Serba Bisa Di Satu Aplikasi Intip Semua Kelebihan Brimo Untuk Aktivitas Sehari Hari

Komandan Brimob Diberhentikan Tidak Dengan Hormat Terlibat Insiden Maut Ojek Online

Isham Jalil Cubaan Ban Akaun Tiktok

Rasa Baru Boleh Berangkak

Hiburan Peniaga Bunga Dedah Bapa Dua Beradik Lemas Pinjam Wang Sebelum Tragedi Nak Sambut Birthday

Hidayah Allah Itu Mahal Nilainya

Terung Buat Pc Menangis


echo '';
Info Dan Sinopsis Drama Berepisod Dendam Seorang Madu Slot Tiara Astro Prima

10 Fakta Biodata Amira Othman Yang Digosip Dengan Fattah Amin Penyanyi Lagu Bila Nak Kahwin

5 Tips Macam Mana Nak Ajak Orang Kita Suka Dating Dengan Kita

Info Dan Sinopsis Drama Berepisod Keluarga Itu Slot Lestary TV3

Bolehkah Manusia Transgender Mencapai Klimaks Selepas Bertukar


Jangan Harap Pada Manusia Haraplah Hanya Pada Allah

File 168 Memang Df Singgah Blog Setahun Sekali Eh

Tiket Percuma Di Aquaria Klcc Sempena Hari Jadi

Wanita Ditahan Ugut Khianat Guna Api

Jangan Timbulkan Fitnah

Sabah Fc X Adidas Perkenal Jersi Baru Musim 2025 2026