• Flash

    Video aulas e tutoriais sobre flash

  • Dreamweaver

    Dicas sobre o editor de HTML mais poderoso do mundo.

  • Fireworks

    Aprenda a fazer layouts para sites e banners animados.

  • Dicas para blogs

    Dicas para deixar seu blog cada vez mais profissional.

terça-feira, 21 de junho de 2011

Adicionando icone favicon em seu blog ou site !


Você já se perguntou como esses pequenos ícones aparecem ao lado dos endereços da web, como o que você vê acima? Quando você visitar os sites ou ficha-los, estes ícones fará com que esses URLs se destacam. Estes são "Favicons" ou "ícones favoritos".

Você primeiro precisa ter um ícone que você gostaria de usar, com a extensão.Formato ico. Se você pesquisar seu disco rígido, você pode encontrar alguns íconesque são genéricos. Sugiro que você crie uma para representar a sua própria identidade.  um grande número de software livre ícone editor que você pode baixarda net.

Quanto a mim, fui ao site Download.com e baixei um programa muito pequeno chamado Imagicon que pode transformar imagens em formato. Ico. Eu criei uma imagem usando Photoshop. Você pode usar qualquer imagem ou imagens se você não deseja criar um. Em seguida, execute o programa. É bastante simples de usar.Embora você possa criar ícones em dois tamanhos - 16x16 e 32x32 - Eu acho que um ícone de 16x16 é preferível, uma vez que pode ser lido na maioria dos navegadores mais antigos.

Se você não quiser fazer download de qualquer software, você também pode tentarcriar um ícone online. Basta digitar as palavras-chave "gerador ícone online" em suabarra de pesquisa Google, e você deve ser capaz de encontrar vários programas quevocê pode tentar.



Depois de ter criado um ícone, salve-o em seu disco rígido. O próximo passo de anexar o ícone é um pouco complicado. Idealmente, todos os que você precisa fazer é salvá-lo no diretório raiz do seu site blog. No entanto, não há nenhuma maneira isso pode ser feito. Por um lado, se você tentar fazer upload de uma imagem de ícone, o Blogger irá rejeitá-la. Dois, qualquer arquivo que é carregado não vai para o diretório raiz do Blogger.

O único método a utilizar será o de fazer o upload do ícone em alguma pasta web, e criar um link. Você pode ler sobre como usar hosts gratuitos como o Google Page Creator e Google Groups. Confira os sites e escolher aquele que é rápido, confiável e permite o upload de arquivos. Ico.

Depois de ter feito isso, tome nota do URL de seu ícone. Se você estiver usando o Google Page Creator, passando o mouse sobre o link, você verá que o arquivo está armazenado em um diretório que tem esta aparênciahttp://yourname.googlepages.com/iconname.ico
onde "seunome" é o nome da conta do Gmail, e "iconname" é o nome do arquivo.Copiar este URL.

Volte para o seu painel do Blogger e sob a guia Modelo, vá em "Editar HTML". Perto do topo, você verá uma linha como esta: -



<title><data:blog.pageTitle/></title>


Update:

Copie e insira o seguinte código abaixo da linha: -



<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>


Inserindo isso também funciona, mas a primeira é preferível: -


<link href='URL of your icon file' rel='shortcut icon' type='image/x-icon'/>


Lembre-se de digitar o "URL do seu arquivo de ícone".

Salvar o modelo. Quando você atualiza seu blog, você deve consultar o seu Faviconl ao lado do endereço do blog.

Outros tipos de imagem

O. Formato de imagem ico tem sido utilizado por muitos, mas você também pode criar uma imagem sob. Formato gif ou png.. Garantir que o tamanho da imagem é ou 16x16 pixels ou 32x32 pixels.

Se você tem uma imagem no formato PNG, o link para inserir é: -



<link href='URL of your icon file' rel='shortcut icon' type='image/png'/>


Se for uma imagem em formato GIF, o link é: -


<link href='URL of your icon file' rel='shortcut icon' type='image/gif'/>


domínio externo

Para aqueles que têm sites hospedados em domínios externos, inserir o link no diretório raiz também. Caso contrário, você pode fazer o upload do arquivo no diretórioraiz com o nome favicon.ico

Como exemplo, se o seu nome de domínio é www.domain.com, a URL do favicon seráwww.domain.com / favicon.ico

Este método não é preferível, mas uma série de versões do browser são capazes de processar o ícone. Uma vez que não temos domínios externos para experimentar esta alternativa, você pode querer ver se funciona para você.

compatibilidade

Enquanto você pode ver o Favicon no Mozilla Firefox, muitos têm problemas em ver oFavicon no Internet Explorer. Este é um problema conhecido e tem sido um ponto sensível, com muitos usuários do IE. Em algumas versões do IE, o site bookmarking irá exibir o Favicon. Isso não é necessariamente assim em IE7 que estamos usando. Na verdade, quando marcada a sites altamente popular motor de busca, seu Favicons não mostram em nosso favoritos do IE também, embora eles mostram bem no Firefox.Talvez este seja mais um motivo para baixar o Mozilla Firefox, se você não tiver feito isso.



Sites que criam favicom.ico http://www.favicon.cc/

1 comentários:

Ganhe Dinheiro Online disse...

Aprenda a Ganhar Dinheiro na Internet

5 métodos REVEDADOS de como Ganhar Dinheiro na Internet trabalhando em casa. São Métodos utilizados pelos grandes GURUS da internet. Conheça agora:
http://www.voutrabalharonline.com/?id=cliquevi

Desejo-lhe Suce$$o

Postar um comentário