Slide de postagens recentes para blog- modelo responsivo

em 12 de setembro de 2016

slide de posts recentes-modelo responsivo

Um dos recursos mais procurados aqui no blog são os slides.
Ao longo do tempo fui publicando alguns, que uso em meus trabalhos de personalização de blogs.
Confira aqui todos os slides que eu já publiquei.

Hoje quero te mostrar um slide bem legal: ele não deforma as imagens, é personalizável e é responsivo, ou seja: pode ser usado em templates responsivos pois se adapta às várias resoluções de tela.
Vamos aprender?

Para começar, 3 conselhos

 

1- Faça uma cópia de segurança de seu template.
Assim, caso não goste do slide ou ele cause algum conflito basta restaurar o modelo para o que era antes das alterações e fica tudo bem.

2- O outro conselho é: faça todo o procedimento em um blog de testes antes.
Não se meta a sair mexendo em seu template sem saber se dominou todos os passos.
Vai por mim, eu sei o que tô falando porque já perdi muitos templates mexendo sem dominar o tutorial.

3- O conselho final é ainda mais sábio, embora óbvio: LEIA todo o tutorial antes e se certifique de haver entendido.
90% das perguntas que me fazem sobre os tutoriais vêm do fato da pessoa não ler o tutorial, não ler os códigos e se ler não conseguir compreender.
Só comece após haver entendido tudo.
Ok?

Os conselhos não são para assustar, são para ensinar. Como eu gostaria que tivessem me ensinado 8 anos atrás, quando comecei.
Acredite: é bem fácil e simples.

Precauções tomadas, vamos trabalhar?
Para começar abra a página com os códigos e a mantenha aberta, vai precisar copia-los daqui há pouco:

Copiar os códigos


Acesse o painel administrativo de seu blog e clique na aba Modelo.
Clique em Editar HTML e dentro da caixa de código tecle Ctrl+F.
Na barrinha de busca que aparecer digite </head> e tecle Enter para localizar.
ACIMA de </head> cole o 1º Código.

Agora vá ao painel, clique em Layout e a seguir clique em Adicionar um gadget.
Escolha HTML/JAVASCRIPT e na caixa que expandir cole o 2º Código.
Salve. Arraste para onde deseja que fique e salve a alteração do Layout.
Simples assim.

Importante:
Os créditos do arquivo original pertencem ao desenvolvedor Shuvojitdas.

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. Oi Eliane! Deu certo no blog de testes e nada apareceu no oficial... (http://reginabomfim.blogspot.com.br). Obrigada se puder me dar uma luz. Meu template é o Simple (branco e preto, aquele bem básico).

    Beijos e obrigada

    ResponderExcluir
    Respostas
    1. Regina, seu blog tem os feeds ativos? Ele é público? Tem algum script que possa causar conflito?
      É preciso checar tudo isso até descobrir porque funciona no blog de testes e no oficial, não...

      Excluir
    2. Olá moça, boa noite! Eu já tenho é tudo problema com slider, sempre tem algum problema. rsrs.
      No slider anterior q eu usei ele funcionava a imagem dentro do slider no height, nesse slider, funciona o widgt, mas o height sempre ta cortando, já mexi meio mundo de coisa mas não conseigo fazer a imgaem se ajustar direito no altura ao alider. Qaulquer dica agradeço !!!

      Excluir
  2. Outra coisa. Eu procurei no scrip as configurações de widget e height no slide e não encontrei, ele baixa essas condigurações de outro lugar e por isso não consigo editar?

    ResponderExcluir
    Respostas
    1. Você não achou porque não há :)
      Esse slide é responsivo, ele vai assumir a largura da área onde for instalado, e vai definir a altura em proporção à essa largura.

      Excluir
    2. Então como eu faço para não cortar a imagem, ele está sempre cortando parte da imagem. no casa em relação a altura.

      Excluir
    3. Não há o que fazer, ele captura em geral o centro da imagem...

      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…