Usuário Compulsivo

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 personalizar o blog-pager do Blogspot, segu...

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.getElemen...

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 ...

Este tutorial é um dos mais pedidos depois do lançamento do novo template compulsivo . Como já disse em comentários e no Grupo de Discussão Blogspot Brasil , me baseei no tutorial que está no Templates para Você , que usa o JavaScript criado por BarelyFitz Designs para exibir um menu em abas no Blogspot. Este não é um tutorial de difícil implementação, mas antes de começar vamos aos avisos paroquiais: 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, copiar e colar sem pensar não dá certo! Baixe este arquivo , hospede no local de sua preferência e anote a URL. Em seguida cole o código abaixo antes da tag </head> do seu template, alterando a localização do arquivo hospedado anteriormente: <!-- JavaScript Menu em Abas --> <script src=' http://URL_DO_ARQUIVO/tabber.js ' type='text/javascript'/> Depois, adicione o seguinte trecho de código CSS ao seu temp...

O tutorial mais pedido pelos leitores compulsivos vai finalmente ser atendido. Hoje vou mostrar como colocar duas colunas no rodapé do seu blogue no Blogspot. Antes de começar, os avisos paroquiais: Essas configurações são um pouco complicadas e demandam certo conhecimento em códigos HTML e CSS. Por precaução tente antes num blogue de testes e faça o backup do seu template antes de começar. Cansei de ouvir gente choramingando com o template quebrado dizendo que foi culpa minha, mas não usou um blogue de testes e nem fez backup. Já vou avisando que casos assim nem publico mais o comentário! Se vire! Foi usado o template Minima, padrão do Blogger como exemplo, se você usa um template diferente ou personalizado as configurações podem variar bastante. Dito isso, vamos começar com o rodapé (footer) em duas colunas, ideal para templates estreitos, com apenas uma coluna na barra laretal. O que vamos fazer é localizar todos os trechos de código originais relativos ao rodapé, tanto no CSS como ...

Modifique o link original no comentário do autor. Você já viu aqui como destacar os comentários do autor no Blogger . Mas ficaram faltando alguns pequenos detalhes para essa dica ficar completa: Como incluir um ícone personalizado e alterar o destino do link sob o nome do autor do artigo nos comentários. Mas porque eu deveria fazer essa alteração, você me pergunta. Simples pequeno leitor, a dica para destacar os comentários só funciona quando o autor comenta usando a mesma Identidade Google usada no login do Blogger e nesse caso, por padrão é criado um link para a página do perfil do autor. E qual o problema? Mais uma vez você pergunta e o Compulsivo responde. Você pode optar por não permitir visualizações ao seu perfil e nesse caso é interessante remover todos os links que apontem para essa página no seu template. Além disso a página padrão do perfil do Blogger é muito feia! Dito isso, vamos as explicações técnicas. Entre no modo de edição HTML do seu template no painel de co...

Meta tags são linhas de código que ajudam a descrever o conteúdo de um site ou blogue para os motores de busca, onde constam informações como a descrição da página, palavras chaves e seus autores. As meta tags foram muito importantes na fase da internet a lenha. Época em que era necessário cadastrar as URLs dos websites nos diversos motores de busca da rede e estes usavam as informações das meta tags para organizar e categorizar o conteúdo. Porém alguns webmasters começaram a abusar no uso das meta tags, incluindo informações que não existiam nas suas páginas e diminuindo a relevância dos resultados obtidos nas pesquisas. O que precipitou o desenvolvimento de uma nova geração de buscadores e o aparecimento do todo-poderoso e onipresente Google e o seu PageRank. Apesar de não terem mais a mesma importância de outrora (desenterrei essa palavra!) para os motores de busca, as meta tags continuam sendo bastante utilizadas em vários websites e blogs populares. Normalmente são apenas algumas ...