Postagens

Mostrando postagens de Outubro, 2008

Corrigindo a exibição do Favicon no Blogspot

Imagem
Favicons, palavra em inglês derivada de favorite e icon (Wikipédia).
Olá amiguinhos, depois de muito pastar tentando solucionar o problema da exibição do Favicon para os blogs hospedados no Blogspot, eis que a solução surge, por intermédio do Amílcar do Grupo Blogspot Brasil, no Blogger Tips and Tricks.

Se você já usa o código anterior para exibir o Favicon no seu site, basta mudar sua posição dentro do template, para logo depois da linha abaixo:
]]></b:skin>Se você ainda não utiliza, hospede duas imagens com tamanho de 16x16 pixels, uma no formato PNG e outra convertida para o formato ICO, no local de sua preferência e anote as URLs dos arquivos hospedados.

Localize a linha ]]></b:skin> dentro do código html do seu template e logo após cole o seguinte trecho, adaptando o endereço dos arquivos que você acabou de hospedar:
]]></b:skin>
<link href='URL_DA_IMAGEM_FORMATO_ICO.ico' rel='shortcut icon'/>
<link href='URL_DA_IMAGEM_FORMATO_P…

Imagem aleatória no cabeçalho do Blogspot

Imagem
Como exibir uma imagem diferente a cada carregamento da página.
Quando publiquei o tutorial Como exibir uma descrição aleatória abaixo do título no Blogspot, prometi mostrar também como fazer o mesmo com imagens. Ou seja, como exibir uma imagem diferente no topo (ou cabeçalho) do Blogspot, a cada carregamento da página.

Para felicidade geral da nação, digo ao povo que exibir uma imagem aleatória no cabeçalho do Blogger é tão fácil quanto exibir uma descrição aleatória.

Antes de começar, a primeira coisa que você precisa fazer é checar no painel de controle do Blogger, dentro das opções de Elementos da página, se o seu template permite a inclusão de novos elementos no cabeçalho. Feito isso, vamos ao que interessa:


Como exibir uma imagem aleatória
no cabeçalho do Blogger

Prepare as imagens que pretende usar, elas devem ter exatamente o mesmo tamanho entre sí e a mesma largura total do seu template. Hospede-as e anote a URL de cada uma delas.

Nas opções de Elementos da página remova o cabeçalho…

Imagens grandes no editor do Blogger

Imagem
Como publicar imagens em tamanho original no Blogger
Se você usa o editor do Blogger para redigir e publicar suas postagens, já deve ter reparado que há uma limitação no tamanho das imagens dentro dos posts, de apenas 400 pixels de largura para imagens em formato paisagem (horizontal), ou 400 pixels de altura no formato retrato (vertical).

Creio que esta limitação tem como base o layout padrão dos templates oferecidos pela plataforma, onde a coluna dos posts não tem mais que 470 pixels de largura, portanto imagens de até 400 pixels "encaixariam" perfeitamente.

Mas como muita gente utiliza templates personalizados, com a coluna dos posts mais larga que 470 pixels, esta limitação acaba atrapalhando bastante quando é necessário postar imagens maiores do que este padrão de publicação permite.

Para contornar esta limitação e exibir as imagens publicadas através do editor do Blogger no seu tamanho original é necessário editar o código HTML dos artigos, alterando os parametros incl…