Marcadores do Blog em Forma de Menu Suspenso

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.

Gênero: Tutoriais Blog

Nível: Intermediário

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.