Adicionar Gadgets no Template para Celular do Blogger - Dicas para Blogs
Você pode personalizar o template para celular do seu blog do Blogger adicionando gadgets na versão mobile do Blogger. Veja como configurar o Blogger para permitir adicionar gadgets na versão para celular do seu blog.
Para ativar os gadgets na versão para celular do seu template é necessário entrar na pagina modelo > editar o seu template de celular e escolher a opção personalizar.
Depois disso encontre a linha de código do gadget que deseja e adicione o código mobile='yes', deixando deste jeito:
O exemplo é com o Gadget Marcadores do Blog, mas funciona em qualquer gadget (por enquanto em todos que testei).
Usando o código deste jeito o gadget aparecerá no seu template para web (computador e notebook) e também no template para celular ou tablet, mas se quiser pode mostrar um gadget somente na versão para celular trocando a palavra yes por only no código que adicionamos.
Porém se fizer isso esse gadget não aparecerá mais na pagina do Blogger de edição de layout (onde podemos arrastar e adicionar gadget). Portanto se quiser excluir ou alterar a posição deste gadget será necessário retirar o trecho mobile='only' antes de usar a pagina layout do Blogger.
Seu Blog ou Site Funciona no Celular? - Palestra Adsense
Para terminar queremos lembrá-lo que o tempo de carregamento da pagina é muito importante por isso recomendamos que use gadgets (Quais os Melhores Gadgets) que não deixem seu blog lento na versão para celular.
Mateus 30 agosto, 2014 07:04
Ola pessoal do dicas para blogs, eu gostaria de SUGERIR um tutorial para ajudar o pessoal!
O tutorial é de como resolver o problema de CNAME, quando a pessoa coloca um dominio no blogger pelo site DOT.TK. Vocês tem tutoriais assim, mas o que acontece é que o dot.tk se uniu ao freenom, nesse site "freenom" não encontrei uma forma de adicionar o cname, e não existe nenhum tutorial sobre isso ainda na internet.
Enfim, eu descobri uma maneira de estar colocando o CNAME no dot.tk, sem ser pelo freenom, para tirar o erro que dava ao adicionar a url .tk no blog.
Se vcs estiverem interessados, eu lhes mostro como fazer e vocês postam aqui para ajudar o pessoal blz.
Fabiano Roberto 30 agosto, 2014 21:08
se for para colocar um domínio no blog acho que deveria fazer isso com um domínio pago para ter mais segurança...
Cláudio Luiz 17 setembro, 2014 05:08
Olá, Fabiano! No painel do meu blog do blogger não aparece a opção de editar template do blog na versão mobile.
Fabiano Roberto 17 setembro, 2014 11:15
não tem aquele ícone da engrenagem embaixo do template para celular?
precisa clicar nele e ativar o template antes de editar.
bla 04 novembro, 2014 22:24
Olá, Fabiano! Quando adiciono o código indicado por você, aparece erro quando salvo. Me ajuda...
maranguapefotos 05 novembro, 2014 12:47
Deu certo! Obg!
Mandy 01 janeiro, 2015 20:31
ainda não é possível personalizar a versão mobile do blogger totalmente assim como no wordpress?
por exemplo, colocar meu logo, personalizar cores, etc?
Fabiano Roberto 01 janeiro, 2015 22:15
realmente a versão mobile do blogger ainda tem algumas limitações
Marcos Vinicius Velozo 28 abril, 2015 18:03
Tem como colocar o compositor de comentários do facebook tbm na versão mobile do blogger ?
Fabiano Roberto 28 abril, 2015 22:59
eu não tenho os códigos prontos para colocar os comentários do Facebook na versão mobile, mas acredito que seja possível embora talvez tenha problemas com o tempo de carregamento da pagina
Marcos Vinicius Velozo 21 maio, 2015 15:38
Tem como fazer isso tbm nos botões de compartilhamento na versão mobile, meu blog é mais acessado pelo cel e eu quero aumentar o tráfego através das Redes Sociais.
Por exemplo add o botão do shareaholic no mobile
div class='shareaholic-canvas' data-app='share_buttons' data-app-id='17812336'></div
Fabiano Roberto 21 maio, 2015 20:50
tem algumas partes do html do blogger que pertencem a versão mobile, então precisa achar para colocar os códigos nela.
no caso de um dos meus blogs é no trecho depois de post-footer-line post-footer-line-2
mas fique atento a velocidade de carregamento do seu blog, afinal colocar mais códigos na versão para celular pode deixar seu blog muito lento.
Marcos Vinicius Velozo 21 maio, 2015 21:51
Valeu pela dica, eu consegui achar uma ferramenta do AddThis para a versão Mobile e deu certo...
Da Redação 16 junho, 2015 16:46
Olá. Poderia me ajudar?
Eu uso o sistema de comentários do Facebook no meu blog, no Blogger, mas não sei como faço para aparecer na versão celular.
não tenho códigos prontos para colocar os comentários do Facebook na versão para celular, mas talvez isso deixe o blog lento demais.
Anônimo 09 agosto, 2015 11:50
Bubunoni,
Melhor seria se seu blog tivesse outro sistema de comentários, como o Disqus. Seria mais fácil integrá-lo para a versão móvel.
Anônimo 09 agosto, 2015 12:09
Para que o layout de meu blog apareça 100% na versão móvel, devo mexer em /* Mobile?
Fabiano Roberto 09 agosto, 2015 14:24
normalmente só precisa ativar a opção de template para versão móvel.... os templates do blogger já vem prontos.
mas sim, tem alguns CSS no trecho mobile que você pode alterar se quiser.
Anônimo 09 agosto, 2015 16:17
A versão mobile do Blogger deixa um pouco a desejar em alguns quesitos. Um exemplo, são os títulos dos gadgets, que não ficam com o mesmo estilo se acessarmos pelo celular. Isso deve ser um problema. Mas ficarei mais atento ao assunto, e também nos posts aqui do blog!
Fabiano Roberto 09 agosto, 2015 16:52
mas o que você falou sobre mudar aparência da versão mobile está correto, apenas faça backup antes de mexer assim se algo der errado você não estraga o template.
Anônimo 09 agosto, 2015 17:06
Sim, fazer um backup é essencial. Para um melhor entendimento, eis uma imagem que mostra um pouco do problema que relatei, ou seja, a diferença de exibição dos títulos dos gadgets acessados pelo PC ou celular: (http://i.imgur.com/NKbFtaK.png).
Fabiano Roberto 09 agosto, 2015 20:02
tente usar o inspecionar elemento do firefox ou chrome para achar o nome dos estilos então pode configurar a fonte e tamanho como quer.
mas como aparência do blog é uma questão de gosto pessoal. Eu não mexeria neste estilo afinal a exibição para celular precisa ser num tamanho menor justamente por causa da tela.
não sei qual tipo de fonte está configurado no seu blog, mas se usar fontes especiais (que precisam ser carregadas na pagina) o blog pode ficar lento no celular
Moderna yes 17 agosto, 2015 21:19
Obrigada . ajudou muito ! estou começando agora.. meu blog é : Vou esperar sua visita :)
Dorli Ramos 30 outubro, 2015 14:45
Fabiano, eu não consigo colocar um gadget da Microsoft Translator (automático) no meu blog
Fabiano Roberto 30 outubro, 2015 15:00
acho que a maioria dos tradutores não é automático..
quando a pessoa entra no site ela tem que clicar no tradutor e no caso de alguns navegadores isso já é oferecido automaticamente.
Raimundo de Castro 24 novembro, 2015 12:18
Fabiano Roberto 24 novembro, 2015 12:53
acho que todos os blogs do blogger são assim na versão mobile. Não sei como alterar isso.
acho que só é possivel ampliar a imagem com os dedos no celular se a imagem aparecer numa pagina sozinha, ou seja, o visitante teria que clicar na imagem para depois ampliar