28/02/2012

Paginas Dinâmicas do Blogger com Menu de Gadgets Flutuantes

O Blogger está com mais uma novidade: as paginas dinâmicas do Blogger agora têm gadgets! Já era aguardado por todos os blogueiros que as Dynamic Views do blogspot permitissem a utilização de gadgets e finalmente isso já está funcionando e você nem precisa modificar nada no seu blog. Os gadgets de seguidores, arquivos do blog, assinar feed, marcadores e alguns outros aparecem automaticamente nos blogs que usam templates dinâmicos templates dinâmicos do blogger(visualização dinâmica).

Os gadgets aparecem em forma de menu flutuante no canto da pagina e você pode usar a pagina layout para adicionar ou remover gadgets a sua escolha nas paginas com visualizações dinâmicas, mas nem todos os gadgets funcionam como já falamos no inicio. E como pode ver na imagem acima o gadget de marcadores mostra o titulo como nas visualizações normais do blog.

Quanto ao gadget de assinar feed se você utilizar também o gadget de atualizações por email eles parecem juntos no mesmo ícone no menu flutuante do blogger e isso pode ajudar a conseguir mais visitas.


Veja aqui outras dicas de gadgets para blogs:
Personalizar Gadget Seguidores do Blog: Contador em Forma de Texto
Quais os Melhores Gadgets e Acessórios para Blogs
Gadgets do Google para blog
Problemas para mover ou adicionar gadgets do blog

Esperamos que gostem e aproveitem mais essa novidade do blogger. E você o que achou dessa alteração do blogger?
Related Posts with Thumbnails

29 comentários:

  1. Fabiano! Você sabe como criar um gadget de "assinar feed" personalizado????? Igual esse seu " receba nossas dicas por e-mail",me fala como?

    ResponderExcluir
  2. Fabiano, tudo bem?

    Você acha que essa forma de disponibilizar conteúdos no Blogger pode atrapalhar os nossos acessos? Na minha opinião, acho legal a estética, mas realmente funciona? Queria aplicar ao meu blog, mas fico sempre pensando se faço ou não...

    Grato pela atenção!

    Estou sempre por aqui e parabéns pelo Dicas para Blog, me ajuda sempre!

    http://www.nalinguadoju.com.br

    ResponderExcluir
  3. Lucas Natan
    isso é simples só precisa trocar o código que pega no feedburner, veja aqui: Enviar Atualizações por Email

    o código original do feedburner tem uma linha que é assim:
    input type="submit" value="Subscribe"

    só precisa trocar o texto subscribe pelo que você quiser, por exemplo como fazemos:
    input type="hidden" name="loc" value="pt_BR"/><input type="submit" value="Receba nossas Dicas por E-mail"

    ResponderExcluir
  4. Juliano Silveira
    por enquando não acho um bom negócio usar esses templates dinâmicos como padrão do blog.

    afinal eles não permitem adsense, nem varios outros gadgets, mas já que o blogger está modificando muita coisa vamos aguardar e talvez futuramente sejam melhores esses templates.

    mas como já falei no inicio acho que não é uma boa opção por enquanto.

    ResponderExcluir
  5. Nunca entendi como funcionam esses templates dinâmicos. Vou ter que analisá-los mais. hahaha

    ResponderExcluir
  6. Fabiano
    Olá, esses gadgets não aparecem para quem não usa páginas dinamicas, certo?
    Obg

    ResponderExcluir
  7. Amigo, como fazer um menu colorido no blogger, estilo o da globo.com, neste blog este rapaz tambem usa este menu (www.rafaeldesigner.com.br/blog/)

    Eu procurei no codigo fonte dele e não consegui achar o mesmo codigo em meus blog.

    ResponderExcluir
  8. kinelao
    o blog que citou é wordpress e lá as coisas são feitas diferentes do que no blogger

    mas qual menu colorido está falando?



    Gaspinha
    isso mesmo só aparece nas paginas dinamicas, veja aqui:

    http://www.dicasparablogs.com.br/view/magazine

    ResponderExcluir
  9. Realmente não tinha conferido para ver se era wordpress, mas será que tem como fazer um menu estilo o do globo.com no blogger

    exemplo

    Home(vermelho)Noticias(verde)ferramentas(verde)Contato(laranja)

    ResponderExcluir
  10. seria possivel fazer mas editando cada link

    por exemplo < a href="...." style="color: #000" > dicas para blogs < / a >

    mas teria que fazer em cada um deles

    ResponderExcluir
  11. Rapaz, eu fiz o teste no firebug, usando o style e deu certo, só que quando eu entro no painel do blogger e acesso o html, ele não me da o código fonte do menu, a não ser que eu tenha que mexer em algo na variável. Mas obrigado pela ajuda.

    ResponderExcluir
  12. só para ressaltar, o painel do blogger, quando acessa o html, ele não disponibiliza os links, ele só da o código fonte do thema, ou seja, você só consegue fazer algo no css, agora mexendo direto no html, não achei como ainda.

    ResponderExcluir
  13. Gui infelizmente o html que o firebug ou qualquer outro programa mostra não é igual a pagina editar html, mas você pode trocar as variaveis por medidas em pixels, cor ou qualquer outra coisa que precise, por exemplo:
    body {
    font: $(body.font);
    color: $(body.text.color);
    background: $(body.background);
    }

    eu poderia trocar a linha background: $(body.background);

    por isso aqui:
    background-image: url(http://www.google.com.br/logos/2012/rossini12-hp.jpg);

    isso colocaria essa imagem como imagem de fundo do blog, mas se fizer isso sempre terá que modificar no html essa imagem de fundo.

    ResponderExcluir
  14. Fabiano não é nada sobre a postagem, fico mais bonito o novo logo do Dicas para Blogs e você coloco o fundo um azul mais claro?

    ResponderExcluir
  15. Olá Fabiano, tem como colocar no lugar do texto Home(nas páginas), por exemplo, uma imagem de uma casinha? Se tem jeito, explique-me! :)

    ResponderExcluir
  16. Olá Fabiano Gostaria q vc me enviasse as suas metas de Keywords, marcadores e conteúdo do post, desde já agradeço.

    ResponderExcluir
  17. Olá Fabiano, tudo certo?
    Me desculpe, eu sei que o comentário não tem absolutamente nada relacionado ao post!
    Estou com um problema: tem um espaço muito grande entre o meu título é a barra de páginas e não sei onde encontrar no html para diminuir esse espaçamento =/
    Pode me ajudar?

    Obrigada,

    Carol.

    ResponderExcluir
  18. Rosiel T.S.
    na verdade estou só fazendo alguns pequenos testes... até o final de semana pretendo trocar o template inteiro

    ResponderExcluir
  19. Carol Gonzaga.
    é dificil dizer onde é o espaço pois não consigo ver seu blog.

    mas use o inspecionar elemento do firefox ou veja aqui: Achar e Resolver Problemas com Códigos HTML no Blog

    ResponderExcluir
  20. Jonas Henrique
    se for link de texto é só trocar o texto pelo código de uma imagem

    é como se fosse um banner

    < a href="http://www.dicasparablogs.com.br/p/lista-de-tutoriais.html" title="Dicas para Blogs" target="_blank" >< img src="http://1.bp.blogspot.com/_-v7nVhXnPEc/SmzwP5crumI/AAAAAAAAAUc/LRfITC6TwvM/s400/dicas2.jpg" border="0" / >< /a >

    ResponderExcluir
  21. Tem como usar um gadget de caixa de texto nas templares dinamicas??
    Como?

    ResponderExcluir
  22. Wagner Chittó por enquanto somente alguns gadgets estão disponiveis para as paginas dinâmicas.

    Gadgets e Acessórios para os Templates Dinâmicos do Blogger

    ResponderExcluir
  23. Eric Klepton ficou com duvidas sobre o qual parte do tutorial?

    ResponderExcluir
  24. Fabiano, como faço para colocar as paginas na parte superior?

    ResponderExcluir
  25. Pedro e Vanessa o posicionamento destes gadgets é automatico, mas só aparecem assim nos templates dinâmicos

    ResponderExcluir
  26. Oi Fabiano, mudei o template do meu blog para visualizações dinâmicas e quero saber como é que coloca widgets para compartilhar nas redes sociais. Porque lá só compartilha com google+, twitter e facebook. Mas eu tenho linkedin, myspace, orkut, com os quais consigo mais visitas. Encontrei uma dica na internet, mas é muito complicado.

    ResponderExcluir
  27. Euzilene as visualizações dinâmicas só permitem alguns gadgets e os códigos html como dos botões de compartilhamento não são aceitos.

    ResponderExcluir