Kamis, 13 Oktober 2011

Cara membuat slideshow foto atau gambar di blog (wordpress)

Sebelum artikel ini saya posting, saya mengalami beberapa kesulitan dalam membuat slide foto untuk ditampilkan di blog wordpress. Karena terbatasnya atau lebih tepatnya dibatasi penggunaan script2 untuk animasi grafis dinamis pada wordpress.com. Nah, salah satu solusi untuk menampilkan galeri pada blog anda di wordpress dengan menggunakan stok foto di facebook, photobucket dan sebagainya adalah dengan membuat slide di slide.com. Selain tampilan yang memudahkan pengguna dan tentunya gratis alias free alias tidak dipungut biaya.
Langkah-langkah untuk membuat slide tersebut adalah sebagai berikut:
  1. Buka situs slide.com
  2. Pilih menu Create – SlideShow


  1. Ada banyak sekali pilihan untuk memasukkan gambar atau image pada slideshow kita, bahkan sudah terintegrasi dengan situs jejaring sosial seperti facebook, friendster, myspace,bebo,slide, photobucket, flickr, dsb.

  1. Contoh saya memilih memilih facebook sebagai sumber gambar/foto. Pilih Facebook – Get MyImages (lihat gambar dibawah)

  1. Tunggu sebentar hingga muncul kotak browser baru, masukkan username & passwords facebook anda dan klik [LOGIN] seperti gambar dibawah:

  1. Setelah proses login berhasil, maka pada web awal saat kita memilih gambar/foto sudah tersedia album-album foto yang telah anda buat di facebook sebelumnya seperti gambar di bawah:

  1. Pilih salah satu album yang ingin anda buat sebagai slideshow, kemudian edit CAPTION atau judul dari tiap foto tersebut, jika sudah ada judul sebelumnya, maka anda bisa langsung meng-klik [DONE], lihat gambar di bawah:

  1. Jika ingin merubah design, warna dan efek anda bisa merubahnya di panel sebelah kanan [Costumize your Design], ada beberapa alternatif: Puzzle, bubbles, prism, static, melt, dsb.
  2. Setelah selesai mngutak-atik design dari slideshow, klik [Save - get Code], setelah itu anda akan diarahkan untuk mengisi form.
  3. Masukkan beberapa informasi untuk slideshow anda, lihat gambar di bawah ini:

    Keterangan:
    No. 1 = Judul Slideshow
    No. 2 = Lokasi tempat foto diambil/keterangan toko (jika promosi barang)
    No. 3 = Nama Anda (sebagi pembuat slideshow)
    No. 4 = Email Anda
    No. 5 = Password anda
    NB: Untuk No. 3 – No. 5 digunakan sebagai account di slide.com, jika tidak ingin membuat account bisa dikosongi saja dan langsung klik [Save SlideShow]
  4. Setelah selesai, anda akan dibawa menuju halaman untuk men-sharing-kan hasil slideshow yang anda buat. Ada banyak sekali ajang untuk mempromosikannya, mulai dari facebook, twitter, myspace, hi5, wordpress, blogger, dsb (terlalu banyak untuk saya sebutkan satu-persatu). Karena saya ingin agar slide ini bisa muncul di blog saya di wordpress, maka saya memilih wordpress pada menu MORE. Lihat gambar di bawah:

  1. Sebenarnya ada dua cara untuk menjadikan slideshow ini postingan di blog pada wodpress, yang pertama, sign in / masuk melalui slide.com yang sudah disediakan (lihat gambar), atau tinggal meng-copy kode dan di-paste-kan pada postingan kita di wordpress.

  1. Tiap slideshow mempunyai kode unik, kebetulan punya saya adalah:
1[//slideshow id=2161727821165556298&w=426&;h=320]
Tanpa tanda //
  1. Lakukan postingan biasanya saat membuat posting di wordpress, kemudian masukkan kode yang kita dapatkan di slide.com dan viola…. Jadilah slideshow yang cukup keren.
Selamat mencoba..

Tidak ada komentar: