Personalize seu Blogger - Blogspot: Widget Customizável para Posts Recentes
Outra das funcionalidades que foram extintas no Novo Blogger - como o Título/Imagem clicável no Header - são os “Posts Recentes” na Sidebar.
Por sorte, há muita gente por aí desenvolvendo hacks e widgets para o Novo Blogger - isso inclui um widget que mostra seus posts mais recentes. Este widget foi desenvolvido pelo Hans, do blog Beautiful Beta.
Como Instalar o Widget de Posts Recentes
1 - Vá até a página de Widgets & Downloads do Beautiful Beta, e clique no botão que diz “Add Recent Posts to Blog”. Uma janela pop-up se abrirá, onde você pode customizar o widget. Você pode customizar os seguintes campos:
2 - “Widget Title”: coloque o título que você deseja. No meu caso, eu escolhi “Artigos Recentes” como título.
3 - Onde diz “beautifulbeta” coloque o endereço do seu blog - a parte que vai ANTES de .blogspot.com. No meu caso seria “net-dinheiro” (sem as aspas).
4 - “Number of Posts”: coloque a quantidade de posts que quer que apareçam. Eu escolhi 10. O default é 5.
5 - “Show post date”: se deseja que os posts apareçam com a data em que foram publicados, deixe a caixinha marcada. Se não quer que a data apareça, desmarque.
6 - “Show post summary”: se quer que os posts apareçam com um resumo, deixe a caixinha marcada. Nesse caso, você pode escolher a quantidade de caracteres do resumo; o default é 100. Se não quer que o resumo apareça (ou seja, que apareçam só os títulosdos posts), desmarque a caixinha. Esse é a minha opção: só os títulos.
7 - “Styling”: você pode customizar o widget com seu própio CSS. Para isso, marque “custom css” nesta opção. Nesse caso, você terá que agregar definições ao seu CSS para as seguintes classes, após instalar o widget: .bbrecpost, .bbrecpostsum e .bbwidgetfooter.
Se não deseja mexer com CSS, selecione “Standard”. O widget será customizado pelas definições existentes no seu CSS. eu escolhi essa opção.
8 - “Sorting”: aqui você escolhe se deseja que os posts sejam ordenados por publicados (selecione “Published”) ou atualizados (selecione “Updated”). Não sei se esta opção realmente funciona, pois meus posts antigos aparecem na lista quando eu os atualizo. Se é um problema do widget ou meu, não sei dizer.
9 - Revise suas opções. Se está tudo como você quer, clique em “Add Widget To My Blog”. Isso vai abrir a tela do Blogger,onde você poderá inserir o widget ao seu blog. Se não estiver logado, faça o login. Depois de entrar na conta, selecione o Blog ao qual deseja adicionar o widget. Clique em “Adicionar Widget”.
10 - Isso o levará à tab “Elementos da Página”. Lá estará o seu widget. Agora você já pode arrastá-lo para o lugar da sidebar onde deseja colocá-lo. Tudo certo? Salve. Pronto!
________________________________
Compare Preços de: Artigos Personalizados, Coisas Personalizadas, Ferramentas, DVD, Filmes, Celulares, Notebooks, Câmeras, Jogos, Wii, PS3 no JáCotei
________________________________

















dificillllllll não entendi nada ;((
Nospheratt,
uma hora dessas podes ajudar-me a costumizar o CSS? Ou dar um exemplo de como fazer… =D
Mas vou colocar na minha lista de posts um tutorial básico sobre CSS, o que acha?
É uma boa… Vai ajudar bastante gente… Eu tenho uma boa noção de CSS… Até fiz um template a algum tempo… Depois que eu coloco as tags do blogger e boto ele no ar, aparecem uns espaços que não existiam… É de arrancar os cabelos… heheheh…
O que eu queria mesmo é um exemplo de CSS costumizado para esse widget de posts recentes… Só pra ter uma idéia…
[ =
É uma boa idéia, vou fazer um post com o CSS que eu uso para os posts recentes. Isso vai servir de ponto de partida para customizar como quiserem! Vou ver se consigo fazer isso ainda hoje. Obrigada pela idéia!
Agora sim chegamos a um entendimento… Exatamente o que eu precisava… E garanto que vai ajudar muitas pessoas também! =D
Eu acho que eles retiraram a opção sorting que você citou. Quando eu instalei esse widget, se não me falha a memória, ainda havia essa opção (mas não funcionava). Agora eu fui dar uma olhada e não há essa opção.
hum achei um post dele sobre isto
http://beautifulbeta.blogspot.com/2007/02/post-update-trick.html
Nesse widget é só mudar o orderby=updated p/ orderby=published neh :p
oi namaste , queria ajuda ara mudar meu blog e ele ficar maior com espaço grandes sem cortar as fotos todos e os videos pode me ajudar , obrigada .
orkut.com/Scrapbook.aspx?uid=9704834328508473289 meu orkut obrigad.
Alguem poderia postar um css básico ai pra eu personalizar, pq os links no meu blog n estao aparecendo, estao da cor do fundo do widgets. assim so aparece qdo o mouse eh passado por cima deles. espero resposta. Abraõs. bye
Valeu!!
Hideki: As classes do CSS são as que citei no post:
.bbrecpost (os links dos títulos)
.bbrecpostsum (o sumário dos posts)
.bbwidgetfooter (o footer do widget)
Aí você tem que ver o que quer estilizar em cada classe, e como. Espero que isto ajude.
Rodrigo: De nada!
Oi! Como faço para colocar esse widget na minha sidebar que fica do lado direito?
Tentei arrastar no próprio blogger, mas não funcionou.
Muito obrigaaaada!
Valeu! tudo nesse blog é ouro!
MamaNunes: Eitcha, muito obrigada!
Olha,suas dicas tem sido muito valiosas pra mim,infelizmente como todo bom leigo,algumas coisas ainda não entendo,a linguagem é complexa,mas aos pouco vou me adaptando e melhorando meu cantinho na net. Agradeço pela preocupação em nos ajudar.Valew!
Obrigada pela visita e pelo comentário, boa sorte e volte sempre!
cara essas dicas são maneiras sim, elas dão uma ajudinha…
valeu
Olá,
Gostaria de mostrar um outro tipo de “Last Post”, Achei em um blog:
http://ctrlc.blog.br/
Quando passa o mouse por cima aparece a informação, e percebi que existe um arquivo em .PHP no blog e mais um .JS :O
Boa tarde.Quero agradecer mais esta bela dica.Sou completamente leigo nesses assuntos, Css, Html. Estou aventurando-me no mundo dos blogs.
Estou assimilando todas as dicas e
instruções que vou lendo.Quero desejar boa sorte com o seu trabalho e cada vez mais sucesso com o seu blog.
Matheus: O blog está fora do ar neste momento, de modos que não posso opinar sobre o assunto.
Vieira: Muito obrigada!