Ubah Ukuran Gadget Slideshow Pada Blogger

Seperti yang kita ketahui fasilitas slidshow gadget di blogger mempunyai ukuran yang boleh dikatakan kecil dan mungkin kelihatan sangat kecil apabila sidebar blog kita mempunyai ukuran yang besar. Nah jika blog anda termasuk yang mempuyai ukuran sidebar yang lebar, anda tentunya ingin mengganti ukuran dari slideshow gadget yang disediakan oleh blogger tapi bagaimana caranya ? Apakah mungkin ? Nah trick kali ini saya mencoba untuk membantu anda dalam mengatasi hal tersebut :

Langkah 1 tentuya tambahkan Slideshow Gadget pada sidebar blog anda :

1. Login ke Blogger.com.
   
2. Klik Layout link pada Blog Title di Dashboard anda.
   
3. Pada Add Page Elements tab klik 'Add Gadget' link.
   
4. Pada popup window klik 'Slideshow.
   
5. Konfigurasikan slideshow gadget anda.
   
6. Klik Save button dibagian bawah.
   
7. Lihat blog anda

Langkah berikutnya adalah cari ukuran dari sidebar blog anda, dimana untuk menambah lebar dari slidshow gadget anda, anda harus menemukan ukuran lebar dari sidebar anda, nah langkah-langkahnya :

1. Masuk ke Layout----->Edit Html subtab.
   
2. Pada box kode template anda scroll ke bawah pada bagian kode CSS sidebar anda seperti tampak dibawah ini :
   

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Perhatikan angka pada baris width '220px'. Angka tersebut menunjukkan lebar dari sidebar blog anda. Yang artinya anda tidak dapat menempatkan gadget slidshow anda di dalam sidebar dengan lebar melebihi angka tersebut karena jika gadget slidshow anda mempunya lebar melebihi lebar sidebar anda maka semua gadget-gadget pada sidebar anda akan 'merosot' ke bagian bawah blog tepatnya pada bagian bawah area postingan anda.

Langkah selanjutnya adalah definisikan ukuran gadget slideshow anda pada bagian CSS template anda. Copy kode dibawah ini dan paste-kan pada template anda tepatnya diatas tag ]]><</b:skin> :

.slideshow-container {
width: 200px !important;
height: 400px !important;
}

Klik preview dan atur ukuran width dan height nya sesuka anda, nah langkah selanjutnya login ke blog anda dan .... enjoy the slideshow...