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... 

Rhinokage Rio
Rhinokage Rio

Adalah seorang blogger yang suka mempelajari hal-hal yang baru seputar blog, template, SEO dan Bisnis Online. Untuk mempelajari Hal baru, membutuhkan kesabaran dan ketelitian dalam mempelajarinya.

Add Your Comments

  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Out Of Topic