"Hack para menu suspenso"...saiba como se faz "..."Para transformar a lista de Marcadores em um menu suspenso"
Autor: Edilene brandao da silva | Publicado: 2013-08-27T20:50:00-07:00

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




&nbsp;Este presente post, pesquisei em



templatesparanovoblogger






&nbsp;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.&nbsp;


Para fazer esta  mudança, será necessário mexer no código do template, por isso meus  queridos, sempre,&nbsp;

... sempre  antes de qualquer modificação, salvem uma cópia de seus templates ou  testem antes, em blogs sem conteúdo. &nbsp;
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,&nbsp;
&nbsp;(obviamente você deverá primeiro já  ter uma lista de Marcadores ativos em seu blog)"

►&nbsp; vá no HTML do seu  template

... procure por este trecho  do código (utilizem o ctrl+F para facilitar)"


&lt;ul&gt;

&lt;b:loop values="'data:labels'" var="'label'"&gt;

&lt;li&gt;

&lt;b:if cond="'data:blog.url"&gt;

&lt;data:label.name/&gt;

&lt;b:else/&gt;

&lt;a href="'data:label.url'"&gt;&lt;data:label.name/&gt;&lt;/a&gt;

&lt;/b:if&gt;

(&lt;data:label.count/&gt;)

&lt;/li&gt;

&lt;/b:loop&gt;

&lt;/ul&gt;


e substitua todo ele por:


&lt;br /&gt;
&lt;select onchange='location=this.options[this.selectedIndex].value;'&gt;
&lt;option&gt;Selecione um marcador&lt;/option&gt;
&lt;b:loop values='data:labels' var='label'&gt;
&lt;option expr:value='data:label.url'&gt;&lt;data:label.name/&gt;
(&lt;data:label.count/&gt;)
&lt;/option&gt;
&lt;/b:loop&gt;
&lt;/select&gt;

Vizualize ...
...estando tudo funcionando...
Salve!

...para&nbsp; usar o mesmo hack para lista de  links...&nbsp;

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

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

(Eliana, diz que :
" como não encontrei nada a respeito no Hackosphere,&nbsp;
&nbsp;fiz umas  modificações, uns testes e deu certo.")

&nbsp;"Então, para transformar uma lista  de links em um menu suspenso, procure por este trecho"




&lt;b:section class='sidebar' id='sidebar' preferred='yes'&gt;

&lt;b:widget id='LinkList1' locked='false' title='' type='LinkList'&gt;

&lt;b:includable id='main'&gt;



&lt;b:if cond='data:title'&gt;&lt;h2&gt;&lt;data:title/&gt;&lt;/h2&gt;&lt;/b:if&gt;

&lt;div class='widget-content'&gt;

&lt;ul&gt;
&lt;b:loop values='data:links' var='link'&gt;
&lt;li&gt;&lt;a expr:href='data:link.target'&gt;&lt;data:link.name/&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/b:loop&gt;
&lt;/ul&gt;




&lt;b:include name='quickedit'/&gt;

&lt;/div&gt;

&lt;/b:includable&gt;

&lt;/b:widget&gt;

Substitua o que está na cor&nbsp; vermelha por:


&lt;br /&gt;

&lt;select onchange='location=this.options[this.selectedIndex].value;'&gt;

&lt;option&gt;Select a label&lt;/option&gt;

&lt;b:loop values='data:links' var='link'&gt;

&lt;option expr:value='data:link.target'&gt;&lt;data:link.name/&gt;

&lt;/option&gt;

&lt;/b:loop&gt;

&lt;/select&gt;

"Visualize ...
...e se a lista de links &nbsp;
estiver se tornado um menu suspenso,&nbsp;
salve.&nbsp;

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

.