1 de dez de 2011

Slide flip-page com atualizações automáticas de seu blog


 DEMO

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


Clique em Adicionar um Gadegt



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>

Código em rosa comprimento de cada imagem
Código em azul largura de cada imagem

5 comentários:

  1. Eu tenhoo medo de por no blog e ficar pesado pra carregar.

    ResponderExcluir
  2. boa tarde ha eu de novo.
    Uma esmolinha por favor!
    E ai amiga vai fazer o template gospel que vc havia dito.rssss presente de natal..kkk

    ResponderExcluir
  3. boa tarde ha eu de novo.
    Uma esmolinha por favor!
    E ai amiga vai fazer o template gospel que vc havia dito.rssss presente de natal..kkk

    ResponderExcluir
  4. Parabéns..perfeito era tudo o que eu estava a horas procurando..levinho e prático.Quem quiser dar uma olhada:www.correiodopovofm.com

    ResponderExcluir
  5. Oi, tudo bem!

    Já 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.

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube