Modificar Menu Suspenso do Gadget Arquivo do Blogspot

Modificar Menu Suspenso do Gadget Arquivo do Blogspot: No Blogger muitos blogueiros que usam o gadget Arquivo do blog no formato de menu suspenso (menu jump) mas quase ninguém faz modificações neste menu porém isso é bem simples de fazer, apenas precisa de cuidado na hora de alterar o código para não apagar coisas por engano, veja Porque os códigos não funcionam no blog. Então vamos mostrar como aumentar a largura, utilizar outras fontes ou mudar o tamanho da letra no gadget do arquivo do blog utilizando com o menu suspenso.
gadget arquivo do blogger


Entre na pagina Modelo (sugerimos , clique no botão editar html e marque a opção expandir modelo de widget. Agora procure pelo titulo do seu arquivo do blog, você deve encontrar uma linha semelhante a essa:

b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'



E algumas linhas mais abaixo você encontrará esse trecho que é o original do blogger:



<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>

<option value=''><data:title/></option>

<b:loop values='data:data' var='i'>

<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>

</b:loop>

</select>



Para deixar o menu do Arquivo do Blog personalizado como está o nosso agora (22/12/2011) devemos modificar o código e deixar deste jeito:



<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;' style='width: 200px;font-size:12pt'>

<option value=''>Histórico deste Site</option>

<b:loop values='data:data' var='i'>

<option expr:value='data:i.url'><data:i.name/></option>

</b:loop>

</select>



Veja as alterações que fizemos no código do menu suspenso do arquivo:



Adicionamos essa linha: <option value=''>Histórico deste Site</option> isso permite mostrar um titulo somente no menu sem precisar mostrar o titulo no gadget. Repare que na maioria dos blogs tem escrito arquivo do blog como titulo e depois arquivo do blog no menu jump também o que não é o nosso caso. Quando clicamos para adicionar o gadget ele fica sem titulo.

gadgets sem titulo no blog


Formatação do menu suspenso: style='width: 200px;font-size:12pt' é neste trecho que modificamos o tamanho e tipo da letra ou definimos uma largura especifica para o menu. Esses são códigos simples de CSS como você usaria em qualquer outro tipo de texto, veja aqui: Como Formatar o Texto do Blog. O valor 200 é a largura do menu e 12 o tamanho da fonte. Anteriormente já falamos em como Alterar cores, tamanho, letra do menu jump e o principio é o mesmo, inclusive no link você pode ver até como trocar a cor de fundo deste tipo de menu.



Em nossa alteração de código apagamos o trecho (<data:i.post-count/>) isso é o que mostra o numero de postagens feitas em cada mês no menu, portanto você escolhe se quer ou não mostrar isso.



Apesar de ser uma alteração simples pode ajudar a dar algum destaque para esse gadget e gerar mais algumas pageviews no seu blog dando a oportunidade dos visitantes conhecerem melhor seu trabalho e quem sabe voltarem mais vezes no seu blog. Esperemos que gostem de mais essa opção de personalizar seu blog. Abraços e Feliz Natal a todos !!!


Este artigo pertence ao Dicas para Blogs.

Plágio é crime e está previsto no artigo 184 do Código Penal.



Nenhum comentário:

Postar um comentário

CALENDÁRIO!

Postagens populares