Como personalizar o rodapé dos posts*

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:
  1. Incluir definições de formatação do rodapé no CSS;
  2. Incluir o leiaute para impressão;
  3. Substituir o link para encaminhar por email;
  4. 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ê precisa ter configurado e funcionando o tutorial compulsivo para exibir os Artigos Relacionados no rodapé das postagens. Se ainda não tem, vai lá e configura que eu espero ;-)


1o. Passo - Incluir definições de formatação CSS;

Entre no modo de edição HTML do seu template no painel de controle do Blogger, marque Expandir modelos de widgets e vamos começar a trabalhar.

A primeira coisa a fazer é incluir as definições de formatação do rodapé dos posts no CSS. Cole o código abaixo antes do trecho referente as definições de formatação dos comentários, conforme o exemplo abaixo:
.post-footer a:link, a:visited {color: #333;}
.post-footer a:hover {color: #c60; text-decoration: underline;}
.post-footer ul {font-size: 120%; list-style: none; padding: 0; margin: .2em 0 0 0;}
.post-footer ul li {margin: 0; padding: 0;}
#subscribe {width: 100%; font-size: 120%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 1em 0 1em; background: #eee;  padding: 5px;}
#post-footer-container {width: 100%; clear: both; min-height:140px;}
#relacionados {width: 250px; float: left;}
#mais-opcoes {width: 140px; float: right; padding-left: 5px; border-left: 1px solid #ccc;}

/* Comments
----------------------------------------------- */

OBS: Os valores destacados em azul são personalizáveis. Em vermelho são referências para ajudar a posicionar o código.


2o. Passo - Incluir o layout para impressão:

Agora vamos incluir o layout para permitir a impressão apenas do conteúdo do post e dos comentários, excluindo a sitebar e demais elementos. Cole o código abaixo antes do fechamento da TAG </head> no seu template:
<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>

</head>

3o. Passo - Substituir o ícone para encaminhar por email;

Para não duplicar a opção de encaminhar postagens por email, localize e remova todo trecho de código a seguir. Não se preocupe, pois essa opção será incluida no rodapé mais adiante:
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>

4o. Passo - Substituir o rodapé original pelo código compulsivo:

Agora vamos alterar o rodapé propriamente dito. Conforme observado no início deste tutorial, você precisa ter configurado previamente os Artigos Relacionados, para localizar o trecho de código abaixo no seu template:
<div class='post-footer-line post-footer-line-3'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h3>artigos relacionados</h3></b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
Substitua tudo pelo código compulsivo personalizado a seguir:
<div class='post-footer-line post-footer-line-3'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Exibir apenas nos permalinks -->
<div id='subscribe'> <!-- Personalizar Mensagem no rodapé dos posts -->
Gostou deste artigo? Então <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='faça seu comentário'>deixe um comentário</a> e assine nosso <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='RSS Feed'>RSS Feed</a>.
</div> <!-- fim subscribe -->
<div id='post-footer-container'> <!-- Container: Relacionados + Opcoes -->
<div id='relacionados'> <!-- Artigos Relacionados -->
<h3>Artigos Relacionados</h3>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div> <!-- fim relacionados -->
<div id='mais-opcoes'> <!-- Personalizar Mais Opções -->
<h3>Outras Opções</h3>
<b:if cond='data:post.emailPostUrl'><span class='item-action'><a expr:href='data:post.emailPostUrl' target='_blank' title='Enviar por email'>Encaminhar por email</a><br/></span></b:if>
<a href='javascript:;' onclick='window.print();return false' title='Imprimir esta página (texto e comentários)'>Imprimir esta página</a>
<p><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Enviar para o seu Twitter'>Enviar para o Twitter</a><br/>
<a expr:href='&quot;http://ueba.com.br/NovoLink?url=&quot; + data:post.url + &quot;&amp;titulo=&quot; + data:post.title' target='_blank' title='Enviar para o Uêba'>Enviar para o Uêba</a><br/>
<a expr:href='&quot;http://dihitt.com.br?botao=enviar&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Recomendar este artigo no diHITT'>Recomendar no diHITT</a><br/>
<a expr:href='&quot;http://rec6.via6.com/link.php?url=&quot; + data:post.url + &quot;&amp;titulo=&quot; + data:post.title' target='_blank' title='Recomendar este artigo no Rec6'>Recomendar no Rec6</a></p>
<a expr:href='data:blog.homepageUrl + &quot;feeds/&quot; + data:post.id + &quot;/comments/default&quot;' title='Feed dos comentários deste artigo'>Feed dos comentários</a>
</div><!-- fim Mais Opções -->
</div><!-- fim Container: Relacionados + Opcoes -->
</b:if><!-- fim Exibir apenas nos permalinks -->
Visualize para ter certeza que não há nenhum erro, salve e está pronto!

Observação: Se não conseguir de primeira, continue tentando. Fiz exatamente conforme descrito neste tutorial e garanto que funciona. Os testes foram realizados no template Minima White que está disponível para download:
* Conteúdo exclusivo desenvolvido na CCP**
** Central Compulsiva de POG!


Imagem topo: Tom Grundy

Comentários

  1. Olá, Compulsivo!

    Eu já usei tanto as suas dicas de personalização do blogger que vou acabar colocando que meu template (um novo que não sai de jeito nenhum, falta inspiração e tempo) foi feito por você!

    O mais incrível é que estava tentando sem sucesso fazer exatamente essa personalização. Portanto, muito obrigado. Menos tempo quebrando a cabeça com uma coisa, mais tempo pra personalizar outras.

    Beijos!!

    ResponderExcluir
  2. @Tati, se puder colocar num cantinho os créditos, da forma que você achar melhor, a casa agradece! Obrigado por suas visitas.

    []'s
    Compulsivo

    ResponderExcluir
  3. Nossa, Compulsivo!
    Vc leu meus pensamentos!
    Desde ontem eu estava tentando colocar o convite para os feeds mas não estava ficando legal. Mais um tutorial com a marca Usuário Compulsivo.
    Bjsssss

    ResponderExcluir
  4. Ju, é nóis no Blogspot!!!

    []'s
    Compulsivo

    ResponderExcluir
  5. Realmente ficou sensacional o tutorial!

    Valeu por compartilhar!

    Muito sucesso! E bastante dindin ;-)

    ResponderExcluir
  6. Muito bom, mais uma vez parabéns, sempre que entro aqui encontro uma dica bacana, devagarzinho vou usando todas elas em meu blog.
    Valeu...

    ResponderExcluir
  7. Muito interessante e em boa hora, so preciso reservar um tempinho para personalizar o meu blog com este rodape, ja que tenho um pouco de dificuldade nesta area!
    Mas valeu assim mesmo e vou tentar modificar o meu blog, que por sinal tem um link para o usuario compulsivo!
    Valeu!
    Abraços!

    ResponderExcluir
  8. Caspita Compulsivo! como que tu me apronta uma dessas logo agora que estão querendo migrar o desejado pra wordpress¿ me lascou! kkk

    mais um tutorial sensacional!
    (abre um pra wordpress tb! kkk salva a pátria e fique rico! kkkkkkkkkkkk abraços!)

    ResponderExcluir
  9. Ontem mesmo,tava pensando nesse rodapé.
    Da uma cara bem organizada ao blog, e o melhor é pode ser costumizado.
    Não posso deixa de comentar que essa postagem está foi muito bem feita, tudo bem explicado. O que deve ser feito, onde fazer, qual a mudança.
    Isso deixa tudo muito facil até para os que tem muitas duvidas,Parabens.
    Claro que antes de comentar fiz o teste e... tudo perfeito como deve ser !
    valew compulsivo .

    ResponderExcluir
  10. @Whebson, @Pedro (Auto Clube), @Eduardo, @Guilherme (orbe-digital) grato pela visita e por seus comentários, voltem sempre para encontrar as melhores dicas para o Blogspot!

    @Paulo, optei pelo Blogspot e não pretendo mudar tão cedo. Mas penso que devem existir bons sites com dicas para o Wordpress, não?

    []'s
    Compulsivo

    ResponderExcluir
  11. Muito boa dica compulsivo. Vou acabar migrando para meu blog de testes... está ficando cada vez mais "agradável" com seus tutoriais.
    Sucesso!!!
    Ulisses

    ResponderExcluir
  12. Ola Compulsivo,

    uso o Firefox 3.0 e tentei imprimir a pagina pelo link disponibilizado, mas so imprimiu ate a linha que diz '1º Passo- Incluir definiçoes de formataçao... |-(

    ResponderExcluir
  13. Compulsivo,
    Sem dúvida mais uma ótima dica (assim como assinar com o OpenID).
    Parabéns pela sua didática.Não deu um só erro!
    Ah, obrigada tb por favoritar no blogblogs...
    Valeu!

    ResponderExcluir
  14. @Ulisses, boa essa de migrar para o blogue de testes :-)

    @Marcelo, valeu pelo toque. Depois de muito pesquisar, descobri que o problema só ocorre no Firefox. O Internet Explorer está imprimindo normalmente.

    Ainda não encontrei uma solução para isso, se você encontrar me avise, ok?

    @nani, you're wellcome!

    []'s
    Compulsivo

    ResponderExcluir
  15. Funciona mesmo.
    Valeu Compulsivo

    ResponderExcluir
  16. Essa não @Jhonny, tinha publicado só para sacanear vocês...

    Brincadeirinha :-) Claro que funciona, afinal é um tutorial compulsivo!!!

    []'s
    Compulsivo

    ResponderExcluir
  17. Compulsivo mata a cobra e mostra o pau!!

    Eu queria apenas a parte do "Gostou desse artigo...", logo se na formatação eu pegar somente o #subscribe e o div id=subscribe e colocá-los no código, irá funcionar?

    ResponderExcluir
  18. Muito bom Compulsivo, queria poder ter essa criatividade de gerar modificações assim em blogspot ^^, parabéns, e que venham muitas outras modificações by Compusivo.

    ResponderExcluir
  19. @Cidão, mais ou menos, tem que adaptar a parte do Html também...

    []'s
    Compulsivo

    ResponderExcluir
  20. Ainda bem que meu template já veio com esses assessorios!! Eu iria penar um bocado para adicionar ...

    Sempre inovando nas dicas em compulsivo, tá tão bem explicado que mais um pouco vc pega na mão do visitante e faz por ele!!

    Gostei da foto do roda pé... ;-)

    Bjiim

    ResponderExcluir
  21. Oi Yara! Minha maior comentarista do mês! Deixa eu te contar um segredo. Estou melhorando o nível dos tutoriais para não precisar dar tantas explicações nos comentários ;-)

    []'s
    COmpulsivo

    ResponderExcluir
  22. menino esperto!!!
    :-) .... se a sua distraída comentarista percebeu, os paraquedista do seu blog tendem a perceber tambem!!

    ótima ideia, como sempre... e eu ainda penando para fazer o menu de abas... hehehehe.. esse fds eu vou tentar dnovo.. vamos ver se funciona né!?

    top comentarista do mês ganha alguma coisa??
    Hehehehehe... eu quero um brinde!!! ou no minimo um aperto de mão!

    ResponderExcluir
  23. Passei 3 semanas me chicoteando por raiva de não conseguir fazer...Eu simplesmente estava louca pra ter isso...

    Tinha de ser vc, não é? Tu é "O CARA"!!!!Já estou usando no meu blog, falta só personalizar. Mas você está de parabéns, como sempre!


    Mas antes vou comprar um Bepantol, porque estou toda dolorida...rsrsrs

    Beijos, moço!

    ResponderExcluir
  24. @Insubmissa, tem certeza que foi por causa disso que você estava se chicoteando? Não foi só pretexto não ;-)

    @Yara, dê uma olhada nas suas estatísticas de acesso, acredito que você tenha ganho algumas visitas para o seu blogue ;-)

    []'s
    Compulsivo

    ResponderExcluir
  25. Pretexto? Imagina, homem! E sou destas coisas? Hein???

    ResponderExcluir
  26. @Insubmissa, eu sabia!

    []'s
    Compulsivo

    ResponderExcluir
  27. Compulsivo:

    Fiz como eu disse, copiei apenas as linhas de código relacionadas ao subscribe, fiz as alterações no texto e coloquei no blog, dê uma conferida.
    Deu um erro no link do feed por email por causa da entidade "loc" que necessitava do ";", então tomei a liberdade de ver seu código fonte, e vi que antes da entidade tinha "&", que estava faltando. Deu tudo certo. Troquei também a fonte, que estava em 120% para 100%.
    Obrigado pela dica!!! :o)

    ResponderExcluir
  28. Legal @Cidão, que bom que conseguisse fazer conforme seu desejo, fico feliz!

    []'s
    Compulsivo

    ResponderExcluir
  29. Compulsivo

    O negócio é sentar, fuçar e mexer nos códigos, tenho conhecimento em html, mas css e js dá um pouco de dificuldade. Mas mesmo assim, é como sempre digo, tem que ser curioso e colocar a mão na massa!!!
    Vou também incluir uma imagem no código. Já está tudo pronto, só falta escolher a imagem!!!

    Ps: além do &, tava faltando também o amp!!!

    Um abração!!!

    ResponderExcluir
  30. Compulsivo... Otima postagem!!
    po proucurei isso...durante um tempão
    =D
    valeu!!
    Ja personalizei o meu!

    ResponderExcluir
  31. Que história é essa de "eu inventei o Cardoso"??? hahahahaha

    ResponderExcluir
  32. @Juliana, ele não inventou a Internet? Eu inventei ele... Brincadeirinha ;-)

    []'s
    Compulsivo

    ResponderExcluir
  33. Compulsivo do céu... tira aquele risco do "mulher pelada" dalí senão vão começar a estranhar. lol
    K
    Ulisses

    ResponderExcluir
  34. Nada Ulisses, sou bem resolvido, casado pai de dois bebês... Nem esquento com o que pensam.

    Mudando de assunto, sempre que vejo o nome do seu blog, penso que ele deveria se chamar: TocaUma ;-)

    []'s
    Compulsivo

    ResponderExcluir
  35. Por via das dúvidas... Melhorou @Ulisses?

    []'s
    Compulsivo

    ResponderExcluir
  36. Aeeeee... agora sim.. 100%
    Imagine eu também pai de 2 filhos com um blog chamado "TocaUma"...
    =]

    ResponderExcluir
  37. Mas @Ulisses a malícia é a alma do duplo sentido. Tenho certeza que o nome em sí já atrairia muitos visitantes curiosos...

    []'s
    Compulsivo

    ResponderExcluir
  38. Bate-papo em comentários mode [ ]off [x]on
    Se quem visita diariamente já não comenta, imagine só os paraquedistas sedentos por vídeos eróticos. Vai chover xingamentos isso sim...
    Melhor deixar do jeito que está e ir levando.
    =]

    ResponderExcluir
  39. Ulisses, claro, claro, deixa assim, agora já foi. Quem sabe eu não faço o Toca Uma ;-)

    Mas instala o widget compulsivo top comentaristas para incentivar os comentários, poxa!

    []'s
    Compulsivo

    ResponderExcluir
  40. Lança o TocaUma e montemos uma parceria sinistra o.O
    Quanto ao widget, sinceramente não dá. Vai acabar me desmotivando isso sim.

    ResponderExcluir
  41. Putzzz... ando mesmo sem tempo de ler meus miguxos..

    Caí aqui pelo Google, é mole? rs
    Gostei, vou aplicar em alguns templates com "creditinhos".. hehe..

    Agora, sr. Compulsivo: o "Roda, Pé..." foi ph.... :P

    ResponderExcluir
  42. @Rô, não me chame de miguxo que vc me ofende! Miguxo é apelido pr'aquela galera que fala axim :-) pensei que você fosse uma assinante compulsiva, ai, ai, ai! Já assinando, é uma ordem!

    Tem rodas e tem um pé na imagem, ou nao tem?

    []'s
    Compulsivo

    ResponderExcluir
  43. Compulsivo, gostaria apenas de adicionar essa parte de assinar o feed. Li ai nos comentários que o Cidão também estava querendo o mesmo, falei com ele mas não funcionou. Acho que uma explicação sua vale mais que mil palavras de alguém. Flw!

    ResponderExcluir
  44. @Marcos, basicamente é só remover as partes que não quer...

    []'s
    Compulsivo

    ResponderExcluir
  45. Cara, tava tentando exatamente incluir a opção de postagens relacionadas...testei uns três métodos diferentes, sem sucesso.

    Mesmo assim, ainda tenho um problema. Os marcadores (essas setinhas que aparecem antes dos títulos dos artigos) estão invadindo os nomes das referidas postagens.

    Como posso resolver?

    Abraço, Tiago.

    ResponderExcluir
  46. Completando o comentário anterior...fuçando nas opções, consegui incluir links para favoritar as postagens no del.icio.us e Gafanhoto.

    ResponderExcluir
  47. Saudações Compulsivo!
    Neste tutorial tentei inserir somente a parte da (impressão). Consegui, mas, quando eu clico em imprimir, sai a Página toda. (Logo; Menu; Sidebar etc...) será algum problema com os códigos? Pois no Firefox e no IE não funcionou (no meu Blog, pois no seu eu tentei e a impressão sai só da postagem). vou tentar pela trigésima vez, e quem sabe né!

    Abraços! _o/

    ResponderExcluir
  48. oi, assim como faço para colocar icones do lado das opções e tbm nos artigos relacionados, como tem aqui inves de ficar so o texto entende? obrigado

    ResponderExcluir
  49. @Melo, ai é contigo meu querido... Garanto que essa é a parte mais fácil...

    []'s
    Compulsivo

    ResponderExcluir
  50. puts não consegui, teria como me informar como faço para colocar as imagens? obrigado

    ResponderExcluir
  51. @Melo, entre em contato pelo formulário, que acertamos tudo por um precinho camarada...

    []'s
    Compulsivo

    ResponderExcluir
  52. Compulsivo! Socorre sua amiguinha... :(
    Eu coloquei e ficou o máximo mas os meus artigos relacionados não aparecem, você sabe o que pode ser? Beijos e vê se gostou do novo template! :)

    ResponderExcluir
  53. @Jaqueline, você tem que implementar o tutorial para os artigos relacionados antes de aplicar este...

    []'s
    Compulsivo

    ResponderExcluir
  54. baah compulsivo, ensina a coloca as imagens do lado... ajude os iniciantes com essas dicas tbm sem cobrar nada... hehe
    obrig.

    ResponderExcluir
  55. Valeu pelas dicas!
    Obrigada.

    ResponderExcluir
  56. Oi cara ,
    adoro este teu blog.
    segui os passos do tutorial , só que os ícones não aparecem e há uma certa distorção quando vizualizo o blog no firefox , no explorer os icones também não aparecem , mas não há distorção
    o que eu faço?

    ResponderExcluir
  57. Rapaz... Muito bom o tutorial heim?
    Gostaria muito de fazer essa implementação aqui, mas não consigo encontrar o trecho:

    /* Comments
    ----------------------------------------------- */

    Pra colar as definições de formatação do CSS.
    Estou usando o "template Geek" do Dicas Blogger e não consigo encontrar essa área para dar início ao processo de alteração.
    Eu só sei que no template já vem a função de "artigos relacionados".

    Abração e parabéns pelo conteúdo.

    ResponderExcluir
  58. @Melo e @Alterado, neste tutorial não ensino a colocar os ícones ao lado dos links, mas isso é muito fácil! É só incluir uma imagem imediatamente antes de cada link, como você faz nos seus posts...

    @Rodrigo, coloque em qualquer lugar, desde que seja dentro da área do CSS. Esta linha citada no post é apenas referência.

    []'s
    Compulsivo

    ResponderExcluir
  59. Compulsivo por que após instala o novo templante compulsivo tenho que clicar em continue lendo para assistir a meus vídeos.
    Há outra forma para assistir na primeira tela?

    ResponderExcluir
  60. Olá Compulsivo. Desculpe a ignorancia, mas como faço para colocar as imagens iguais as suas? Vi que outros comentaram sobre isso, mas não achei sua resposta bem clara. um abraço.

    ResponderExcluir
  61. eu vou tentar e depois volto para deixar meu depoimento. abrx.

    ResponderExcluir
  62. Poxa na pressa nel li todos os comentarios para ver se minha pergunta ja havia sido respondida, mas...
    Queria saber se tem como retirar essa parte:
    Enviar para o:
    Twitter
    Uêba
    Dihitt
    Rec6

    Obrigado!!!!

    ResponderExcluir
  63. oi, como posso colocar as letras com fonte normal, sem ser letra de FORMA?

    ResponderExcluir
  64. olá compulsivo, fiz tudo certinho como você explicou, mas tem um detalhe que não estou conseguindo acertar: se tiver mais de 10 itens nos artigos relacionados, a contagem de comentários sobe e fica ao lado dos artigos relacionados. como que eu resolvo isso?

    ResponderExcluir
  65. Compulsivo, copiei o código do ícone do blogblogs e, adaptando o espaço do link e da imagem, inseri no rodapé dos posts o Youtube, o próprio Blogblogs e o perfil do Windows Live.

    ResponderExcluir
  66. Tentei fazer tudo como você disse, Usuário, mas os códigos que você diz pra procurar no html, nem se quer existem no meu; pelo menos não da mesma forma que citou.

    ResponderExcluir
  67. Olá amigo compulsivo...Este tutorial émuit bom e funcionou muito bem nomeu blog.Obrigado.Gostariade lhe pedirque me explicasse como coloca aquela linha horizontal entre os artigos relacionado e os outros ,como o postar um comentário?
    Desde já agradeço amigo!

    ResponderExcluir
  68. Adorei, Compulsivo. É uma forma discreta, fácil e leve de aumentar o feed readers. Parábens.

    ResponderExcluir
  69. Compulsivo, sempre que alguém vai assinar o feed do meu blog vêm todas as postagens, mas eu não quero isso. Como corrigir?

    ResponderExcluir
  70. compulsivo gostaria de saber como que faço pra mexer nas dimensões ... pois no meu a coluna da direita ficou estreita e precisa de mais espaço pra baixo também, pois está juntando com o comentário ... se quiser dar uma olhada pra ver do que eu to falando

    ResponderExcluir
  71. Tamanho das colunas altere o width (largura):

    #relacionados {width: 250px; float: left;}
    #mais-opcoes {width: 140px; float: right; padding-left: 5px; border-left: 1px solid #ccc;}


    A altura do rodapé você define na linha abaixo, no min-height (altura mínima):

    #post-footer-container {width: 100%; clear: both; min-height:140px;}

    []'s
    Compulsivo

    ResponderExcluir
  72. meu caro compulsivo, sem palavras...
    Estou começando um blog e utilizei este e mais alguns de seus hacks e o resultado foi incrivel, o minimo que poderia dizer e muito obrigado!
    espero ajudar outros blogueiros assim como o compulsivo vem me ajudando!
    Lenha na fogueira, e continue fazendo tutoriais tão bons, uteis e didaticos como este!
    Valeu!

    ResponderExcluir
  73. ahh, instalei aqui, ficou show!

    vlww meu kirido!

    ResponderExcluir
  74. Mais uma vez meu blog assume um pedaço da "inspiração compulsiva"... Ótima ajuda companheiro. continuo fiel à sua página e, inclusive, abri uma seção no meu blog para oferecer às pessoas os links de sites que me ajudaram começar a blogar e a melhorar meu layout...O usuário compulsivo está lá!
    Acho que é uma forma legal de retribur a ajuda (pelo menos é o que está ao meu alcance por enquanto, rs.)

    ResponderExcluir
  75. Eae Compulsivo ;D
    cara pode me ajuda?
    como eu tiro os marcadores do rodapé do post?
    eu ja tentei desmarcar ele nas opções lah do elemntos da paginá mais ele não some "/ ajuda eu?

    Abraço.

    ResponderExcluir
  76. Inseri no template que estou usando apenas a parte do "Gostou deste artigo". Recortei o código que você colocou aí e deu certo. Valeu de novo, meu caro.

    P.s.: Agora, quero colocar um pequeno ícone de feed, mas vou deixar pra amanhã, pois hoje a imagem ficou grande demais e precisarei redimensioná-la ou aplicar as medidas no código.

    ResponderExcluir
  77. Obrigado pela dica!

    Consegui colocar no meu blog e ficou muito bom.

    Também quero deixar uma dica: Entregue sua vida a Jesus Cristo.

    Que Deus te abençoe!

    ResponderExcluir
  78. bom dia, muito bons seus artigos, depois que meu blog ficar pronto vou linkar você, o tá dando eu erro assim: The element type "b:includable" must be terminated by the matching end-tag ""

    você imagina o que pode ser??
    desde já agradeço.

    ResponderExcluir
  79. E eu aqui quebrando a cabeça pra tentar implementar isso por conta própria.
    Muito agradecido Dr. Compulsivo

    ResponderExcluir
  80. a minha postagem fica resumida quando o visitante vai comentar, o que eu faço?

    Abraços, o blog é sensacional, sempre estou visitando!

    ResponderExcluir
  81. Gostaria de saber como centralizar anuncios do AdSense, coloca um post aee!

    Abraços!

    ResponderExcluir
  82. otimo tutorial!!

    ResponderExcluir
  83. otimo post
    eu fiz tudo ccerto dai personalizei e coloque os artigos relacionados com imagens acho que ficou bom

    ResponderExcluir
  84. Compulsivo, em blogs mais novos, os códigos HTML perderam a "/" e estão terminando apenas com ">" como no caso abaixo:
    < div class='post-footer-line post-footer-line-3'/> Passou a ser < div class='post-footer-line post-footer-line-3'>

    ResponderExcluir
  85. @henrique-picanco, a barra ( / ) no final da tag indica que não existe nenhum elemento dentro daquela DIV, então ela pode ser fechada nela mesma. Se houver conteúdo dentro da DIV em questão, ai sim ela pode ser fechada mais abaixo no código, com uma tag < / div >.

    Exemplo com conteúdo:
    < div class='post-footer-line post-footer-line-3' >
    CONTEÚDO QUALQUER
    < / div >

    Exemplo de uma DIV vazia:
    < div class='post-footer-line post-footer-line-3' / >

    Ou seja, isto nada tem a ver com o template ser antigo ou não, mas a estrutura do xHTML.

    []'s
    Compulsivo

    ResponderExcluir
  86. Compulsivo to com um problema, testei no meu blogue, mas são tantos artigos que eles "fogem" da area do relacionados e chegam a abaixar a caixa de comentarios, tem como limitar a quantidade de posts a exibir?

    ResponderExcluir
  87. Ah dei uma mexida e consegui, foi no "while (i < relatedTitles.length && i < 20) {" troquei pra "9" blzão de tutorial, me ajudou muito!

    ResponderExcluir

Postar um comentário

Postagens mais visitadas deste blog

O que significa DVDRip, DVDScr, R5, etc?

Nomes de todas as igrejas do Brasil

Hospedar JavaScript no Blogger / Blogspot