Formulário de contato

Nome

E-mail *

Mensagem *

20 de out de 2016

Correção do meta viewport do Blogger

Para glória do Senhor Jesus!
Há um novo bug no Blogger. Agora na visualização do blog por dispositivos móveis. Você seleciona, todo feliz, SIM, mostrar modelo para celulares..., com estilo PERSONALIZAR, que é o estilo que vai se adaptar ao estilo customizado do seu template.
No entanto, só está funcionando se você customizar seu template no painel PERSONALIZAR. Se você for editar qualquer coisa pelo HTML, diga adeus ao estilo customizado para dispositivos móveis, pois ficará no estilo padrão cinza.

Como não sou de desistir tão fácil, fucei, rezei e tornei a fuçar nos meus blogs de testes.

Lembrei de um template antigo, customizado por mim, em que as cores na visualização para dispositivos móveis combinavam com as personalizadas do template. Eu restaurei esse template antigo no blog de teste, e fui ver o código HTML "viewport". Bingo!!! O meta atual está diferente do que era anteriormente, quando a visualização para dispositivos móveis combinavam com o estilo personalizado para visualização em computador. Então foi só colar o código anterior no lugar do atual.

Para fazer isso, vá no seu painel de administração Blogger >> Modelo >> Editar HTML, e procure por:

<meta expr:content='data:blog.isMobile ? &quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0&quot; : &quot;width=1100&quot;' name='viewport'/>

Então, substitua o meta acima por este abaixo:

<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
Gratidão
Author Image

Meri Pellens
Cristã, mãe e blogueira com necessidades físicas especiais. Aprendiz e amante viciada de xadrez, busco viver cada dia como único, valorizando todos os momentos com olhos fitos no Senhor. Amo trabalhar com blogs e artes digitais.

7 comentários:

  1. Obrigada pela dica minha amiga, por acaso visualizo bem o meu no telemóvel.
    Mas também não sou de desistir pois adoro estas aplicações e tento fazer tudo :)

    Um beijinho e bom fim de semana

    ResponderExcluir
  2. Belo trabalho Meri, as vezes sou um fuçador também,kkk
    Como o blogger anda meio louco sempre salvo o template.
    Valeu a dica amiga.
    Bjs.
    Um bom lindo fim de semana.

    ResponderExcluir
  3. Meri, que tudo amiga!!!
    Você é especial demais, muito curiosa , batalhadora, estudiosa e de uma perspicácia incrível!!
    Vou trocar de código, pois no celular o meu blog fica tão pequenininho....rsrs
    Aliás, preciso dizer que seu blog tá lindo viu?
    Estou estudando trocar o template do meu blog para um responsivo e assim, o blog ficar melhor para ver no celular... Mas é complicado....rsrsrs

    Beijos e um final de semana maravilhoso querida!! :))))

    ResponderExcluir
  4. Ótima dica.
    Adorei aqui, já seguindo
    aqui, aguardo sua
    visita no Espelhando.
    Bjins
    Catiaho Alc.

    ResponderExcluir
  5. Tu sempre inventando, rssd bjs obrigado, chica

    ResponderExcluir
  6. Oi Meri,
    Nunca cliquei, então meu é colorido...
    Obrigada pelo seu voto no Malu Super-Mulher.Vou abusar de você mais um pouquinho e deixar um link para o post onde explico o prêmio, que é muito importante para mim.

    PRECISO DA SUA AJUDA

    ResponderExcluir
  7. Não sei funcionar assim. E já não vou aprender...
    Uma boa semana.
    Beijos.

    ResponderExcluir