Cara Membuat Widget Label Dropdown DiWidget

Halo sobat blogger, pada tutorial kali ini ane akan membagikan tips atau Cara Membuat Widget Label Dropdown DiWidget, pada kesempatan sebelumnya ane juga sudah membahas tutorial Cara Membuat Spoiler Post Simple DiBlogger.

Sesuai judulnya pada artikel kali ini ane akan membuat Widget Label Dropdown diwidget. Label ini fungsinya untuk mengkategorikan artikel-artikel atau mengelompokkan isi dari blog tersebut, label biasanya dibuat sesuai dengan topik yang akan dibahas pada isi arikel blog tersbut. Pada intinya fungsi label bisa mempermudah pengunjung blog untuk melihat artikel lainnya berdasarkan Label/Kategori.

Cara Membuat Widget Label Dropdown DiWidget

1. Silahkan Buka Blogger > Tema > Edit HTML, cari Sidebar blog kalian



2. Jika sudah mirip, atau sudah menemukan yang hampir sama silahkan simpan HTML berikut ditempat kosong yang sudah dibuat

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
    <b:if cond='data:title'><h2><data:title/></h2></b:if>
    <div class='widget-content'>
      <select onchange='location=this.options[this.selectedIndex].value;'>
        <option>Pilih Tag Label</option>
        <b:loop values='data:labels' var='label'>
          <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>)</option>
        </b:loop>
      </select>
    </div>
</b:includable>
</b:widget>



3. Jika sudah diletakkan, hasilnya akan seperti berikut ini



4. Kemudian Cari </style> dan simpan CSS berikut ini diatasnya

.Label select{width:100%;border:1px solid #181b1d;background:#34393e;color:#FFF;padding:5px;line-height:21px;display:inline-block}



5. Lalu Save Tema dan selesai