Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1498248146
Vida do cache: 1498291346
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Hospedagem - 728 x 90

Postagens

Área dos Posts Dividida em Colunas

Em outros tutoriais, eu já ensinei como definir estilos e personalizar os posts apenas na página inicial.
Atendendo a pedidos, hoje veremos como personalizar os posts dividos em colunas (no estilo magazine) apenas na página inicial e na página de marcadores.
Neste tutorial, você verá como dividir somente a área dos seus posts em colunas, onde as postagens aparecem resumidas, lado a lado.


(veja a imagem abaixo)

Demo

Antes de mais nada, cabe salientar que este tutorial aplica-se somente aos templates que possuem o hack de postagens Resumidas automática na página inicial – Hack Leia Mais Automático, portanto, para prosseguir com este tutorial, você já deve ter instalado o hack “Leia Mais” de Resumo Automático, para poder dar estilo aos posts, seguindo este tutorial.

Entre na “edição de html” do seu template,clique em ‘expandir modelo de widget’, e procure pela tag: ]]></b:skin> e cole ABAIXO dela:

<!-- Estilos da página Inicial Inicio -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.main .widget{margin: 0 auto;clear:both;}
h2.date-header{
margin: 0px;padding: 0px;
text-indent: -9999em;
}
.post-footer{display:none;}
.post { /* --espaço ocupado pela postagem--*/
position: relative;display: inline;
background:url(endereço-da-sua-imagem) no-repeat;/* --imagem no lugar das bordas--*/
width:45%; /* --largura da coluna--*/
height:300px; /* --altura da coluna--*/
float:left;margin: 5px;
border:1px solid #ddd; /* --edite cor da borda--*/
padding:8px;letter-spacing:0px;
font-size: 12px; /* --tamanho da fonte do texto--*/
line-height:1.4em;border-radius:5px;
-moz-border-radius:5px;-webkit-border-radius:5px;
text-align:justify;}
.post h3, .post h3 a, .post h3 a:visited, .post h3 strong {/* --estilos para o titulo das postagens--*/
display:block;word-wrap: break-word;
font-size:16px; /* --tamanho da fonte do titulo do post--*/
font-weight:normal;margin:0 0 15px;
padding:0;line-height: 1.3em;
letter-spacing: -1px;}
#showlink{ /* --estilos para o leia mais--*/
margin:5px;display:block;
float:right;padding: 4px 7px;
font-weight:normal;letter-spacing: 0px;
background:#66bbdd; /* ---cor de fundo--*/
border-radius:5px;-moz-border-radius:5px;
-webkit-border-radius:5px;}
#showlink a {color: #ffffff;/* escolha a cor de seu link */
}
</style></b:if></b:if>
<!-- Estilos da página Inicial Fim -->

No código acima eu apliquei bordas, e determinei uma altura(height) para as colunas de 300px.

Se você quiser, pode aplicar uma imagem no lugar das bordas, para isso basta apagar o trecho que se refere as bordas e acrescentar o endereço da sua imagem neste trecho:
background:url(endereço-da-sua-imagem) no-repeat;

Não esqueça que, caso você opte por inserir uma imagem de fundo para a coluna da área de postagem na página inicial, você deverá estipular a largura(width) e a altura(height) da imagem que for utilizar.

Se, por exemplo, você vai utilizar uma imagem no tamanho 300×300, deverá incluir os valores referente a altura e largura da área de post, dentro da tag que representa o espaço ocupado pela postagem para que a imagem ocupe a área toda. Neste caso você deverá substituir width:45%;
pelo valor referente a largura da sua imagem, desta forma:
background: url(ENDEREÇO-DA-IMAGEM) no-repeat;
widht:300px;
height:300px;

No código acima eu determinei que os posts apareçam resumidos e em colunas apenas na página inicial e na página de marcadores, diferenciando das páginas individuais e das páginas estáticas.
As modificações exemplificadas acima afetarão apenas a página inicial e de marcadores.

Você deve adaptar os estilos conforme sua preferência, os trechos editáveis já estão destacados no código.

Lembrando que, se você alterar o tamanho da coluna de post, aumentando ou diminuindo a largura, você deve alterar os valores que estão na largura da coluna central na área total de postagem, você deve observar qual a largura que está estipulada em #main-wrapper (ou .main-outer) e deve ajustá-las. Portanto, você deve verificar qual a largura estipulada na coluna da área total de postagem do blog. Caso contrário não vai dar certo.

ATENÇÃO:
Pode ocorrer de, após instalar este recurso, os links de navegação sumirem ou ficarem “espremidinhos” no canto ao lado da coluna.
Isso ocorre porque alguns templates apresentam um bug no link de navegação, qdo fazemos alguma modificação. Para resolver este problema, recomendo a leitura deste artigo:Corrigir bug nos links de navegação. Lá eu expliquei como corrigir esse probleminha.


De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

118 Comentários

  1. Joyce silva disse:

    Oi

    como eu deixo a area do eu post normal sem ser divida em colunas ?

  2. Sem nome disse:

    Como faz para botar 3 colunas ?

  3. usurpo disse:

    Funcinou perfeitamente! Já determinei o tamanho e o fundo!

  4. Oi Vanessa! Eu apliquei no meu blog sem o hack resumo de postagem, e deu certo! =D

  5. Oi, Vanessa!!!
    Muito obrigado pela ajuda, já coloquei em meu blog, ficou perfeito…
    O link de navegação deu um pouco de trabalho, mas no fim deu certo com o outro tutorial seu.
    Faz um tempinho que queria implantar essa divisão na área das postagens, só que não encontrava um tutorial que funcionasse no meu blog, esse seu deu certo, obrigado mais uma vez!!!
    Tenha um maravilhoso, feliz e abençoado final de semana!!!
    Abraços e muita paz!!!

  6. H7 disse:

    oi tudo bom eu queria saber se nao tem como colocar o titulo do post em baixo obrigado.

  7. Hellen disse:

    Oii eu quero saber se esse código pode ser usado no template minima?… e se caso não dé tem como vc disponibilizar o codigo para o minina?… Obrigada

  8. Jhone disse:

    Olá, Porque No Meu Blog Não Deu Resultado? Fiz Exatamente Como Pedido e Não Teve Nenhuma Mudança as Postagens Continuam Sem Ser Resumidas Automaticamente

  9. brankinhow disse:

    Pode min ajudar eu coloquei o codigo mais as imagens do post fica uma por cima da outra postagem como ajusto elas??

  10. Hermes Daniel disse:

    Acabei de colocar no meu blog, o problema é o alinhamento do primeiro post, fique ligeiramente acima dos outros que estão perfeitamente alinhados. alguma ideia do que possa ser? tentei muitas variações no codigo mas nada mudou. segue o link do blog

    Obrigado e otimo post, mesmo ainda tendo alguns problemas com a aplicação no meu template.

    • Vanessa disse:

      Tais recursos podem variar de template para template. Sendo assim, lamento, mas não tenho como te ajudar, de qualquer forma agradeço pelo comentário.

      • Hermes Daniel disse:

        Bom, consegui resolver o problema, o meu template tinha a area de postagem com posts separados, a falta de alinhamento era causada pela linha da data. então adicionei no codigo .date-header{display: none;} abaixo do .post-footer{display:none;}, deixo aqui a minha solução caso alguem tenha o mesmo problema.
        Mais uma vez muito obrigado pelo hack. Abraços.

  11. Connection disse:

    Olá, funcionou muito bem em meu blog, só que tem um porém, quando clico em leia mais a postagem se repete. O que pode ser? Aguardo informações.

    Obrigado!

  12. Willyam disse:

    Bom, tudo saiu perfeito, muito obrigado! Só tem um pequeno probleminha… A parte que da área da postagem ficou transparente e o background ficou em volta do nome “Leia Mais…”
    Tem como me ajudar?
    Muito obrigado tutorial perfeito!

  13. Desculpe Vanessa, mais esse hack esta com um bug, ou seja width:45%; para aumentar a largura, ele não aumenta e as postagens fica uma em cima da outra, por isso que o pessoa esta tento dificuldades em em configurar esse hack, eu tentei varias vezes no meu blog de teste e sempre da a mesma coisa, ^^

  14. Paulo Tiago disse:

    Olá, Vanessa.

    Excelente dica! Todavia, quando inseri o código no meu blog, o espaçamento entre as duas colunas, assim como aparece no blog de demonstração, não apareceu. Alguma solução?

    Obrigado!

    • Vanessa disse:

      Lamento, mas alguns casos só é possível encontrar alguma resolução testando, e por não dispor de tempo para isso, no momento não estou prestando este tipo de suporte.

  15. João Batista disse:

    Querida Vanessa, bom dia. Inicialmente, parabéns por suas dicas, pois são muito importantes para quem mantém um blog em funcionamento. Peço que me auxilies, caso tenhas condição. Tentei colocar a coluna dos posts em duas colunas, e consegui. Ocorre que a imagem da postagem toma conta de quase todo o espaço e não sei como diminuir seu tamanho. Grato pela ajuda. Abs

    • Vanessa disse:

      Lamento, mas alguns casos só é possível encontrar alguma resolução testando, e por não dispor de tempo para isso, no momento não estou prestando este tipo de suporte.

  16. Aleixo Santos disse:

    Como ajustar as imagens que ultrapassaram?

  17. Tainara disse:

    Oi preciso muita de sua ajuda, fiz isso no meu blog e não como eu tiro, deu erro nas páginas, repete duas vezes, me ajuda, já fiz de tudo um pouco e não consigo tirar como faço?
    Se quiser responder pelo e-mail agradeço. Obrigada.

    • Vanessa disse:

      Por isso é altamente recomendável que se faça um backup do template antes de fazer qualquer alteração. Infelizmente, não tenho como te ajudar.

    • Tainara, caso você não tenha conseguido tirar esse hack de suas postagens vai em Entre na “edição de html” do seu template,clique em ‘expandir modelo de widget’, e procure pela tag: ]]> procure o inicio desse hack e o final dele ou seja ( inicio = e o fim desse hack ) e pronto suas postagens voltara ao normal

  18. Renan Moises disse:

    Vanessa, parabéns pelo seu blog! Estou aproveitando muitas dicas daqui.

    Gostaria de criar um layout em que existissem quatro posts divididos em duas colunas, mas as demais postagens em formato normal, uma a uma.

    Você sabe como é possível fazer isso?

    Muito obrigado e até mais!

  19. informativonb disse:

    Ola Vanessa, bela dica. Você sabe como fazer no WordPress?

  20. Leonardo disse:

    Vanessa, gostaria de saber como deixar o titulo em Negrito, se puder me ajudar dico grato.. vlw

  21. Igor Martins disse:

    olá gostei muito do post mas no meu blog as postagens não estão alinhadas uma ficou lá em cima e a outra mais embaixo o que eu faço me ajude por favor!!
    Desde de já agrdeço

  22. Eris Oliveira disse:

    Não tem nem o que falar…
    Seu blog é excelente.
    Este tutorial me ajudou demais…
    Continue sempre postando artigos de qualidade como este.
    Obrigado pela dica.
    Fique com Deus!!!

  23. olá pessoal do mundo blogger, apesar de nao comentar sou um aluno do blog parabens!

    Gostaria de saber se é possivel ao inves de colocar as postagens divididas na inicial, colocar os marcadores, por exemplo, aparecerem somente os marcadores e uma postagem em cada marcador na inicial.

    obrigado!

  24. Mar disse:

    As postagens quando clicadas em “Leia Mais” estão esprimidas em um canto. O que eu faço?

    • Vanessa disse:

      Lamento, mas alguns casos só é possível encontrar alguma resolução testando, e por não dispor de tempo para isso, no momento não estou prestando este tipo de suporte.

  25. Mar disse:

    Em uma postagem com foto, como faço para estipular um tamanho certo para diminuir a imagem automaticamente ?

  26. Gabriel disse:

    eu coloquei uma imagem no post nao deixei as borda mas o texto fica passando onde edito a largura do do texto pois se editar da imagem corta ela.

  27. Gabriel disse:

    Vanessa tou criando um template de manga coloquei as post dividida em colunas mas o postagens ais antiga e o inicio então de lado tem como me ajuda?

  28. Anon disse:

    õ/ MUITO OBRIGADO! Deu um trabalhão pra editar perfeitamente o code xD, mas o resultado compensou. Uma notinha aí pra quem vai instalar isso… é bem provável que vocês tenham problemas no pager (links de navegação… “postagens mais antigas”, etc)..
    apliquem a propriedade “clear:both;” (sem aspas) em #blog-pager {…}

    • Gabriel disse:

      opa obrigado anon vlw nem tinha visto seu comments te conheço da design on space hehe obrigadão

    • Anonimo disse:

      Anon Valeu Mesmo sua Dica Foi muito Util eu estava com esse Problema do link Proximas Postagens aparecer desalinhado…usei sua dica fui em Modelo, Personalizar ,avançado,add css e coloquei #blog-pager{
      clear:both;
      }
      dai deu certo queri saber como fazer o titulo aparecer sem invadir o espaço das colunas e sem quebra de linha aparecer resumido e quando passar o mouse em cima aparecer tudo e tb fazr as imagens miniaturas ficarem clicavel
      valeu até mais

  29. Raíssa disse:

    Olá… adoro seu blog… tem me ajudado muito, mas esses códigos não estão funcionando no meu blog. Fiz 3x e dá o msm erro, fica tudo embaralhado e uma postagem em cima da outra… tentei mudar o tamanho da area de postagem, mas continuou a mesma coisa, sem falar que o fundo original das postagens ficaram aparecendo em cima de tudo… uma verdadeira bagunça… também li seu tutorial para corrigir o bug, mas também não funcionou… Em todo caso, só estou avisando… desisti de usar essa personalização. ^^

    Obg. :)

  30. Jean Oliveira disse:

    Boa noite, eu queria saber se tem como fazer ele em 3 colunas.

    • Vanessa disse:

      Tem, mas depende muito da medida total do seu template. Vc vai ter que fazer “altas” matemáticas, estipular a largura de cada coluna especificamente.

  31. dimas disse:

    o codico esta dando erro

  32. Wilson disse:

    Isso deu certinho no meu blog, ficou muito bom, Obrigado ai pelo tutorial eu estava precisando muito mesmo desse hack!!!

  33. Carol disse:

    Oi! Adoro teu blog, muito instrutivo e cheio de idéias legais.
    Estou com um problema ao aplicar esse tutorial de colunas na área dos posts… é o seguinte:
    A área de post do meu blog é pequeno demais para comportar as duas colunas, o que faz as “postagens leia+” ficarem umas sobre as outras e todas do lado esquerdo.
    Gostaria de saber como posso definir o tamanho das colunas (principalmente a largura), e também o espaço entre elas e a área do post, pois percebi que essas medidas estão impedindo a configuração se encaixar corretamente.

    Desde já, obrigada!

    • Vanessa disse:

      Você deve alterar os valores que estão na largura da coluna central na área total de postagem, você deve observar qual a largura que está estipulada em #main-wrapper (ou .main-outer) e deve ajustá-las.

      • Carol disse:

        Infelizmente, no código do meu template não existe nenhuma das tags sugeridas por ti (#main-wrapper ou .main-outer).

        Estou editando o modelo Espetacular Ltda., do Blogger. Todas as modificações que fiz até agora deram certo, sem conflito entre os códigos de javascript.

      • Carol disse:

        Bem, pesquisei melhor nos teus tutoriais e vi que o #main.wrapper estava como .main-inner .column-center-inner, porém, mesmo esticando ao máximo a largura da área de post, as colunas do hack Leia+ não se encaixaram.

        Neste caso, preciso saber como diminuir a margem entre as colunas dentro da área de post, conseguindo assim (creio eu), encaixar melhor as colunas.

        Meu template tem 3 colunas, com sidebar uma em cada lado da área de post.

  34. Ola! Gostaria de Saber se consigo alterar esse codigo pra que eu consiga deixar mais de 2 coluna (3 exatamente), e tambem como corrigir os titulos que ficaram fora da area das postagens. Ficaria muito grato se puder me ajudar! Muito Obrigado,Abraço!

  35. Obsoleto disse:

    E como faço para separar esses posts por marcador?

  36. Mariana disse:

    Lindinha, esse Hack tá dando bug, Arruma?

  37. elino disse:

    Oi Vanessa… Adoro seu blog, volta e meia sempre dou uma olhada por aqui…
    No entanto, hoje tenho uma dúvida: No caso, tenho um blog que possui duas áreas de postagem: uma em cima e outra mais embaixo… No caso, quando realizo uma postagem, ocorre uma repetição de informações, ou seja, a postagem aparece duas vezes. No primeiro quadrado ela aparece resumida e no segundo expandida… Gostaria de saber se existe alguma postagem suas sobre como ocultar umas dessas áreas de postagens ( que acho que são widgets)…

    Muito obrigado!!!

    • Vanessa disse:

      Lamento,mas não sei te dizer o que pode estar ocorrendo no seu template e não tenho solução. Eu recomendo que vc reporte este problema no fórum de ajuda oficial do Blogger. Ou tenta dar uma pesquisada no google sobre: postagens repetidas no blogger pra ver se acha algo.

  38. Natalia disse:

    como tirar as bordas

  39. SamantaSammy disse:

    Olá tudo bem ? Estou usando esta personalização e gostaria de agradecer por compartilhar conosco ! No meu template anterior não dava certo, mas no novo funcionou perfeitamente !! Já tinha experimentado outros tutoriais, mas este está super claro e fácil de aplicar. Usei também as dicas de sombreamento de outro artigo daqui e ficou lindo, estou amando ! Valeu mesmo !!!
    Grande beijo e boa semana 😀

  40. Aline disse:

    Vanessa, tem alguma coisa errada…

    Quando eu instalei esses códigos, sumiram os links “postagens mais antigas” “Postagens mais recentes”.

    Afirmo com certeza que não é por causa do meu modelo, pois eu estou usandoo modelo simples do blogger, o mesmo que está em sua DEMO e o meu blog é novinho, recém criado, não tem nenhuma outra alteração no html além desta.

    Detalhe: quando apago o trecho, os links reaparecem normalmente.

    Peço que de uma olhadinha por nós por caridade.
    Estes códigos serão muito úteis para mim se conseguir fazer ele funcionar direitinho.

    Obrigada e que Deus a abençoe imensamente.
    Bjs

    • Aline disse:

      Esqueci de dizer que estou usando o numerador de paginas no lugar dos links: “Postagens mais recentes” “postagens mais antigas” ok! bjs

      • Vanessa disse:

        Lamento, mas eu não tenho como te ajudar, pois deve ser algo relacionado ao seu template e para tentar descobrir, teria que ser feita uma análise mais minuciosa, e infelizmente eu não disponho de tempo para isso. De qualquer forma, agradeço pelo comentário.

        • Aline disse:

          Olá Vanessa! Tudo bem querida, compreendo e agradeço pela atenção.

          Eu pedi uma amiga para dar uma olhadinha pra mim, parece que estes numeradores de páginas é que estão com problema, devido a algumas mudanças nos códigos do blogger. O jeito é aguardar um novo tutorial com a correção para eles voltarem a funcionar.

          Seu blog está em meus favoritos, mais uma vez agradeço por postar coisas tão legais!

          Desejo muuuuuuito sucesso em sua vida.

          Abraços.

  41. Fernando disse:

    tem como fazer um marcador especifico do blog aparecer na home divida em duas?

  42. Lucas disse:

    Olá eu coloquei o código no meu blog e ficou acusando de vírus o que eu faço para corrigir?

    • Vanessa disse:

      Lucas, o fato de acusar vírus não tem relação alguma com a inclusão deste código. Verifique o seu pc.

  43. Elison disse:

    Oi Vanessa, acompanho todo tutorial do seu blog e praticamente meu blog é todo resumido a ele.. Vem cá, eu quero deixar só 2 postagens em modo coluna e o resto em baixo delas normais.. Será que você pode me ajudar com isso ?

  44. Ana Luiza disse:

    oi vanessa, meu theme do tumblr que eu quero colocar esta em uma coluna só, queria deixar ele em duas colunas pra na hora que aparecerem os posts estarem em dois, porque acho até mais bonito mais n ta dando certo, como eu faço?

  45. Sand disse:

    Eu uso um template que já é dessa forma e quero RETIRAR isso e deixar como os templates comuns: sem resumo, sem divisão na área do post e um post abaixo do outro normalmente. Como faço isso?

    Beijão

    • Vanessa disse:

      Não tem como eu te ajudar e te dizer precisamente como fazer, pois cada template possui uma variação de código que se diferenciam de um para outro. O que posso te sugerir, é que vc tente seguir este tutorial no modo inverso, mas antes faça um backup, pois eu não sei se vai dar certo isso que sugeri,ok? Se não der certo, é melhor vc procurar um outro modelo de template que atenda melhor as suas necessidades.

  46. davi disse:

    oi eu coloquei e deu certo, só que as duas primeiras ficaram desalinhadas, tem como alinha-las?

  47. leonardo disse:

    oi vanessa, poderia me ajudar, não consigo colocar as colunas no meu blog, ele fica um embaixo do outro com os estilos, olha como ele fica
    amo teu blog

    • Vanessa disse:

      Tais recursos podem variar de template para template. Sendo assim, lamento, mas não tenho como te ajudar, de qualquer forma agradeço pelo comentário.

  48. Ana Carvalho disse:

    Como faz pra dividir em 3 colunas?

  49. Otanielson Coelho disse:

    clau esta com erro ainda esse codigo

  50. #Henrique disse:

    Clau teria como em vez de exibir a imagem e texto resumido, exibir só a imagem?

  51. TE (caletro) disse:

    Feito, mas o número de página vai parar do lado esquerdo das postagem e fica tudo bagunçado.

  52. Paulo disse:

    Parabéns pelo post ótimo tutorial já estou usando em meu blog,vou seguir seu blog muito bom me siga também..

    http://vejacomoganhar.blogspot.com/

  53. Leandro Milenar disse:

    Aff Bateu maior sono agora
    deixarei pra fazer isso outra hora
    se bem que acho que num fica adequado para o template que utilizo.
    Tenha uma Boa noite a todos que estiverem on
    e Bom FDS!!!

  54. Ozzama disse:

    Oii , eu coloquei isso num blog de teste meu e só ficam uma postagem embaixo da outra olha > http://testandogaleria0007.blogspot.com/

    tem como vc me ajudar ? mtooo obrigado , alias mtoo bom seu site

  55. ana patrícia disse:

    como faço para aumentar o número de colunas? obrigada :)

  56. BrunoWeb disse:

    boa noite eu gostaria de saber se tem como deixar a fonte do post da tela inicial menor do que a fonte do post inteiro, eu tentei deixar o inicial menor mais esta diminuindo o do post completo tambem eu queria apenas diminuir o resumido seria possivel fazer isso amigo ?

  57. Secretaria Municipal de Educação de Colider disse:

    Parabéns por este tutorial maravilhoso. Obrigado por compartilhar seus conhecimentos!
    Abraço

    Roberto Erd.
    robertoerde@hotmail.com

  58. Beatriz Christ disse:

    Clau, eu gostaria de fazer exatamente o contrário. A maioria dos templates que eu gosto tem as postagens dividas em colunas, e eu não gosto assim…gostaria de saber como fazer as postagens voltarem de divididas em colunas para as abertas normalmente todo o post um embaixo do outro. Ajuda? Bjs

  59. Tiago Britto disse:

    Encontrei um Problema diferente. Geralmente embaixo das postagens aparece aquela opção para ir escolhendo as paginas (Post anteriores ou post pra frente) isso está aparecendo do lado….como eu faço para voltar ao normal?

  60. Blog do Wolfarth disse:

    Coloquei no Blog hoje, e está funcionando tudo certinho. Tive lógico que fazer alguns ajuste para a minha página mas nada que desse muito trabalho .

    Gostei de mais e já virei fan !

    Obrigado e Valeu…..de novo.

  61. .:: Clau ::. disse:

    Matheus
    Se há, eu não sei te informar com faz.

  62. Matheus Ribeiro disse:

    Olá Clau!

    Muito bom o tutorial, mas tenho uma duvida, haveria um modo de usar esse estilo colocando o t´tulo da postagem ao lado da imagem?
    sei que o trecho do hack leia mais "summary_noimg = 450; e summary_img = 400;" indicam o numero de caracteres da postagem que serão exibidos, eu deixo em 0 os dois valores e aumento as dimensões da imagem para 140×140 px, porém já tentei de muitos modos e não consegui, não sei se estou explicando direito, queria fazer como tem na maioria dos agregadores de conteúdo.
    Antes de perguntar li os comentários que já foram feitos, e procuro a muito tempo um modo de fazer isso, se for possivel, peço sua ajuda.

    Obrigado.

  63. .:: Clau ::. disse:

    Conde
    No código acima eu incluir: .post-footer{display:none;}
    o "display:none" oculta todos os elementos que estiverem dentro da área do post-footer. Vc pode apagar essa linha no código para que o post-footer apareça na sua home normalmente.

  64. Conde disse:

    Muito bom Clau essa dica. Gostaria de saber se tem algum código para exibir o número de comentários, já que apareceu apenas título, foto e o texto na home.

  65. .:: Clau ::. disse:

    Beleza Sergipana
    Vc fez o backup do template antes de implementar este recurso e na hora de recolocar o backup que tá dando erro é isso? Se for, ou vc fez algo de errado, ou então, pode ser que, pelo fato de que o blogger anda passando por algumas mudanças no painel, pode ser que esteja ocorrendo algum tipo de problema no blogger. Eu não sei te dizer o que pode ter ocorrido, mas posso te recomendar que vc dê uma ida no Forum oficial do Blogger e reporte esse seu problema lá. Infelizmente,não tenho como te ajudar,pq não há como eu saber o que houve.

  66. .:: Clau ::. disse:

    Val
    Dá uma lida neste tutorial:
    Personalizar os titulos dos posts
    Pode ser que te ajude.

  67. Beleza Sergipana disse:

    Olá Klau!

    Comentei com você sobre este post mais acima, disse que não ficava totalmente certo. Bom, baixei o modelo do meu blog para garantir e add como você ensinou, salvei e não deu certo. Achei super prático, pena que não funcionou. Deste modo, recoloquei o antigo templete. Quando ele surgiu, levei um susto, estava meio desconfigurado. Alguns widgets aparecem com defeitos, o Adsense ficou com um rasguinho no canto inferior direito, outros widgets no final da postagem não aparecem completamente. Ai Clau, não sei o que faço.
    Tem como normalizar isso? Tô com medo de perder o blog.
    Obs: Já retirei o templete pensando que retirando o danificado e introduzindo um novo, tudo se normalizaria, mas não normalizou.

  68. Val disse:

    com omudar a fonte do titulo do blog atravez do ccs?

  69. .:: Clau ::. disse:

    Beleza Sergipana
    No meu blog de testes deu tudo certo,como vc mesma pode verificar, porém, alguns recursos podem variar de template para template. Sendo assim, lamento, mas não tenho como te ajudar, de qualquer forma agradeço pelo comentário.

    Márlon
    Que bom que deu certo! Valeu pelo feedback.

  70. Márlon Silva disse:

    Ufa… Tentei de novo e deu certo. Estava colocando o "clear : both" no primeira linha do código indicado e, por isso, tava dando errado.

  71. Beleza Sergipana disse:

    Olá Clau!

    Apliquei no meu blog, deu tudo certo, menos em um pequeno detalhe. A primeira postagem ficou mais encima e a do lado mais embaixo. Já as outras postagens ficaram niveladas corretamente. Dei um print para vc dá uma olhada. Por que aconteceu isso? Pode me ajudar?

    Desde já, agradeço.

    Aqui o pint: http://2.bp.blogspot.com/-Bl826j44JDI/Tlb-lIMWF9I/AAAAAAAADRA/NUNKmzmeK6c/s1600/BLOG.png

  72. Patricia disse:

    Olá minha querida, Boa noite!

    Obrigada por sua atenção.Dei uma olhadinha no post e verifiquei tudo atentamente. Pelo que vi esta tudo em ordem. Mas infelizmente não teve jeito, continua não aparecendo o link de postagens antigas. Mas esta tudo bem.
    O blog ficou lindo com as postagens divididas em colunas. Apenas aumentei o número de postagens a serem exibidos na home.
    Mas uma vez muito obrigada.
    Não nos deixe sem seus posts, eles nos fazem falta.
    Beijos lindos em seu coração Clau.
    Fique com Deus.

  73. Márlon Silva disse:

    Eu li todos os comentários antes de postar justamente para não te fazer perguntas já respondidas. Só que não deu certo. Gostei muito do efeito que esse hack deu ao meu blog, porém, não funcionou. Vou tentar de outra forma pra ver se consigo.

  74. .:: Clau ::. disse:

    Márlon
    Dá uma lida na resposta que eu dei à Patricia no meu comentário de nº 6.

  75. .:: Clau ::. disse:

    Tubo e Telha
    Como vc pode verificar, isso não aconteceu no blog de testes que eu usei para aplicar este recurso (veja blog Demo). Porém, alguns recursos podem variar de template para template.
    Sendo assim, lamento, mas não tenho como te ajudar, de qualquer forma agradeço pelo comentário.

  76. Márlon Silva disse:

    Aliás, aparece, mas bem espremido no canto superior direito. Quase não dá pra ver.

  77. Márlon Silva disse:

    Clau, o link de navegação ficou em cima. Poderia explicar o que aconteceu, por favor?

  78. tubo e telha disse:

    Clau não conseguir fazer, as postagens ficam desalinadas e quando clico em um posts também, veja como ficou http://ttstie.blogspot.com/

  79. .:: Clau ::. disse:

    Pessoal, obrigada pelos comentários 😉
    Realmente, eu esqueci de acrescentar onde colar o código, no tutorial, mas já corrigi…obrigada pelo toque 😉

    Patricia
    Alguns templates apresentam um bug no link de navegação, qdo fazemos alguma modificação, mas dá uma lida neste artigo:
    Corrigir bug nos links de navegação
    Lá eu expliquei como corrigir esse probleminha, espero que ajude.

    Kevin
    Vc tá falando da imagem que aparece no resumo do post da home? Se for vc vai ter que ajustar no código js do "Hack leia mais automático".
    A imagem vc ajusta neste trecho:
    img_thumb_height ? Indique a altura da imagem
    img_thumb_width ? Indique a largura da imagem
    Dá uma lida neste artigo:
    Hack "Leia Mais" Resumo de Postagem Automático com imagens na Página Inicial

  80. Sevi disse:

    Faltou explicar se era pra colocar o código acima ou abaixo de ]]>

  81. Patricia disse:

    Oi Clau tudo bem?

    Que bom que voltou a postar, também estava com saudades dos seus artigos.
    Minha querida adorei esse post. No começo me perdi, pois não sabia onde colocar o código. Mas acabei colocando abaixo da tag (]]>). Deu tudo certinho, mas não esta aparecendo no final da página o link de (Postagens mais antigas).
    Será que poderias me ajudar?

    Beijos e muito obrigada.

  82. Kevin Oliveira disse:

    Clau, será que não tem como diminuir a imagem também?

    Espero resposta! 😀

  83. ?a? disse:

    Oi, Clau!
    Saudades de você!
    Sobre o assunto: Tentei fazer o mesmo num blog de teste, mas não deu certo. :(
    As postagens ficam uma por cima da outra; quando tento colocar imagem no fundo, sai do formato de colunas…
    Bem, vou continuar tentando, é claro!

    Abs,
    Dani

  84. Max Martins disse:

    Muito bom, Clau!

    Acho bacana demais esse recurso.
    Estava sentindo falta dos teus posts.

    Abraços!

Desculpe, os comentários deste artigo estão desativados.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.