"Hack para menu suspenso"...saiba como se faz "..."Para transformar a lista de Marcadores em um menu suspenso"

 "Hack para menu suspenso"...saiba como se faz "..."Para transformar a lista de Marcadores em um menu suspenso"




 Este presente post, pesquisei em



templatesparanovoblogger

 E, por conseguinte, todos os créditos merecidamente para:

templatesparanovoblogger

"Hack para menu suspenso"

"Hack para menu suspenso"...saiba como se faz "..."Para transformar a lista de Marcadores em um menu suspenso"

..." 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, 
 (obviamente você deverá primeiro já ter uma lista de Marcadores ativos em seu blog)"

►  vá no HTML do seu template

... 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 ...
...estando tudo funcionando...
Salve!

...para  usar o mesmo hack para lista de links... 

Pois ocorre, que pode-se ter, 
..." listas enormes na sidebar"
.... sejam de parceiros, 
.... sejam de amigos, 

...muito interessante usar este mesmo recurso para listas de links:

(Eliana, diz que :
" 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á na cor  vermelha 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  
estiver se tornado um menu suspenso, 
salve. 

"Onde está Select a label 
...você poderá colocar o título que quiser."

.