Slayt Gösterisi
7-MAUS EFEKTLERİ
Blogunuza eklediğiniz yazılara ait resimleri şekildeki gibi slayt gösterisi olarak gösteren,üstelik sayfa çevirme animasyonu ile geçiş yapan, isteğinize göre boyutlandırabileceğiniz sayfa çevirme animasyonlu slayt gösteri alanını blogunuza çok basit bir işlem olan Gadget Ekleme yöntemi ile ekleyebilirsiniz;
Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıyoruz.Kod içerisinde kırmızı renkle yazdığımız blogokulu.blogspot.com yere kendi blog adresimizi yazıp kaydediyoruz.Eklentimizi blogumuzda görünmesini istediğimiz yere sürükleyip bırakıyoruz.
<!-- blogokulu.blogspot.com Kodu Baslat --><script type="text/javascript"> // 7 variables to control behavior var Book_Image_Width =140; var Book_Image_Height =225; var Book_Border =true; var Book_Border_Color ="gray"; var Book_Speed =15; 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"> <img src="http://i1133.photobucket.com/albums/m596/abu-farhan/bookflip/placeholder.gif" width="144" height="227"> </div> <script src="http://blogokulu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script> <script type="text/javascript"> ImageBook(); </script><!-- blogokulu.blogspot.com Kodu Bitir --> Kod içerisinde:
width=145, height=225 değerlerini değiştirerek slayt gösteri alnının boyutlarını değiştirebilirsiniz. KOD DENEME EDİTÖR
Çalışıyor!
KOD ÖNİZLEME
hazırlanıyor!