Blogger Yayınlarınızdaki Resimleri Slayt Gösterisi ile Sergileyin (Resim Geçişleri Sayfa Çevirme Animasyonlu )

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.

Kodun Orjinal Görünümü: