Mais um slide adaptado por Abu Farhan, esse modelo tem um efeito de página foleada e é super-mega,power-fácil de instalar.
Vá até layout
Ao abrir, clique em HTML/Javascript
Cole então o próximo código colocando o endereço de seu blog no local indicado, arrastando o widget para o local que você quer que apareça o slide.
<script type="text/javascript">
// 7 variables to control behavior
var Book_Image_Width =450;
var Book_Image_Height =350;
var Book_Border =true;
var Book_Border_Color ="gray";
var Book_Speed =10;
var Book_NextPage_Delay =1500; //1 second=1000
var Book_Vertical_Turn =0;
// variables for content
var random_posts = true; // random posts
var numposts_gal = 10; // number of posts
</script>
<script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/galeryposts-bookflip.js" type="text/javascript"></script>
<script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/bookflip.min.js" type="text/javascript"></script>
<div id="Book" style="position:relative; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px rgba(0,0,0,0.4);">
<img src="http://i1133.photobucket.com/albums/m596/abu-farhan/bookflip/placeholder.gif" width="450" height="350" />
</div>
<script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>
// 7 variables to control behavior
var Book_Image_Width =450;
var Book_Image_Height =350;
var Book_Border =true;
var Book_Border_Color ="gray";
var Book_Speed =10;
var Book_NextPage_Delay =1500; //1 second=1000
var Book_Vertical_Turn =0;
// variables for content
var random_posts = true; // random posts
var numposts_gal = 10; // number of posts
</script>
<script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/galeryposts-bookflip.js" type="text/javascript"></script>
<script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/bookflip.min.js" type="text/javascript"></script>
<div id="Book" style="position:relative; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px rgba(0,0,0,0.4);">
<img src="http://i1133.photobucket.com/albums/m596/abu-farhan/bookflip/placeholder.gif" width="450" height="350" />
</div>
<script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>
Código em rosa comprimento de cada imagem
Código em azul largura de cada imagem
Eu tenhoo medo de por no blog e ficar pesado pra carregar.
ResponderExcluirboa tarde ha eu de novo.
ResponderExcluirUma esmolinha por favor!
E ai amiga vai fazer o template gospel que vc havia dito.rssss presente de natal..kkk
boa tarde ha eu de novo.
ResponderExcluirUma esmolinha por favor!
E ai amiga vai fazer o template gospel que vc havia dito.rssss presente de natal..kkk
Parabéns..perfeito era tudo o que eu estava a horas procurando..levinho e prático.Quem quiser dar uma olhada:www.correiodopovofm.com
ResponderExcluirOi, tudo bem!
ResponderExcluirJá tem um tempo que acompanho o seu trabalho e suas dicas são super simples de aplicar, já faz um bom tempo que possui o slide Flip-page com atualizações automáticas no meu blog e de repente parou de ler as minhas postagens o que posso ter feito de errado, por favor me dê uma orientação estou desesperada.
Obrigada, Tuca Santana.