05 julho 2013

Como fazer e colocar favicon ao lado do nome do Blog

Postagem programada

Tutorial para fazer mini icons + 20 favicons

Gente!Estou estudando feito uma condenada porque tem algumas matérias que não fui bem no 1º bimestre.
E se eu não for bem nas provas meus pais não me deixarão passar as férias no litoral com a família da minha melhor amiga.
Por isso, fiz 5 postagens programadas até sábado e não está sendo possível responder aos comentários e nem atualizar a página no facebook!
E também, peço desculpas aos blogs que ajudo no layout por não ter tido tempo de modificar por conta dos meus estudos.
Hoje trouxe algo muito fácil pra quem já domina a plataforma do blogger: Trocar o icon do blogger que fica bem ao lado do nome do blog na aba da sua página.
No final do post vou disponibilizar 20 imagens para favicons feitos por mim no Photoscape.
E tem mais: abaixo um tutorial de como fazer seu próprio icon personalizado. E então? Gostaram?

Uma seguidora do blog me perguntou na página do facebook como colocar favicon - aquele mini icon ao lado do nome do blog.
Para os blogueiros que estão iniciando nesta plataforma: favicon é esse icon, esse desenho ou símbolo personalizado do blog, a logomarca do Blogger. Dá pra trocar a logomarca do Blogger por uma outra imagem, um favicon personalizado.




Passo-a-passo

1º Vá no seu painel do Blogger e clique em "LAYOUT"


2º Abrindo a página do "Layout" o primeiro Gadget à esquerda, no topo do "Layout" é o do Favicon.
Clique em editar.
Vai abrir uma janelinha de "Configurar favicon"


3º Clique no botão "Selecionar arquivo" se você já estiver com a imagem de seu icon personalizado em seus arquivo de computador e depois Salve a configuração.

Fácil e rápido!

Nota: O favicon não vai aparecer de imediato quando você for visualizar o blog.Então limpe os dados de navegação, cokies e caches e abra o seu blog novamente. Vai ser possível visualizar então, seu favicon.
 
Se você não tem nenhum favicon e quer fazer um personalizado para seu blog aqui vai um tutorial para quem tem Photoscape:

Passo-a-passo : Como fazer favicon no Photoscape

1º Abra seu Photoscape na opção "EDITOR"

 

2º Abra um fundo transparente de 200 x 200 pixels que você pode baixar nesse [ LINK ]



3º  Embaixo, na ala "OBJETO" clique no ícone das aspas "

 

Abrindo um janelinha dos Símbolos existentes nas Fontes de seu computador, escolha nas diversas pastas de símbolos um que combine com seu blog.
Haverá várias símbolos que podem combinar com seu blog: flor, boca, coração, estrelas, E.T. , livros e muitos outros.
Desça com a barra de rolagem e escolha/clique no símbolo que mais gostou.
Escolha a cor e dê OK




 5º Posicione o símbolo sobre o fundo transparente clicando, arrastando pelas arestas do desenho até ele caber todo dentro.
Clique no botão "FOTO+OBJETO"


6º Vá na ala "INÍCIO" e clique no botão "REDIMENSIONAR"
Mude os valores 200 por 16 e dê OK







7º Clique no botão "SALVAR" , "SALVAR COMO" dê nome ao seu favicon e NÃO SE ESQUEÇA:
Salve em formato PNG


Agora vou disponibilizar 20 favicons que eu mesma fiz no Photoscape.
Então se for pegar já sabem: Comente
Se for reblogar: dê os crédito, ok?










Abraços!


 


14 comentários:

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
  2. obrigado por fazer meu édido mas eu n consegui colocar o negoço

    ResponderExcluir
  3. Ah esse tutorial ajuda muito, eu ja estou usando um a tempos e é bem fácil de colocar ! Bem útil

    Venha conhecer o blog (; CLUBE TEEN

    clube--teen.blogspot.com

    Donas: Brenda e Yasmin

    ResponderExcluir
  4. brenda vc é sortuda eu fiz de tudo para colocar mas não consegui T-T

    ResponderExcluir
  5. ooiii Bella!!!
    muito legal seu tuto!!!
    favicons mt fofos!!!
    eu queria saber se vc sabe como fazr pra as imagens q coloco nos posts ficar tipo como tá nesse blog:
    http://ulzzangbrasil.blogspot.com.br/
    tipo quando vc for ver uma imagem sem clicar nela ela ficar com um efeito branco ou negro...
    se vc souber vc poderia fzr esse tutorial pra mim???
    bjss e abraços!!!
    http://marshmallowdekpop.blogspot.com.br/

    ResponderExcluir
  6. Oii Meeny!
    Obrigada por sempre marcar sua presença aqui no blog!
    Conheço eesse tutorial mas, nunca usei
    Aqui o link de um tutorial legal não fica igual a esse q vc me mandou o link mas espero que ajude:
    http://blogdetuturiaisdanick.blogspot.com.br/2012/11/efeito-preto-e-branco-nas-imagens-no.html

    ResponderExcluir
  7. Yasmim,
    Eu coloquei uma observação acima no post que:
    "
    Nota: O favicon não vai aparecer de imediato quando você for visualizar o blog.
    Então limpe os dados de navegação, cokies e caches e abra o seu blog novamente. Vai ser possível visualizar então, seu favicon."
    Quem sabe vc conseguiu e não conseguiu foi visualizar?

    ResponderExcluir
  8. Era isso mesmo Isabela, é pq eu n leio direito eu só olho,mas agora o favicon apareceu,muito obrigado pela ajuda e a nota que deu.

    ResponderExcluir
  9. esqueci de dizer...peguei os favincons de coroa rosa e a florzinha ta ok?

    ResponderExcluir
  10. Ah, no problem, Yasmim rsrs
    Você já é de casa haha
    bjinhos e boa sorte com seu blog!

    ResponderExcluir
  11. Este comentário foi removido pelo autor.

    ResponderExcluir
  12. Curti muito o post, você soube explicar muito bem e ficou super fácil de fazer :)

    Bjo.

    Ruan Miguel.

    mudandoapagina.blogspot.com

    ResponderExcluir
  13. Adorei
    https://annnalima.blogspot.com.br

    ResponderExcluir