Cara Menciptakan Widget Label Dropdown Diwidget

Halo teman 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 menciptakan Widget Label Dropdown diwidget. Label ini fungsinya untuk mengkategorikan artikel-artikel atau mengelompokkan isi dari blog tersebut, label biasanya dibentuk sesuai dengan topik yang akan dibahas pada isi arikel blog tersbut. Pada pada dasarnya fungsi label dapat mempermudah pengunjung blog untuk melihat artikel lainnya menurut 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, karenanya akan ibarat 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

Jika ada kesalahan atau error silahkan beri komentar nanti dibantu kok...

Bagikan Artikel ini