Hi peoples, hoje estava fuçando uns blogs por ai e encontrei o blog Herdeiros da Mafia ( para quem irá meus créditos ), e decidi ensinar como fazer um slide igual o deles.
Achei super simples, bonitinho para quem gosta de modificar enfim ..
Vamos ao tuto :
1 º Abra teu HTML aperte ctrl+f e procure por </head>
cole este código antes de </head>
2º Ainda em HTML procure por ]]></b:skin>
cole este código antes de ]]></b:skin>
Salve
Agora adicione um gadget HTML/JAVASCRIPT e cole o código abaixo dentro dele
<div id="slide"><div id="slider">
<a href="LINK" target="_blank"><img src="http://static.tumblr.com/ifqwhnb/P5Qm20oxb/untitled-9.png" width="763" height="277" /></a>
<a href="LINK" target="_blank"><img src="http://static.tumblr.com/ifqwhnb/PdVm20p29/untitled-9.png" width="763" height="277" /></a>
<a href="LINK" target="_blank"><img src="http://static.tumblr.com/ifqwhnb/Kbhm20p8r/untitled-9.png" title="ESCREVA A DESCRIÇÃO"width="763" height="277" /></a>
</div></div>
Agora, modifique aonde está escrito " LINK " colocando o link da página do seu blog, para colocar o link é só copiar o URL da sua página, clicando com o botão direito do mouse em copiar endereço do link ( pode estar com outro nome, mas saberá que deve copiar o URL
Onde está em negrito pode mudar as imagens conforme o seu gosto. E se quiser mudar a largura e altura do slide é só colocar width e height da maneira que preferir.
Se tiverem qualquer dúvida é só perguntar em comentários
créditos ao Sweet Poison. Obrigado por propor tutos maravilhosos !
Nenhum comentário:
Postar um comentário