Friday, April 5, 2013

Memperbesar Tampilan Gambar di Slideshow Blogger Kita

Memperbesar Tampilan Gambar di Slideshow Blogger Kita - Untuk cara kerjanya Dan Langkah-langkahnya adalah:

Login ke blogger anda, masuk ke Design, Template Designer, Advanced , Add CSS, tambahkan kode dibawah ini dan ingat untuk menekan 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 dilakukan melalui menu Design, Edit HTML, klik Expand Widget Templates, kemudian carilah kode dibawah:
]]>
</b:template-skin>

dan tambahkan kode tadi tepat sebelumnya, jadi terlihat seperti dibawah, kemudian save template.

.slideshow-container{
width: 250px;
height: 300px;
}
.slideshow-container div a img {
min-width: 250px !important;
height: auto !important;
}
]]>
</b:template-skin>


Anda bisa merubah ukuran gambar sesuai dengan keinginan, caranya adalah dengan merubah width dan height pada kode diatas, misalnya width: 300px , height: 250px.

Untuk menambah Slide Show Widget, masuk ke menu Design, Page Elements, lalu klik Add a Gadget, dan temukan SlideShow Widget, untuk jelasnya bisa dilihat pada gambar di bawah:

slideshow
Tinggal kita klik slideshow, lalu tentukan sumber gambarnya, simpan dan anda akan melihat tampilan slideshow dengan ukuran yang diinginkan di blog anda.

Terimakasih Goodluck..!!!! by....

No comments:

Post a Comment