blogger etiketleri açılır kapanır yapmak

Blogger için şimdide etiketleri açılır kapanır yapmayı öğreneceğiz. Aslında pek tercih edilmez. Genelde gezdiğim bloglarda ya etiket bulutu görürsünüz yada düz liste. Ama mesela blogger destek te açılır kapanır etiketler var.

ŞİMDİ BAŞLAYALIM:
İlk olarak html'yi düzenle bölümüne geliyoruz. 'Wigdet Şablonlarını Genişlet' seçeneğini seçip işleme başlıyoruz.

Kod:

<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>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

Not: Yukarıdaki kodları bulabilmeniz için Etiketleri blogunuza ekmeniz gerekmektedir.

Kodları bulduktan sonra aşağıdakiyle değiştirelim.

Kod:

<select onchange='location=this.options[this.selectedIndex].value;'>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'>
<data:label.name/>
<span dir='ltr'>(<data:label.count/>)</span>
</option>
</b:loop>
</select>

işte bitti!