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 (veja também: Menu Horizontal).
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:
Se quiser pode fazer o mesmo com as postagens populares do seu blog usando o código:
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, veja mais informações sobre Personalizar gadgets do Blog neste tutorial mostramos com mais detalhes sobre achar o nome de cada gadget para que tudo funcione corretamente no seu blog.
Mais dicas sobre gadgets do Blogger:
Quais os Melhores Gadgets e Acessórios para Blogs
Personalizar Gadget Postagens Populares do Blog - Barras Coloridas
Fazer Menu Accordion no Blog - Criar Sub Categorias no Blogger
Fizemos esse tutorial para responder uma duvida de um de nossos leitores deixou num comentário aqui no Dicas para Blogs, então aproveitamos para agradecer a sugestão de postagem e convidar todos nossos leitores a dar sua opinião sobre o assunto ou deixar suas duvidas ou sugestões para novos tutoriais sobre blogs. Abraços e boa semana a todos!
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, veja mais informações sobre Personalizar gadgets do Blog neste tutorial mostramos com mais detalhes sobre achar o nome de cada gadget para que tudo funcione corretamente no seu blog.
Mais dicas sobre gadgets do Blogger:
Quais os Melhores Gadgets e Acessórios para Blogs
Personalizar Gadget Postagens Populares do Blog - Barras Coloridas
Fazer Menu Accordion no Blog - Criar Sub Categorias no Blogger
Fizemos esse tutorial para responder uma duvida de um de nossos leitores deixou num comentário aqui no Dicas para Blogs, então aproveitamos para agradecer a sugestão de postagem e convidar todos nossos leitores a dar sua opinião sobre o assunto ou deixar suas duvidas ou sugestões para novos tutoriais sobre blogs. Abraços e boa semana a todos!
Marcadores: Acessórios, CSS, Gadgets, Personalizar