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.

Um comentário , 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

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…