Slide de postagens recentes para blog- 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.