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 ;((
Me mande um email que eu te ajudo.
Nospheratt,
uma hora dessas podes ajudar-me a costumizar o CSS? Ou dar um exemplo de como fazer… =D
Ajudar não creio, não por falta de vontade, mas de tempo.
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…
[ =
Ahhhhhhhhhhhh eu pensei que você estava falando do CSS do blog!
É 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
Caps Lock: Obrigada pela dica, valeu!
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!!
Celeste: Eu poderia jurar que já respondi isso… Você precisa de um template mais largo, ou de fotos menores. A opção é sua.
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!
S1m0ne: Se você não consegue arrastar o widget dentro da sua conta do blogger, há algum problema com o seu template.
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!
Núccia: É assim mesmo, a gente vai aprendendo aos poucos, e depois acaba ensinando o que já aprendeu.
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.
Dennyrj: De nada!
Matheus: O blog está fora do ar neste momento, de modos que não posso opinar sobre o assunto.
Vieira: Muito obrigada!
Olá..otimo dica de posts recentes mas eu queria saber algo que não to conseguindo achar em lugar algum e nimguem responde, vejamos se pode me ajudar..
Nas suas postagens recentes aparece um icone,uma imagem ao lado de cada titulo de post recente,como faz pra por isso? nessa widget da pra fazer isso???
Desde já eu te agradeço pela ajuda e parabens pelo blog.
muito boa essa dica vlw!!!
Bom dia!
Inicialmente gostaria de parabenizar pelo trabalho desenvolvido neste espaço. Encontrei você, atravez da dica do blog educacional do Rafaelnink.com. Uma das melhores dicas que já encontrei pode ter certeza. Ainda devo navegar muito aqui, para conhecer seu trabalho e obter o maior conhecimento possivel para aprender a ser um blogueira de qualidade. Meus conhecimento são primarios, mas minha vontade, esta com certeza é de mestre. Venho aprendendo um pouco de tudo e muitas são as dificuldades. Sou especialista em Informática na Educação e como tal venho multiplicando conhecimentos em oficinas no rede municipal que trabalho.
Quanto mais busco sobre informações, mais confirmo que tenho muito mais a aprender para ensinar com qualidade e propriedade sobre blgs. Espero chegar lá, poís creio ser os blogs um dos melhores espaços para que a educação modifique a forma de pensar, lêr, escrever e compartilhar o “ninho escolar” para o “mundo escolar”.
Quero poder contar sempre com você.
Um grande abraço!
Oi.. Fiz exatamente como vc explicou, e não deu certo, só aparece o titulo mas não aparece nada em baixo dele. O que eu fiz de errado?
Abraços!
É um ótimo widget!
Já o usei em meu blog antes.
Olá! Naveguei pra caramba atrás de um widget deste que funcionasse direito e só aqui obtive o que queria. Mas pra ficar completo mesmo eu queria saber com faço pra colocar as miniaturas das imagens ao lado do título do post. Seria no CSS?
Valeu mesmo pelas boas dicas e tutoriais.
Parabéns.
ta de parabens, super completo o blog, vlw mano !
BELEZA! Fiz e deu tudo certinho. Valeu.