Header Ads

#
Novidades
recent

Ícone do blog na tela do celular

Bom dia meninos e meninas tudo bem com vocês?


É com muita muita muita felicidade que venho contar para vocês que agora o Blog tem um ícone de acesso direto na tela do seu celular, isso mesmo, é só clicar nele e ir direto para as postagens do BLOG, já aproveita e clica ai em opções e adicionar a tela de início para que como mágica ele apareça para você!


Porém, como eu sou um bom menino vim aqui contar para vocês como que isso foi feito e claro ensinar a vocês também como fazer, mais ou menos um “TUTORIAL”  para blogueiros.

Todo mundo sabe que se lembrar de todos os nomes dos blogues que seguimos ou que queremos ler é bem difícil, então para facilitar a vida dos leitores hoje (já não é tão recente assim, pois já era possível há algum tempo) criar um ícone na tela do seu celular que te levará para um blog ou site específico sem a necessidade de digitar nada no navegador.

Como fazer isso? Vamos lá que eu ensino.

Primeiro de tudo, você irá precisar definir a imagem que irá aparecer em seu ícone, pode ser a logo do Blog ( no meu caso foi essa aqui),

ou sua foto  ou o que você julgar apropriado para esta finalidade, só lembro que o ícone ficará pequeno então cuidado para não “enfeitar demais o pavão” e acabar prejudicando a leitura dele.

A imagem deve estar no tamanho de 180px x 180px (um quadradinho) e deve ser salva preferencialmente em formato .PNG,  e estar hospedada em algum provedor de imagem, eu recomendo bastante o Tinypic.com (é free gente), subiu a foto pra lá, copie o link que ele irá te disponibilizar e vamos ao próximo passo.

Entre no seu blog, vá em Tema/Theme, depois em editar HTML (não se esqueça de fazer um backup do HTML do seu site/blog antes para caso ocorra algum problema),



já dentro da tela do HTML  no seu teclado aperte as teclas Ctrl+F e na caixa de busca que se abre digite <head>


Logo abaixo da tag encontrada <head>, cole o seguinte código fonte:

<link href='urldoícone' rel='apple-touch-icon'/>

Onde esta escrito  ‘urldoicone’  você irá substituir pelo link da imagem que você criou para ser o ícone de seu blog e salvar

O melhor de tudo é que serve tanto para dispositivos IOS (Iphone, Ipad e etc) quanto para os dispositivos Android, já que eles fazem a leitura do código fonte de maneiras distintas, então não se preocupe pois irá funcionar em todos.

Agora é so abrir seu site pelo navegador no smartfone, clicar em Opções>Adicionar a tela inicial> e pronto lá estará ele.
Espero que vocês gostem e utilizem e se fizerem deixem aqui embaixo o link do seu blog para que eu confira o resultado e se tiverem alguma dúvida também me deixem saber!
 

Um comentário:

  1. Que legal!! Deu certo no meu celular!! Obrigada por compartilhar esta dica!

    Beijinhos

    ResponderExcluir

Tecnologia do Blogger.