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:
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.
11 comentários via Blogger
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?
ResponderExcluir