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?
Como instalar o Slide responsivo de posts recentes no blog
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:
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.
Dias online
Postagens
comentários
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).
ResponderExcluirBeijos e obrigada
Regina, seu blog tem os feeds ativos? Ele é público? Tem algum script que possa causar conflito?
ExcluirÉ preciso checar tudo isso até descobrir porque funciona no blog de testes e no oficial, não...
Olá moça, boa noite! Eu já tenho é tudo problema com slider, sempre tem algum problema. rsrs.
ExcluirNo 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 !!!
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?
ResponderExcluirVocê não achou porque não há :)
ExcluirEsse slide é responsivo, ele vai assumir a largura da área onde for instalado, e vai definir a altura em proporção à essa largura.
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.
ExcluirNão há o que fazer, ele captura em geral o centro da imagem...
ExcluirBom dia. O que eu posso fazer para que os links abram na mesma janela e não noutra com está
ResponderExcluirClaudio, não dá pra alterar. Seria preciso modificar a programação, mas os termos do desenvolvedor não permitem...
ExcluirConsegui colocar no meu Site de teste mais não consegui colocar no Oficial, meu feeds ta Completo e o Site Publico. Gostaria de saber o que fazer, gostei muito do Slide!
ResponderExcluirOlá, boa tarde, eu coloquei, redes sociais em meu bloco, tudo certinho, porem,elas ficaram uma em cima da outra, ao invés de ficar do lado. O que faço?
ResponderExcluirParabéns! Seus posts são excelentes! Por gentileza, é possível alterar a velocidade da exibição dos posts?
ResponderExcluirGostei desse modelo, já apliquei no meu blog, com novo template. Obrigado mais uma vez por suas boas dicas!
ResponderExcluirOlá Elaine. Estou procurando uma galeria de posts recentes ou de um marcador específico, mas que seja responsivo, procurei aqui no seu blog e não encontrei um que seja responsivo, ou talvez não tenha procurado direito. Tem algum que possa indicar?
ResponderExcluirJessica, tem sim, mas eu acho que nunca publiquei.
ExcluirVou olhar meus posts de rascunho e acertar os erros e assim que possível eu publico :)
bjsss
Muito bom o tutorial!!! Tenho apenas duas dúvidas: há como deixar ele sendo exibido somente na pagina inicial, tipo, após a pessoa clicar no post e abrir o slide sumir? E minha segunda duvida é: há como modificar a altura e largura dele na versão responsiva?
ResponderExcluirDankelvis, para exibir o slide só na hem use a condicional que faz isso.
ExcluirProcure aqui no blog o post Condicionais do Blogger, lá tem as explicações gerais e os códigos.
Para alterar largura e altura veja o c[odigo, ele te dirá onde alterar pois deixei marcado.