Personalize seu Blogger - Blogspot: Widget Customizável para Posts Recentes

Compare Preços no JáCotei:
Mochila p/ Notebook Bright 0063 Preto/Cinz...Caixa de Som Mtek SPK698 BrancoFogão Dako Audácia 5 BocasMP3 Player c/ Rádio FM Elgin 512MB AzulPrancha Ga.ma Cerâmic Ion Preta

Fisherman 2

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

________________________________


Technorati : , , , , , , , , ,

© Blosque.com. Todos os direitos Reservados.
A cópia e reprodução não-autorizada deste texto está expressamente proibida.
Plágio é CRIME!

24 Opiniões sobre “ Personalize seu Blogger - Blogspot: Widget Customizável para Posts Recentes ”

  1. dificillllllll não entendi nada ;((

  2. Me mande um email que eu te ajudo. :)
  3. Nospheratt,

    uma hora dessas podes ajudar-me a costumizar o CSS? Ou dar um exemplo de como fazer… =D

  4. 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?

  5. É 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…

    [ =

  6. Ahhhhhhhhhhhh eu pensei que você estava falando do CSS do blog! :P

    É 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! :D

  7. Agora sim chegamos a um entendimento… Exatamente o que eu precisava… E garanto que vai ajudar muitas pessoas também! =D

  8. 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.

  9. Nesse widget é só mudar o orderby=updated p/ orderby=published neh :p

  10. Caps Lock: Obrigada pela dica, valeu! ;)
  11. 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.

  12. 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

  13. Valeu!!

  14. 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! :)

  15. 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. :)

  16. Muito obrigaaaada!
    Valeu! tudo nesse blog é ouro! :)

  17. 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! :D

  18. 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!

  19. 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! :)
  20. cara essas dicas são maneiras sim, elas dão uma ajudinha…

    valeu

  21. 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

  22. 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.

  23. 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! :)

Opine! Comente! Diga o que acha, só não encha os pacovás de ninguém. Leve em conta que:


1 - A Gerência se reserva o direito de aprovar ou deletar comentários ao seu bel-prazer.

2 - Comentários anônimos, ofensivos, escritos em miguxês e similares, escritos em CAIXA-ALTA, spam e jabás serão deletados.

3 - Isso aqui não é democracia, nem a casa da mãe Joana.

4 - Nome e email são obrigatórios.

5 - A autora deste blog não se responsabiliza por opiniões emitidas nos comentários. Essas opiniões não refletem as da autora do blog.

Você pode usar estas tags XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <em> <strong>



Deusario - Onde as Deusas se encontram

Está Começando Um Blog? Descubra Aqui O Que Você Não Deve Fazer