Cara Memperbesar Ukuran Gambar Slideshow di Blogspot

Hallo… setelah kemaren saya post gimana caranya buat gambar slideshow di blog, sekarang saya post gimana caranya memperbesar ukuran gambar slideshow tersebut, karena secara default seperti yang kita ketahui tampilan gambar pada fasilitas slideshow di Widget Blogger ukurannya sangat kecil dan menurut saya kurang sedap di lihatnya, mungkin karena sengaja di desain hanya untuk di tampilkan di sidebar saja, ketika kita mempunyai keinginan atau kebutuhan untuk menampilkan ukuran gambar yang lebih besar akan sangat sulit. Untuk itu bisa dicoba menambahkan css untuk merubah ukuran gambar tesebut. Langsung aja yach ke langkah-langkahnya :

• Login dulu ke dashboard blogger kalian, masuk ke Design, Template Design, Advanced, Add CSS, kemudian tambahkan kode HTML di bawah ini dan ingat tekan enter setelah kode terakhir, kemudian klik Apply to Blog.

.slideshow-container{

width: 250px;

height: 300px;

}

.slideshow-container div a img {

min-width: 250px !important;

height: auto !important;

}

• Cara kedua bisa juga melalui menu Design, Edit HTML, klik Expand Widget Templates, kemudian cari kode dibawah ini :

]]>

</b:template-skin>

Dan tambahkan kode di atas tadi tepat sebelumnya, jadi terlihat seperti dibawah ini :

.slideshow-container{

width: 250px;

height: 300px;

}

.slideshow-container div a img {

min-width: 250px !important;

height: auto !important;

}

]]>

</b:template-skin>

• Klik save.

Kalian bisa merubah ukuran gambar sesuai dengan keinginan, caranya yaitu dengan merubah ukuran Height dan Width, misalnya dengan merubah Width : 350px dan Height : 300px

Untuk melihat hasilnya, kalian bisa lihat di blog ini gambar slideshow ( My Bussiness Galery ) menggunakan kode-kode di atas. Oke…selamat mencoba… :)