Postagens

Mostrando postagens de Janeiro, 2007

Favicon no Blogspot

Imagem
Atenção, há uma nova versão deste tutorial:
Corrigindo a exibição do Favicon no Blogspot
Utilizar um ícone personalizado em seu blog é uma forma de diferenciá-lo entre tantos. O ícone personalizado aparece no início da barra de endereços do browser quando o site é acessado e também quando é adicionado aos favoritos.

Em um site hospedado através de FTP, normalmente basta subir a imagem em formato .ICO, com resolução de 16x16px, nomeada como favicon.ico para a raiz do site. Mas no Blogger é um pouquinho mais complicado:

Crie um ícone 16x16 em formato PNG e hospede onde preferir. Depois inclua a linha abaixo dentro da tag HEAD do seu template adaptando o endereço onde salvou o ícone:
<link href='http://UsuarioCompulsivo.png' rel='shortcut icon'/>Update: Para funcionar no Internet Explorer é necessário converter a imagem para o formato ICO e repetir o procedimento acima.

OBS: No Google Pages o nome da imagem não pode ser "favicon.ico", caso contrário irá aparec…

Como ocultar a NavBar do Blogger

Para esconder a barra de navegação do Blogger, também conhecida como NavBar, entre no modo de edição do HTML e marque a opção 'Expandir modelos de widgets'. Cole logo abaixo da tag <head> o código abaixo:
<!-- Hide Navbar -->
<style type='text/css'>

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

</style>
<!-- Hide Navbar -->

Remover atom feed do rodapé do Blogger

Imagem
Para remover o link automático para o Atom Feed no rodapé do novo blogger, entre no modo de edição do HTML e marque a opção 'Expandir modelos de widgets'.

Localize e remova a linha em vermelho, conforme exemplo abaixo:
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>

Imagens no topo do Blogger

Imagem
Só o cume... digo, o topo... ou melhor, o cabeçalho interessa ;-)
Para permitir a inclusão de elementos, imagens inclusive, no cabeçalho do Blogger (da mesma forma que é feito na barra lateral), é necessário alterar algumas linhas do código fonte do template. Na área de edição do HTML, clique na caixa ' Expandir modelos de widgets', e procure pela área abaixo:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='UsuárioCompulsivo (Cabeçalho)' type='Header'/></b:section></div>
Deixe-a da seguinte forma:
<div id='header-wrapper'>
<b:section class='header' id='header' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='UsuárioCompulsivo (Cabeçalho)' type='Header'/>
</b:section></div>Para…

AdSense no corpo dos artigos do Blogger

Imagem
Anúncios no corpo... das suas postagens.
Para incorporar anúncios do AdSense no corpo dos posts na nova versão do Blogger (ex-beta) não é tão simples. São necessárias algumas alterações adaptações no código do AdSense, para que seja possível sua inclusão no template.

Há uma discussão quanto a isso, pois o Google não permite alterações do script gerado, porém não estamos alterando o código, só adaptando para incorporação à estrutura XML do template.

São substituídos caracteres especiais, por exemplo: o sinal que abre as tags '<' é substituído por . Perceba que precisei criar uma imagem para expressar esses caracteres, pois renderizados em um browser eles mostram exatamente o caractere que representam.

Então, quando for exibido o código fonte da página em questão, o script do AdSense estará intacto, como se nunca tivesse sido alterado.

Eu acabei não utilizando aqui no UsuárioCompulsivo, pois o AdSense só permite três anúncios por página, assim as propagandas apareceriam apena…