Mais um que encontrei no Hackosphere; como transformar os Marcadores num menu suspenso. Para fazer esta mudança, será necessário mexer no código do template, por isso meus queridos, sempre, sempre antes de qualquer modificação, salvem uma cópia de seus templates ou testem antes, em blogs sem conteúdo. Visualizem várias vezes para se certificar de que está tudo ok no template, que não desapareceu nada e só então, salvem as modificações!
Para transformar a lista de Marcadores em um menu suspenso, (óbviamente você deverá primeiro já ter uma lista de Marcadores ativos em seu blog), vá no HTML do seu template, clique em Expandir Modelo de Widget e procure por este trecho do código (utilizem o ctrl+F para facilitar):
<ul>
<b:loop values="'data:labels'" var="'label'">
<li>
<b:if cond="'data:blog.url">
<data:label.name/>
<b:else/>
<a href="'data:label.url'"><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
e substitua todo ele por:
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Selecione um marcador</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
Vizualize e estiver do mesmo jeito que ficou meus marcadores aí na Sidebar, salve.
Então, como sou muito xereta, pensei em usar o mesmo hack para lista de links... Às vezes temos listas enormes na sidebar, sejam de parceiros, sejam de amigos, e que acabam ocupando um espaço quilometrico. Pensei que seria muito interessante usar este mesmo recurso para listas de links e como não encontrei nada a respeito no Hackosphere, fiz umas modificações, uns testes e deu certo. Então, para transformar uma lista de links em um menu suspenso, procure por este trecho:
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Substitua o que está em vermelho por:
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:links' var='link'>
<option expr:value='data:link.target'><data:link.name/>
</option>
</b:loop>
</select>
Visualize e se a lista de links tiver se tornado um menu suspenso, salve. Onde está Select a label você poderá colocar o título que quiser.
É isso.
0 comentários:
Postar um comentário