sexta-feira, 26 de agosto de 2011

Postagens populares do blogger na horizontal

Postagens Populares

É importante o gadget de postagens populares estar presente em sua página. Além de ele mostra suas postagens digamos que de sucesso, ele pode despertar o interesse do seu leitor a ler uma postagem popular do seu blog e permanecer por um tempo maior em seu blog.

Este gadget está disponível no próprio blogger e pode ser configurado facilmente. Porém, o gadget somente está disponível na vertical, ou seja, a lista de postagens é exibida em forma de uma coluna. Mas neste artigo irei ensinar como deixar o gadget na horizontal usando apenas uns códigos em CSS.

image

Sendo assim, faça o login no blogger, entre no painel principal do seu blog e em algum lugar adicione o gadget “Postagens populares”.

Agora clique na opção “Modelo” e em seguida “Editar Modelo”.

Agora simplesmente procure por:

]]></b:skin>

Acima dela cole o seguinte código:

.popular-posts ul {
display: -webkit-box;
display: -moz-box;
display: box;
}

.popular-posts li {
width: 235px;
list-style: none;
padding-left: 10px;
}

Pronto, simples e fácil. Agora entre no seu blog e veja como ficou. Só que tem um porém nessa modificação, o gadget não tem quebra automática, ou seja, quando colocamos parar aparecer muitas postagens populares que não caiba numa linha, ela não é quebrada. Por isso, temos que colocar uma quantidade certa de postagens a ser exibida.

Marcadores: , , , ,

3 Comentários:

Às 17 de janeiro de 2012 11:25 , Blogger OrseníPequeno disse...

Caro amigo, a dica é muito boa, mas não está dando certo no meu blog.
O blog é novo (http://infinitasspossibilidadess.blogspot.com/), estou tentando ajustar algumas coisas e essa funcionalidade seria uma boa.
Pode me dizer o pq do problema? Qndo instalei, apareceu o gadget, mas com falhas, mas isso apenas quando coloquei abaixo do título do blog. Quando posicionei no final do blog, depois das postagens, deu certo; ao lado também. O que pode estar havendo?
Desde já, agradeço sua ajuda!

 
Às 9 de novembro de 2012 21:06 , Blogger Alexandre Antonov disse...

Excelente post. Porem uma duvida.
Apos implementar o codigo para colocar o gadget postagens populares na horizontal, verifiquei que no google crhome e no firefox ficou perfeito, mas no Internet Explorer ele continua na vertical.

O que há de errado ?

 
Às 10 de julho de 2013 14:17 , Blogger Danilo Alves disse...

Não existe MODELO no blogger

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial