Postagens Vanessa S.
Á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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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.
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.
Oi
como eu deixo a area do eu post normal sem ser divida em colunas ?
Como faz para botar 3 colunas ?
Funcinou perfeitamente! Já determinei o tamanho e o fundo!
Oi Vanessa! Eu apliquei no meu blog sem o hack resumo de postagem, e deu certo! =D
A única coisa que não consegui arrumar foi esse sinal aqui: –> que apareceu lá em cima no canto esquerdo, fora isso deu tudo certo..
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!!!
oi tudo bom eu queria saber se nao tem como colocar o titulo do post em baixo obrigado.
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
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
Pode min ajudar eu coloquei o codigo mais as imagens do post fica uma por cima da outra postagem como ajusto elas??
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.
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.
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.
Adorei sua dica Hermes! Estava com o mesmo problema e agora está resolvido! Valeu mesmo!!
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!
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!
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, ^^
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!
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.
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
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.
Como ajustar as imagens que ultrapassaram?
creio eu que você tem que ajustar a imagem no hack leia mais, para o tamanho adequado desse hack
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.
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
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!
Não posso te afirmar se é possível ou não.
Ola Vanessa, bela dica. Você sabe como fazer no WordPress?
Vanessa, gostaria de saber como deixar o titulo em Negrito, se puder me ajudar dico grato.. vlw
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
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!!!
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!
Não sei te informar se é possível ou não, pois nunca testei.
Entendo, obrigado mais uma vez, e bom fim de ano =D
As postagens quando clicadas em “Leia Mais” estão esprimidas em um canto. O que eu faço?
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.
Em uma postagem com foto, como faço para estipular um tamanho certo para diminuir a imagem automaticamente ?
Dá uma lida neste artigo:
Hack ‘Leia Mais’ Resumo de Postagem Automática com imagens.
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.
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?
Releia o tutorial com atenção que nele já tem a informação que vc procura.
õ/ 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 {…}
opa obrigado anon vlw nem tinha visto seu comments te conheço da design on space hehe obrigadão
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
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. 🙂
Boa noite, eu queria saber se tem como fazer ele em 3 colunas.
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.
o codico esta dando erro
Isso deu certinho no meu blog, ficou muito bom, Obrigado ai pelo tutorial eu estava precisando muito mesmo desse hack!!!
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!
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.
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.
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.
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!
E como faço para separar esses posts por marcador?
Ai já não sei.
Obrigado msm assim, gostei bastante do post ;D se algum dia vc encontrar como faz isso posta no mundo blogger, mta gnt procura por isso. Abraços!
Lindinha, esse Hack tá dando bug, Arruma?
Que tipo de bug?
O código está correto e continua funcionando normalmente.
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!!!
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.
como tirar as bordas
Exclui a linha
border:1px solid #ddd; /* –edite cor da borda–*/
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 😀
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
Esqueci de dizer que estou usando o numerador de paginas no lugar dos links: “Postagens mais recentes” “postagens mais antigas” ok! bjs
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.
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.
tem como fazer um marcador especifico do blog aparecer na home divida em duas?
Olá eu coloquei o código no meu blog e ficou acusando de vírus o que eu faço para corrigir?
Lucas, o fato de acusar vírus não tem relação alguma com a inclusão deste código. Verifique o seu pc.
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 ?
Não é possível fazer isso que vc quer no blogger.
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?
O tutorial é apenas para plataforma BLOGGER.
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
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.
oi eu coloquei e deu certo, só que as duas primeiras ficaram desalinhadas, tem como alinha-las?
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
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.
Como faz pra dividir em 3 colunas?
clau esta com erro ainda esse codigo
Clau teria como em vez de exibir a imagem e texto resumido, exibir só a imagem?
Feito, mas o número de página vai parar do lado esquerdo das postagem e fica tudo bagunçado.
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/
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!!!
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
como faço para aumentar o número de colunas? obrigada 🙂
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 ?
Parabéns por este tutorial maravilhoso. Obrigado por compartilhar seus conhecimentos!
Abraço
Roberto Erd.
robertoerde@hotmail.com
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
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?
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.
Matheus
Se há, eu não sei te informar com faz.
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.
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.
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.
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.
Val
Dá uma lida neste tutorial:
Personalizar os titulos dos posts
Pode ser que te ajude.
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.
com omudar a fonte do titulo do blog atravez do ccs?
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.
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.
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
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.
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.
Márlon
Dá uma lida na resposta que eu dei à Patricia no meu comentário de nº 6.
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.
Aliás, aparece, mas bem espremido no canto superior direito. Quase não dá pra ver.
Clau, o link de navegação ficou em cima. Poderia explicar o que aconteceu, por favor?
Clau não conseguir fazer, as postagens ficam desalinadas e quando clico em um posts também, veja como ficou http://ttstie.blogspot.com/
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
Faltou explicar se era pra colocar o código acima ou abaixo de ]]>
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.
Clau, será que não tem como diminuir a imagem também?
Espero resposta! 😀
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
Muito bom, Clau!
Acho bacana demais esse recurso.
Estava sentindo falta dos teus posts.
Abraços!