Marcadores com Menu Suspenso

Como você pode ver no meu Blogspot, aprenda a fazer o mesmo no seu.  Facilita muito para quem tem ou vai ter muitas postagens.

Em primeiro lugar, organize os seus marcadores por assunto.  Reagrupe as postagens por tópicos.  Mude os títulos dos marcadores um a um até que fique bem organizado. Postagem por postagem.

Agora siga as instruções que aprendi no blog da Clau, o Mundo Blogger.

Quando vamos mexer no código do Blogspot, sempre é bom fazermos o backup do template para evitar surpresas indesejáveis.  Caso não tome o cuidado necessário, basta voltar da onde iniciou.

Primeiro Passo

Vá em "Modelo", "Editar Html" e clique em "Expandir modelos de widgets", no teclado do PC digite "Ctrl + f" e na janela que se abriu, porcure pelo código abaixo.  É só o comecinho dele.

<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>

Apague todo o código do início ao fim.  O código é enorme.  Tome muito cuidado para não apagar algo fora deste código.

Segundo Passo

Cole o código abaixo no seu bloco de Notas para fazer as alterações que se seguem.

O que está escrito na cor vermelha, você pode personalizar. O título Marcadores, para Assuntos, Dicas, Diversos, etc.  Onde tem width(largura) defina a largura que desejar.  E onde está escrito Selecione, pode ser Clique Aqui ou o que achar melhor.

O que uso neste Blog é o mesmo. Dá uma olhada para ter uma idéia.

Este é o código que irá substituir o outro.


<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:255px;'>
<option>Selecione</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Feita a substituição, visualize.  Dando tudo certo, salve.

Para saber mais, adquira a nossa Apostila.

2 comentários:

Anônimo disse...

eu não consigui fazer porque no meu ta aparecendo a palava Linklist ao invés de Labels como mostro abaixo :

Antonio Sardenberg disse...

Olá Barba Negra,
Me manda por email uma cópia do teu código.
Abraço,

Related Posts Plugin for WordPress, Blogger...