Slide (muito fácil!) de postagens recentes para sidebar do blog

em 31 de maio de 2016

Slide (muito fácil!) de postagens recentes para sidebar do blog

Quer aprender como instalar em seu blog, na sidebar, um slide que exibe automaticamente seus posts mais recentes?
Esse slide que vou te mostrar hoje também pode ser usado para, ao invés de mostrar os posts recentes do blog, mostrar os posts recentes de determinada categoria do blog.
Um exemplo?
Aqui, mostrando os posts do meu blog dentro da categoria Receitas (mas poderia ser os posts de maneira geral):


Demonstração do tutorial


Legal, né?
E, olha: facinho, facinho!
Vamos aprender?

Para começar vá ao painel administrativo de seu blog e clique na aba Layout (ou Esquema, se você estiver em Portugal, ou Diseño se estiver falando espanhol).
A seguir clique em Adicionar um gadget e escolha a opção HTML/JAVASCRIPT.
Dentro da caixa que expandir cole este código:


Copiar o código


A única alteração obrigatória é você colocar o endereço de seu blog no lugar do endereço do meu.
Nessa parte do código:
featuredbwidget({
listURL:"https://elainegaspareto.blogspot.com/",
featuredNum:20,
listbyLabel:false,
feathumbSize:350,
interval:3000,
autoplay:true,
featuredID:"#featuredbwidget"
});


Configurando o slide


  1. Vê onde marquei em rosa? Aí você coloca o endereço de seu blog, completo.
  2. Onde marquei em azul é a quantidade de posts exibidos, altere se desejar.
  3. Onde marquei em verde você altera apenas se desejar exibir posts de determinado marcador. Vamos supor que eu queira exibir os posts da categoria Receitas que tem aqui no meu blog: eu trocaria a palavra false por "Receitas", com as aspas.

Entendeu? Releia tudo se tiver dúvidas.

Deixei marcado no código, em CAPSLOCK, as áreas seguras para editar. Cor e fonte, basicamente. Se você não domina programação sugiro que não altere mais nada, tá?
Contudo, se quiser tentar, vai lá, por sua conta e risco.

Feitas as edições que expliquei acima coloque título em seu slide, se desejar, e arraste para onde deseja que fique.

Atenção!
Só fica bom na sidebar (coluna lateral) do blog, tá?
Salve a alteração do Layout e pronto!
Só alegria!

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

7 comentários , comente também!

  1. Muito obrigada Elaine. Tão fácil que até eu que sou um calhau com olhos consegui fazer.
    Abraço

    ResponderExcluir
  2. Elaine, você arrasa sempre.
    Estava justamente querendo um tutorial desse e você, mais uma vez me ajudou.
    Já instalei! Hahaha
    Muito obrigada.
    Bjs

    www.vireimoda.com

    ResponderExcluir
  3. Posts sempre bem exemplificativos e fáceis de entender! Muito obrigada mais uma vez!
    E parabéns pelo seu blog! Amo todas as categorias.

    Grande beijo!

    Blog Jovens Mães

    ResponderExcluir
  4. Oi Elaine, tenho no blog jo turquezza pinturas, que você instalou para mim.
    Vou ver se consigo colocar no jo turquezza mundial.
    Valeu a dica.
    Beijos.

    ResponderExcluir
  5. Adorei. Ficou muito bom em mu blog.
    Adoro seus tutoriais.
    Beijoos
    Sucesso!
    http://fotografandonf.blogspot.com.br/

    ResponderExcluir
  6. Bom Dia. Uma duvida: Faço looks, as vezes um post tem mais de 3 fotos posso colocar esse look em slide. Coloco o titulo no local que você informou e a quantidade de fotos?
    Obrigado

    ResponderExcluir
    Respostas
    1. Bely, esse é um slide de posts recentes, não se adapta ao que você quer.
      Procure na barra de pesquisa por um slide de destaques, talvez seja mais útil...

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…