Arquivo | Como colocar favicons no Blogger RSS feed for this section

Novidade: Como trocar o favicon padrão do Blogger direto do painel

22 jun
O Blogger liberou uma novidade hoje! Agora é possível trocar o favicon padrão do Blogger direto do Blogger. Sem precisar adicionar código algum no template.

O favicon é o ícone que fica do lado do link na barra de navegação (onde se digita o link).

Antes eram necessários vários macetes para substituir o ícone. Agora o Blogger resolveu ajudar, liberando tal função em seu painel de testes (Blogger in Draft).

Para começar o procedimento de troca, é necessário ter um favicon em formato ICO (.ico). Se você ainda não tem, crie uma imagem quadrada e salve com o formato PNG (.png). Depois entre no site www.convertico.com, selecione a imagem e clique em “Convert”.

Depois clique em “Click here to Download”. Uma nova aba será aberta e você deve salvar a imagem em seu computador.

Obs.: Não adianta usar o link da imagem direta do site. Pois esse arquivo é hospedado temporariamente no ConvertIco.

Como configurar:
1) Faça login no Blogger in Draft
2) Entre em “Design” -> “Elementos da página” e clique em “Editar” como na imagem:

3) Escolha a imagem e clique em salvar.

Pronto! Nada mais! O próprio Blogger hospeda e coloca o favicon no lugar que deve ficar.

Anúncios

Icones de Redes Sociais para Blog

17 jun

Divulgue as redes sociais as quais você participa incluindo ícones sociais em seu blog.
Aqui você vai encontrar diversos Ícones de Rede Social Network para você usar em algum gadget para divulgar as redes sociais as quais seu blog participa.
Fiz uma seleção dos mais lindos e diferentes ícones disponíveis na web.
Clique na imagem que ela o levará até o link para fazer download dos ícones que você escolheu.
Depois que escolher o pacote que mais lhe agrada e fazer download dos icones, hospede seus ícones em algum site de hospedagem. (apesar existirem vários sites que hospedam imagens, o ideal é criar um blog no seu painel do blog, com  nome de imagens e hospedá-las lá.)

ICONES DE REDES SOCIAIS:

fonte: mundo blogger/cris martins

Tradutores

17 jun

Tradutores Conveythis


O site Conveythis, disponibliza execlentes tradutores e você pode escolher e customiza-los nos idiomas que quiser. O melhor é que ele é leve, e eficiente. Quando passamos o mouse em cima da caixinha, abre uma janelinha para escolher o idioma a ser traduzido.
Se quiser instalar um desses em seu blog,vá até a página de Customização do Tradutor.

Google Translate

Copie o código abaixo:

function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: ‘pt’ }, ‘google_translate_element’); }

Tradução do idioma Português para outros idiomas

Português – Inglês
Português –
Francês
Português –
Alemão
Português – Italiano
Português –
Português
Português – Russo
Português – Espanhol

Tradutor 2

.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; }

English
French
German
Spain
Italian
Dutch

Russian
Portuguese
Japanese
Korean
Arabic
Chinese Simplified

By Ferramentas Blog

Para instalar qualquer um destes Tradutores, vá até ‘design’ → Clique em ‘Adicionar gadget’→ Escolha tipo ‘HTML/Javascript’ e cole o código do tradutor que você escolheu.

Fonte:mundo blogger

Como colocar favicons no Blogger

8 abr

Sabe aqueles ícones personalizados que tem ao lado dos nomes de sites, na barra de endereços e quando você os salva nos seus favoritos? Eles são chamados de favicons. Aprenda a colocar um FavIcon no Blogger (Blogspot) para deixar o seu blog ainda mais personalizado!

Não posso dar adesivos legais como estes, mas divido meu conhecimento sobre o Blogger.

A primeira coisa de que você precisa é de uma imagem. Se não tiver uma, recomendo procurar algo de seu agrado no FreeIconsWeb.

Se sua imagem for grande, é melhor recortá-la na forma de um quadrado pequeno. Você pode usar o editor de imagens Free Online Image Editor para recortar e redimensionar sua imagem. Guarde uma cópia de 32 píxeis de largura por 32 píxeis de altura.

Entre no gerador automático FavIcon Generator, carregue sua imagem recortada e clique em “create icon”. Depois clique com o botão direito na imagem que aparecerá para baixar o ícone para seu computador.
Agora que você já tem o ícone, precisa hospedá-lo.

Crie uma conta no HotlinkFiles, se você ainda não tiver uma, para isso. Depois entre na página “Upload” e envie seu ícone com a extensão ICO e a imagem de 32×32. Copie o endereço de ambos arquivos em algum lugar, pode ser no bloco de notas.
Entre no painel de configuração do seu blog e escolha “Layout” – “Editar HTML”. Logo acima de , digite:


 

 
Substitua o endereço das imagens pelos das suas e salve seu template/modelo. Pronto! Seu ícone deverá começar a aparecer para seus usuários.
Certamente, esta dica também é válida para usuários do WordPress. Basta encontrar o lugar certo para colocar o código.

fonte: http://www.andrefelipe.net