Postagens

Mostrando postagens de janeiro, 2007

Favicon no Blogspot

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 con

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

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

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 substituir o cabeçalho em texto por uma imagem, de

AdSense no corpo dos artigos do Blogger

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. 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 apenas nas primeiras três postagens e ocultariam outras existentes nos rodapés, barras laterais, etc. Vamos colocar a mão na massa, primeiramente é necessário gerar o script na página do AdSense para depois substituir os caracteres especiais. Mas não se preocupe, você não vai precisar fazer isso na mão, n