29 January 2014

Cara Memasang Dropdown Pada Label di blog

Dropdown Categories

Cara Memasang Dropdown Pada Label di blog Hai sobat Blanter kali ini saya akan memberikan tips ''Cara Memasang Dropdown Pada Label di blog, ok langsung aja ke tips yang super dicari-cari ini, semoga berhasil yaa....

1. Masuk ke Blogger
2. Klik Template
3. Edit HTML
4. Klik kolom HTML, klik CTRL + F tulis di kolom search ''Label1''
5. Lalu klik Expand Template Widget,, gambarnya seperti ini...
NOTE : Klik Expand Template Widget lagi, jika sudah mengklik expand template widget pada gambar ini,,, untuk memunculkan semua kode Label1



6. Cari kode dibawah ini, dan hapus semuanya....

<b:widget id='Label1' locked='false' title='Tags' type='Label'>
     <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' 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:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&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:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
  </div>
</b:includable>
   </b:widget> 

7. Lalu Ganti Kodenya dengan Kode dibawah ini...

<b:widget id='Label1' locked='false' title='Categories' type='Label'>
  <b:includable id='main'> <b:if cond='data:title'>
<h3><data:title/></h3> </b:if> 
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'> <option>Categories</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>

Sekian Tips dari saya terima-kasih, jika ada pertanyaan, bisa langsung chat dengan ADMIN melalui link ini : CHAT ADMIN

 Jangan Lupa Klik Tombol Like dan Tombol Share ya... 

SUBSCRIBE TO OUR NEWSLETTER

Add Your Comments

bold <b></b>
italic <i></i>
underline <u></u>
HTML <code></code> use Parser

Emoticon
Parser
😊
😉
😀
😁
😎
😍
😜
😑
😇
💖
😯
😱
😭
👍
🍻