sexta-feira, 7 de junho de 2013

Como Colocar Marcadores em Forma de Menu Suspenso no Blog

Muitas vezes utilizamos muitos marcadores em nosso blog e acaba ficando feio e ocupando um grande espaço no blog.

Uma forma de reverter a situação sem perder a elegância do blog é substituir os marcadores de texto por marcadores em forma de menu suspenso.
Como Colocar Marcadores em Forma de Menu Suspenso no Blog
Lembrando, antes de começar a editar o Modelo do blog, faça um backup do template.
Como Fazer o Backup?

Acesse painel clique “Modelo”, “Fazer backup/Restaurar”, “Fazer download do modelo completo”.

Como Colocar Widget no Blog?

Após fazer o backup na mesma página “Modelo”, clique em “Editar HTML”, “Prosseguir” e selecione “Expandir modelos de Widgets”.

Procure pelo código (CTRL + F).

<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 class='guiarapido'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>

Após localizar o código acima apague o trecho:

<ul>
<b:loop values='data:labels' var='label'>
<li class='guiarapido'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
</li>
</b:loop>
</ul>
E logo em seguida cole esse código no lugar:

<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/>
</option>
</b:loop>

</select>
Clique em visualizar, veja se o código realmente funcionou e salve clicando em “Salvar Modelo”.

Em <option>Marcadores</option>, onde está escrito Marcadores, você pode colocar qualquer nome que você quiser.

Criei esse Artigo baseado no Artigo publicado pelo Fabiano Roberto no Dicas para Blogs.
Gostou deste Artigo? Tem alguma Dúvida? Deixe seu Comentário!

Posted By Unknown13:28