Script Slide Show Gadget Untuk Blogger ANDA :)

Setelah saya ini dia ternyata gatget yang paling pantas. Gadget slideshow Blogger tidak memberikan pengguna banyak pilihan seperti menyesuaikan ukuran dan gaya. Google AJAX API Pakan (Lihat link Related Article di bawah posting ini) menyediakan kode penuh di belakang gadget slideshow dan juga kesempatan untuk menyesuaikan yang Anda inginkan.

Anda dapat mengedit kode secara langsung untuk mengatur ukuran dan gaya dan kemudian paste di gadget HTML ...

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
 type="text/javascript"></script>
    <style type="text/css">
      #picasaSlideshow {
        width:  250px;
        height: 200px;
        margin-bottom: 5px;
        padding: 5px;
      }
    </style>
    <script type="text/javascript">
    google.load("feeds", "1");
    function OnLoad() {
      var feed  = "PUT FEED URL HERE";
      var options = {
        displayTime:2000,
        transistionTime:600,
        numResults : 8,
        scaleImages:true,
        fullControlPanel : true
      };
      var ss = new GFslideShow(feed, "picasaSlideshow", options);
    }
    google.setOnLoadCallback(OnLoad);
    </script>
<div id="picasaSlideshow" class="gslideshow"><div class="feed-loading">Loading...</div></div>
<a href="http://devils-online.blogspot.com">Custom Slideshows.</a>

Pada kode diatas ganti "PUT URL FEED HERE" dengan link dari RSS feed album foto Anda di Flickr / Photobucket / Picasaweb seperti yang ditunjukkan di bawah ini.

MAKAN Slideshow

Langkah berikutnya adalah memberikan aliran gambar untuk slideshow. Untuk memberikan ini pertama kali membuat account di Flickr.com atau Photobucket.com atau Picasaweb.google.com. Kemudian meng-upload semua foto yang Anda ingin menunjukkan ke account ini.


Setelah meng-upload gambar Anda akan mendapatkan RSS feed dari album yang dibuat di Flickr:

http://api.flickr.com/services/feeds/photos_public.gne
?id=USERID&lang=en-us&format=rss_200
Ganti Ekstensi dengan userid yang sebenarnya Anda di Flickr.com.

menyesuaikan SLIDESHOW

Untuk menyesuaikan tampilan slide memodifikasi kode gadget seperti yang ditunjukkan di bawah ini:

Untuk Perubahan Jumlah Gambar memodifikasi baris ini dalam kode gadget dan mengubah nomor untuk apa yang Anda inginkan:

numResults: 8,

Untuk mengubah ukuran gambar langsung menambahkan baris ini di bawah garis numResults:

scaleImages: benar,

Gambar akan diubah ukurannya sesuai dengan aspek aslinya kecuali jika Anda menambahkan baris ini juga:

maintainAspectRatio: palsu,

Untuk mengubah berapa lama gambar akan ditampilkan memodifikasi nomor di:

displayTime: 2000,

Untuk link gambar ke sumber mereka tambahkan baris ini:

linkTarget: google.feeds.LINK_TARGET_BLANK,

Untuk menampilkan gambar dalam ukuran thumbnail media menggunakan line ini:

ThumbnailSize: GFslideShow.THUMBNAILS_MEDIUM,

Untuk gambar ukuran thumbnail kecil:

ThumbnailSize: GFslideShow.THUMBNAILS_SMALL,

Terakhir untuk meningkatkan lebar dan tinggi mengubah kode ini:

# picasaSlideshow {
width: 250px;
tinggi: 200px;
.....
}

Menurunkan jumlah lebar sesuai dengan lebar sidebar Anda. Anda bisa mendapatkan lebar sidebar dari kode template blog Anda:

# sidebar-wrapper {
width: 220px;
...
}

MENGINSTAL SLIDESHOW

Setelah modifyng dan menyesuaikan kode slideshow seperti yang ditunjukkan di atas:

Login di Blogger.com
Klik link Tata Letak di Dashboard.
Klik Tambah link Gadget pada Layout ---> Page Elements subtab.
Pada jendela Popup gulir ke bawah dan klik pada gadget HTML.
Paste kode diubah di jendela Isi.
Simpan gadget.



Artikel Info : Doctor BLOG  

Nikmatilah!
Previous
Next Post »
0 Komentar

Terimakasih telah berkomentar