29 January 2012

Merubah ukuran slide show pada widget blogger

Slide show menurut pengertian penghuni brugkembar adalah beberapa gambar atau foto yang ditampilkan secara bergantian. Tampilnya foto tersebut silih berganti secara berkala terus menerus, sehingga dapat menambah kecantikan blog.

Sudah banyak jago-jago blog yang telah menyuguhkan tutorial tentang cara membuat slide show untuk blog. Slideshow juga memiliki banyak model, namun dalam tutorial kali ini, saya tidak akan memberikan tutorial yang yang lengkap tentang cara buat slide show. Slideshow yang dimaksudkan disini adalah slideshow milik blogger. Apabila anda termasuk pengguna blogger blogspot, sudah pasti fitur widget slide show telah tersedia, silahkan tambahkan gadget baru lalu cari slide show pasti ketemu.

Slide show bawaan blogger setelah dipasang di blog, ukurannya sangat kecil panjangnya sekitar 150px dan tinggi 113px. Tentu hal ini kurang nyaman dilihat.  Oleh karena itu perlu merubah ukuran gambar slide show tersebut dan disesuaikan dengan ketersediaan lokasi tempat untuk meletakkan slide show.

Untuk merubah ukuran slide show widget blogger caranya adalah sebagai berikut :
  1. Dalam hal ini saya menganggap anda telah menambahkan slide show, lalu ikuti cara berikut ini,
  2. Masuk pada edit HTML template.
  3. Amankan template (Download Full Template)
  4. Klik kotak kecil bertuliskan Expand Widget Templates
  5. Cari kode
    <div class='slideshow-container' expr:id='data:widget.instanceId + &quot;_slideshow&quot;'>
  6. Setelah ketemu lalu ganti dengan kode ini
    <div class='slideshow-container' expr:id='data:widget.instanceId + &quot;_slideshow&quot;' style='width:250px; height:200px;'>
  7. Terakhir klik save
Anda bebas merubah ukuran gambar slide show, caranya dengan mengganti angka 250px dan 200px disesuaikan dengan luas sidebar anda.
Lihat gambar dibawah ini untuk membedakan sebelum dan sesudah dirubah.

Slide Show ukuran asliSlide Show modifikasi
modif-slideshow-blogger-2modif-slideshow-blogger-1
sebelum dirubahsetelah dirubah

2 comments:

  1. Lebih dari satu widget ditemukan dengan id: HTML13. ID Widget seharusnya unik.
    Error 500

    ReplyDelete
    Replies
    1. coba baca sekali lagi dan fahami apa isi tutorial di atas, slideshow yang kami maksud adalah yang asli milik blogger, kl anda membuat slideshow dengan kode html tentu berbeda caranya,
      thanks udah berkunjung

      Delete

Note: Only a member of this blog may post a comment.