Welcome My Blog

Ramdhani Purnama Alam

AINK BOBOTOH PERSIB

Photobucket

Kamis, 03 Februari 2011

Cara membuat slideshow di blog

Ada banyak cara untuk membuat slide show di blog, seperti menggunakan javascript, menggunakan widget slideshow blogger, ataupun bisa dengan mengunakan layanan pihak ketiga. Dalam postingan ini kita mencoba membuat gambar dalam bentuk slide show, bergerak acak (random), dan berbagai efek-efek lainnya. Ada sebuah situs yang menyediakan layanan gratisan, yang bisa anda manfaatkan untuk membuat slide show gambar atau foto, kemudian kodenya bisa anda pasang di blog anda, atau dipasang di dalam postingan, di sidebar blog, header atau di footer blog anda. Slide show ini bisa anda terapkan pada gambar kesayangan, foto pribadi, atau koleksi foto dan gambar lainnya.

Untuk membuat slideshow di blog, prosedur yang harus anda lakukan:

1. Buka situs slideshow
Jika belum terdaftar (belum punya akun) klik tombol sign up untuk daftar dan isi form pendaftaran, jika sudah punya bisa langsung klik tombol Sign in

2.Setelah login , klik Create a slideshow atau klik icon Ctreate slideshow






3. Pada tampilan berikut, klik browse untuk memilih file gambar atau foto yang akan di upload



4. Pilih gambar yang ada
Klik Open

6. Lakukan langkah di atas hingga semua gambar ter-upload

7. Anda bisa mengatur style (efek / animasi slideshow)


8. Kemudian atur ukuran  widget slideshow yang akan dibuat:
width : lebar widget , height ; tinggi widget dalam satuan pixel (atur sesuai kebutuhan)
Ada beberapa option lain yang bisa anda atur seperti skin, themes, music/video,background
Klik update setelah selesai melakukan pengaturan
Jika suatu saat anda ingin mengubah efek slideshow anda bisa login ke akun slideshow, kemudian pilih edit slideshow.

9. pada halaman berikut pilih tombol  save slideshow




10. Anda akan mendapatkan kode yang bisa dipasang di blog



11. Login ke dashboard blogger
Pilih tata letak , pilih elemen halaman
Pilih tambah gadget, pilih HTML/Javascript
Masukkan kode yang anda peroleh dari situs slideshow





Hasilnya bisa dilihat seperti pada blog  Slide Show atau contoh lain dengan efek yang beda pada blog membuat slideshow di blog

0 comment:

Posting Komentar

Get Paid