15 junho 2012

Slide no blog

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