Gadgets do Blogger com Links Lado a Lado (Estilo Menu Horizontal)

Existem diversos gadgets uteis no blogger, mas podemos personalizar gadgets como postagens populares ou lista de blogs apenas colocando uma linha de código HTML para deixar esses gadgets com links na horizontal como se fosse um menu deixando os links um do lado do outro ao invés de uma lista comum onde os links ficam um embaixo do outro

Essa é uma alteração simples de fazer, mas como vamos editar o HTML do blog sugerimos que faça um backup do seu template assim não correrá o risco de estragar seu layout caso tenha algum problema com os códigos.

Para personalizar o Gadget Lista de Blogs os links ficarem lado a lado entre na pagina editar HTML, procure (use o ctrl F) por: ]]></b:skin> e coloque esse código antes dele:

#BlogList1 li {width: 270px; padding:3px;float: right;}


O valor 270 é a largura do gadget então altere como desejar

 Se quiser pode fazer o mesmo com as postagens populares do seu blog usando o código:

#PopularPosts1 li {width: 270px;padding:3px;float: left;}



Que funciona exatamente da mesma forma que o anterior. Note que a única coisa que mudou foi o nome do gadget BlogList1(lista de blogs) e PopularPosts1(postagens populares), então se quiser pode testar isso com qualquer outro gadget que funcione como uma lista no seu blog.


Labels:



comment closed

Related Posts Plugin for WordPress, Blogger...
Tecnologia do Blogger.
Design by webbilgi.org