Blog Arozaq >> Blog Tempat Arozaq Berbagi Ilmu >> Dengan Blog Kita Sukses >> Blog Arozaq >> Tempat Berinspirasi Menuahkan Semua Isi Fikiran dan Semoga Bermanfaat

Tuesday, July 27, 2010

Home » » » Membuat Slide Show Image

Membuat Slide Show Image

Membuat slide show image adalah sebuah widget yang menampilkan image secara rondom, dimana akan berganti-ganti tergantung jumlah foto dan informasi yang kita masukan ke dalamnya.

Langkah 1
1. Login ke Blogger
2. Pilih Tata Letak / Rancangan
3. Pilih Tab Edit HTML
4. Centang " Expand Template Widget"
5. Silakan Cari Kode ]]></b:skin> dan Taruh Kode Berikut Di atas kode ]]></b:skin>


6. Kemudian Setelah itu coba cari kode </head> dan Taruh Kode berikut di bawah kode </head>


7. Save Template

Langkah 2
Untuk Bisa Menikmati widget ini silakan perhatikan instruksi di bawah ini :

1. Login ke Blogger
2. Pilih Tata Letak Atau Rancangan
3. Tambah Widget/Gedget Baru
4. Pilih HTML/Javascript
5. Copy kode di bawah ini dan Paste di Widget/Gedget yang akan anda buat tadi (no.4)


Coba liat hasilnya dulu seperti apa ???

Keterangan :
1. Ganti dengan alamat link artikel kamu
2. Ganti warna hijau dengan link gambar / foto
3. Ganti Judul Foto dengan Judul Artikel Keterangan Lain Tentang Foto
4. Arti kode width="468" height="240" adalah ukuran dari widget slideshow view, lebar="468" tinggi="240"
5. alt= Isi dengan kalimat yang ingin di tampilkan di bawah foto.
6. Jumlah Slide Show bisa anda perbanyak dengan menambahkan kode <li><a href="#"><img src="#" width="600" height="240" title="Judul Foto" alt="Isi dengan kalimat yang ingin anda di tampilkan mendampingi foto/image." /></a></li> di atas kode </ul>

PENTING !!
Untuk Mengubah Ukuran dan Lebar Slide Show Agar Fix Sesuai ukuran yang anda inginkan :

1.Login Ke blogger
2.Pilih Tata Letek/Rancangan
3.Pilih Tab Edit HTML
4.Centang "Expand Template Widget"
5.Cari kode Yang Sama dengan kode-kode di bawah ini :


NB : Ubah Tulisan width:468px dan height:240px dan sesuaikan dengan ukuran template. Kemudian cari kembali kode yang mirip seperti di bawah ini :


NB : Ubah Tulisan width:468px dan height:80px dan Sesuaikan dengan ukuran lebar dan ketinggian Widget (Berhubungan dengan huruf dan judul yang nanti akan di tampilkan, disarankan sesuikan dengan ukuran widget slideshow view yang di pilih.

selamat mencoba.....!

sumber : kang salman

Related Posts by Categories



Widget by arozaq.com

4 comments:

  1. akan lebih jelas lagi bila tutorial ini dilengkapi dengan demo
    tapi layak untuk dicoba...thanks

    ReplyDelete
  2. Kok gak mau jalan slide show nya gan ??
    Berhenti pada foto terakhir...

    ReplyDelete
  3. Ok Kawan . . . , akan saya coba,saya sedang oprak-oprek template,masih belajar (blogger pemula and gaptek) jadi tks banget ilmunya. Salam kenal . . .

    ReplyDelete