Blogger.com: Drop-Down-Menü für Labels/Kategorien

Durch eine Änderung in der XML-Vorlage von Blogger.com, kann man anstatt der üblichen hierachischen Auflistung der Labels bzw. Themen-Kategorien, auch ein Drop-Down-Menü erstellen. Hauptsächlich spart man sich durch diese Vorgehensweise Platz in der Sitebar (Seitenleiste). Ob sich das zusätzlich positiv auf die Ladezeit des Blogs auswirkt, kann ich so nicht sagen.

Wenn man sehr lange Label-Listen hat, könnte ein Geschwindigkeitvorteil entstehen.



Vor dem ändern bitte die Original-Vorlage sichern bzw. in einem Test-Blog ausprobieren!



Im Original-Template sieht der Code so aus, man sucht nach "Label1" (STRG-F):



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

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

<data:label.count/>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>





Den rot markierten Code ersetzt man dann mit:



<br />

<select onchange='location=this.options[this.selectedIndex].value;'>

<option>Ein Label auswählen ...</option>

<b:loop values='data:labels' var='label'>

<option expr:value='data:label.url'><data:label.name/>

(<data:label.count/>)

</option>

</b:loop>

</select>



Ein Drop-Down-Menü kann man sich übrigens auch für das Archiv erstellen. Diese Möglichkeit ist bei Blogger bereits integriert. In der Layout-Ansicht wählt man bei den Seitenelementen das Archiv aus und kann dort unter drei Möglichkeiten auswählen:

Hierachie-, Flache- oder Menüansicht.

Ähnliche Beiträge zum Thema/Kategorie: