Postagens

Mostrando postagens de Agosto, 2008

Como personalizar o navegador do Blogger

Imagem
Navegar é preciso, não importa o tamanho da nave...
Sabe aqueles links que aparecem no rodapé da coluna dos posts nos blogs hospedados no Blogspot, que permitem avançar e retornar as páginas de postagem? Esse elemento de página chama-se navegador ou 'blog-pager'.

Por padrão são exibidos apenas os links: "Postagens mais antigas", "Início" e "Postagens mais recentes", centralizados e sem muito charme, assim:

Postagens mais antigas      Início      Postagens mais recentes
Já mostrei como personalizar o navegador do Blogger usando ícones intuitivos e mais recentemente também informei sobre o novo recurso de navegação em páginas numeradas, tão aguardado pelos usuários do serviço oferecido gratuitamente pela (empresa) Google.

Eu particularmente acredito que o recurso de navegação numerada não é o ideal para um site no formato blog. Pois o navegador não é exibido quando o usuário acessa uma página individual, apenas na home page.

Pensando nisso resolvi pe…

Títulos expansíveis nos arquivos e categorias

Imagem
Outro dia me perguntaram como exibir apenas os títulos dos posts nas páginas de arquivo ou categorias (marcadores) no Blogspot. Mas ao invés de explicar só isso, preferi apresentar a vocês como configurar títulos expansíveis nessas páginas.

Funciona assim: Quando o usuário clica em algum marcador ou seleciona um mês no arquivo do blog, é conduzido a uma lista que exibe apenas a data e o título clicável dos artigos precedidos pelos símbolos [+/-].

Que funcionam como o sinal de adição no navegador de arquivos do Windows (Explorer). Ao ser clicado o conteúdo do artigo é exibido, se acionado novamente o artigo é escondido.

Para configurar no seu blog, primeiramente entre no modo de edição HTML e faça um backup do seu template, ou faça antes no seu blog de testes. Em seguida marque a opção Expandir modelos de widgets e cole o código a seguir imediatamente acima da tag </head>:
&lt;script type='text/javascript'&gt;
function toggleIt(id) {
post = document.getElementById(id);
i…

Como personalizar o rodapé dos posts*

Imagem
Roda, Pé... ;-)
Depois do lançamento do template compulsivo 2.0, passei a receber vários pedidos de tutoriais. Alguns já foram atendidos, como a Galeria de destaques, o Menu em abas e o Rodapé em colunas. Porém uma das solicitações mais recorrentes não havia sido atendida... Ainda.

Hoje vou mostrar como personalizar o rodapé dos posts no Blogspot. Incluindo um convite bacana para assinatura dos Feeds, artigos relacionados e opções para enviar por email, imprimir e incluir nos sites sociais, etc.

Depois de aplicar este tutorial, o rodapé dos seus artigos, nas páginas individuais do Blogspot, vai ficar assim:


O que precisa ser feito:
Incluir definições de formatação do rodapé no CSS;Incluir o leiaute para impressão;Substituir o link para encaminhar por email;Substituir o rodapé original pelo código compulsivo.Os avisos de praxe:
Tente antes num blogue de testes;Faça um backup do seu template antes de começar;Leia o tutorial até o fim e tenha certeza de ter entendido.Antes de mais nada você…