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?

Link desta página

20 Comentários:

Lucas Natan disse...: Fabiano! Você sabe como criar um gadget de "assinar feed" personalizado????? Igual esse seu " receba nossas dicas por e-mail",me fala como?; 28 de fevereiro de 2012 15:46
Juliano Silveira disse...: 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; 28 de fevereiro de 2012 15:53
Fabiano Roberto disse...: 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"; 28 de fevereiro de 2012 16:11
Fabiano Roberto disse...: 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.; 28 de fevereiro de 2012 16:14
ϟ yαrαgoth disse...: Nunca entendi como funcionam esses templates dinâmicos. Vou ter que analisá-los mais. hahaha; 28 de fevereiro de 2012 17:57
Gaspinha disse...: Fabiano
Olá, esses gadgets não aparecem para quem não usa páginas dinamicas, certo?
Obg; 28 de fevereiro de 2012 20:49
kinelao disse...: 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.; 28 de fevereiro de 2012 20:56
Fabiano Roberto disse...: 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; 28 de fevereiro de 2012 22:23
Gui disse...: 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); 29 de fevereiro de 2012 00:22
Fabiano Roberto disse...: 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; 29 de fevereiro de 2012 01:37
Gui disse...: 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.; 29 de fevereiro de 2012 03:02
Gui disse...: 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.; 29 de fevereiro de 2012 03:04
Fabiano Roberto disse...: 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.; 29 de fevereiro de 2012 12:00
Rosiel T.S. disse...: 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?; 29 de fevereiro de 2012 17:18
Jonas Henrique disse...: 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! :); 29 de fevereiro de 2012 18:06
Marcos disse...: Olá Fabiano Gostaria q vc me enviasse as suas metas de Keywords, marcadores e conteúdo do post, desde já agradeço.; 29 de fevereiro de 2012 19:18
Carol Gonzaga. disse...: 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.; 29 de fevereiro de 2012 21:06
Fabiano Roberto disse...: Rosiel T.S.
na verdade estou só fazendo alguns pequenos testes... até o final de semana pretendo trocar o template inteiro; 29 de fevereiro de 2012 22:48
Fabiano Roberto disse...: 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; 29 de fevereiro de 2012 22:50
Fabiano Roberto disse...: 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 >; 29 de fevereiro de 2012 22:51

Melhores Dicas para Blogueiros

Paginas Dinâmicas do Blogger com Menu de Gadgets Flutuantes

20 Comentários:

Postar um comentário