Membuat Slide Show Album Foto di Blog
Posted
by Unknown
on 2/15/2009
This item was filled under
Blogspot Tutorials,
HTML Tutorials
Mungkin pembaca pernah melihat sebuah slide show yang berisi foto-foto yang ditampilkan pada sebuah website maupun blog. Apalagi jika pembaca mempunyai friendster, tentu slide album foto seperti itu sudah tidak asing lagi. Kita juga bisa membuat slide show tersebut pada halaman website atau blog kita, dan langkah-langkah membuat slideshow album foto pada blog juga tidak jauh berbeda dengan ketika kita membuatnya pada friendster. Dan yang lebih menarik lagi, kita tidak perlu download slideshow kemudian memasangnya di web kita sehingga membutuhkan waktu yang banyak. Namun, agar terlihat lebih bagus dan menarik, kita perlu melakukan penyesuaian kode-kode slide tersebut dengan template blog kita. Untuk menambahkan slide foto pada blog, kita akan memanfaatkan sebuah situs gallery picture yang akan menyediakan kode-kode slide foto yang kita simpan pada situs tersebut. Situs tersebut adalah Slide.com. Berikut langkah-langkahnya:
Bagian 1:
Bagian 2
Selamat mencoba, dan jangan lupa ngasi komentar ya, terutama jika pembaca masih bingung dengan langkah-langkah diatas, saya dengan senang hati akan berusaha membantu pembaca sekalian.
Bagian 1:
- Silahkan buka www.slide.com pada browser Anda, kemudian login pada situs tersebut. Jika Anda belum memiliki akun, ada baiknya register/mendaftar terlebih dahulu dengan mengklik tombol menu Sign Up. Sebenarnya tanpa mendaftarpun kita tetap bisa membuat slide show album pada situs ini. Namun, dengan mendaftar memungkinkan kita menyimpan slide kita dan dapat mengeditnya jika diperlukan tanpa harus memulai dari awal lagi.
- Saya asumsikan pembaca telah berhasil membuat akun pada situs slide.com dan telah login pada situs tersebut. Jika pembaca berada pada halaman utama, klik tombol yang bertuliskan Make a Slideshow
Namun, jika berada pada halaman profile, klik gambar yang ada tulisan Make Slideshow. Keduanya sama saja. - Selanjutnya akan muncul sebuah halaman pembuatan slideshow dengan 3 langkah, yaitu Create Slideshow, Save Slideshow, dan Share Slideshow.
- Pada bagian Create Slideshow, pembaca diminta untuk mengupload foto atau gambar yang ingin dimasukkan kedalam slide album yang akan pembaca buat. Ada beberapa pilihan untuk memasukkan foto-foto tersebut, yaitu menguploadnya langsung dari komputer pembaca, atau bisa menggunakan foto atau gambar yang telah Anda simpan pada akun friendster Anda, facebook, myspace, photobucket, dan lain-lain. Dengan demikian, pembaca tidak perlu lagi mengupload satu persatu dari komputer pembaca. Namun sangat saya harapkan agar pembaca tidak memasukkan gambar porno apalagi foto bugil artis Indonesia yang sekarang lagi beredar di internet. Kalau sekedar memasukkan foto artis cantik Sandra Dewi atau foto Aura Kasih (tapi jangan gambar telanjang mereka ya) mungkin tidak jadi masalah. Yang cukup ditakutkan adalah ketika anak-anak kita yang justru dengan tidak sengaja melihat foto-foto bugil artis tersebut. Loh..loh...kok malah penjelasannya melebar ke masalah curhat..Lanjuuttt... :D
- Kita akan mencoba membuat slideshow dengan memakai foto yang ada di friendster. Untuk itu, pada bagian Add Images From, pilih menu Friendster. Masukkan URL dari profile friendster Anda pada kotak Enter Your Friendster URL (Profile or Group). Kemudian klik tombol Get my images. Jika proses tersebut berhasil, maka pembaca akan melihat dibagian bawah telah terdapat foto-foto yang berasal dari friendster Anda. Untuk mengetahui friendster URL Anda, silahkan buka terlebih dahulu profile friendster pembaca. URL pembaca ada pada bagian yang ditunjukkan oleh gambar dibawah ini:
- Pada bagian Customize your Design klik menu Styles dan pilih Sliding. Dibagian atas akan terlihat album Anda akan ditampilkan dalam bentuk sliding.
Masih pada bagian Customize, klik menu Size yang ada disamping. Nah, disinilah kita perlu menyesuaikan ukuran slide album kita dengan template yang kita gunakan. Sesuailan slide dengan bagian dimana slide album Anda akan dimunculkan. Sebagai contoh kita akan menampilkan slide tersebut pada bagian sidebar blogspot. Jika lebar sidebar blog kita sekitar 300 an pixel, maka ukuran yang proporsional dari slide kita adalah misalkan 300 x 100 px. Maka pada kotak width masukkan nilai 300 dan pada kotak height masukkan nilai 100, kemudian klik tombol Update. Anda juga bisa mengatur tampilan dari slide yang akan kita buat, baik memberikan effect, background, dan lain-lain. Silahkan coba menu-menu customize yang lain. - Jika pengaturan dirasa sudah cukup, silahkan klik tombol berwarna hijau SAVE (get code).
- Selanjutnya kita akan masuk pada bagian kedua, yaitu Save Slideshow. Pada bagian Slideshow Details, isi dengan isian yang sesuai dengan keinginan pembaca. Setelah itu klik tombol hijau SAVE Slideshow.
- Setelah itu kita akan masuk kebagian Share Slideshow. Pembaca akan melihat sebuah kotak yang berisi kode slide album foto yang baru saja kita ciptakan. Kode tersebutlah yang akan kita sisipkan pada blog atau website kita.
Bagian 2
- Masuk ke akun blogger Anda.
- Pada halaman dasbor, klik link menu Tata Letak.
- Tambahkan sebuah Gadget dengan mengklik link Tambah Gadget. Pilih jenis HTML/Javascript.
- Masukkan kode slide album foto yang telah pembaca dapatkan dari situs www.slide.com tadi (step 9 pada Bagian 1). Kemudian klik tombol Simpan.
Selamat mencoba, dan jangan lupa ngasi komentar ya, terutama jika pembaca masih bingung dengan langkah-langkah diatas, saya dengan senang hati akan berusaha membantu pembaca sekalian.
184 komentar on "Membuat Slide Show Album Foto di Blog"
ada lagi ni boss...klo pasang music gimana ya?...
sama-sama...^_^..senang juga klw saya bisa membantu
seneng banget akhirnya bisa masukin foto ke blooogg!!!
saya mau nangis karena terharu nih..
huehehhe
makasih yaw
Tapi, ada masalah dikit nie..Menu slide sperti: SLIDE, MAKE YOUR OWN, VIEW ALL IMAGE, koq muncul di blog sya juga ya..
tolong bantu saya ya mas..
sama-sama..saya juga jadi terharu..senang bisa membantu...
selamat mencoba hasil editannya ya..
@Rhyno:
hapus bagian dibawah ini dari code slideshow punya mas:
<p style="white-space:nowrap">
<a href="http://www.slide.com/pivot?cy=ms&at=un&id=432345564268885590&map=1" target="_blank">
<img src="http://widget-56.slide.com/p1/432345564268885590/ms_t000_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a>
<a href="http://www.slide.com/pivot?cy=ms&at=un&id=432345564268885590&map=2" target="_blank">
<img src="http://widget-56.slide.com/p2/432345564268885590/ms_t000_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a>
<a href="http://www.slide.com/pivot?cy=ms&at=un&id=432345564268885590&map=F" target="_blank">
<img src="http://widget-56.slide.com/p4/432345564268885590/ms_t000_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" />
</a></p>
makasi bozz..
@arcy_daffa:
sama-sama...senang rasanya kalau bisa bantu..
sama-sama..:D
thanks wat info and tipsnya...
aq uda nyoba n berhasil.....
infonya sangat bermanfaat,..
sukses selalu.
aduh aku mzii kesusahan. . .
makasih..
terima kasih banyak ya bro....
ntar kalo aq ada masalah dengan blog, bisa curhat kan bro?
oya bro, gmana masukkin blog bro punya ke blog aq?
So, I can it
karena yg aku mau itu slide photoku muncul diblog..tapi setelah aku coba cara diatas.. yg muncul malah toolbar slide,make your own,, dan teman2 nya.. hiks..hiks..
sekali lagi maksih banyak ya atas bantuannya
Salam kenal dari newbie ya mas...
"Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The reference to entity "il" must end with the ';' delimiter."
makasih ya mas..
thanks a lot ya.
smoga ilmunya bertambah dan bermanfaat.
numapng terbit boz http://www.cararampur.blogspot.com
nih blog kku..
http://bahaphal.blogspot.com
from,http://www.dbs-pulza.co.cc
hanya saja masalah saya seperti mas rhyno.. harus ada iklannya space.com. Lalu gimana cara ngilangin nya..? udah di coba ngikutin kaya punya mas rhyno ada beberapa script nya yg dihilangkan tapi malah jadi ga bisa muncul gambarnya lagi.. pls bantu dong mas.. tks
blogwalking yahhhh ^^ peace
tlng mampir di ahmadsyamsudin.blogspot.com
jngan lupa comen yah,,,
SMGA SUKSES DAN MAJU TERUS,,,
MAMPIR KE BLOG AKU YAH DAN JANGAN LUPA COMEN DAN FOLLOW.....
ahmadsyamsudin.blogspot.com
http://reevesz.blogspot.com/
yang muncul malah kodenya....
Gimana ya mas?
Tks
klhatanya ada mslah deh bos,..
pada share slide show koq g' muncul code-nya?
mohon petunjuknya ya boz,..
gak kluar slideshowx mohon penjelasanya
trim ksih
koq gag masuk ke halaman kode nya???????????
tlong mas..........
aduuuu,,,cum tggal langkah trakir aja susah bget
makasi
Thanks atas infonya ...
Salam kenal...
tetapi tetap tidak bisa, , ,
dzaralghifahri.blogspot.com. .
kunjungi juga ya mas
makasih ^_^
sya gk nemuin kode java scriptny.??
ak dah comment ya...
apa sya salah lhat.. yang mna sih..
ada cara lain gak yang munculin slidnya aja tanpa da embel-embelnya ...?
hehehehe ...
:D
heheheh iya sangat2 sangat terimakasih ya ... berharga sekali tambah ilmuku .... mkasih.
tolong do follow up blog saya ya... sayang nggak ada photonya kalau ada saya insert juga tuh ke albumku..
ini blogku :http://whoisadsense.blogspot.com
mkasih sekali lagi mkasih
GPL
wah... tips nya bermanfaat sekli bagi blogku sekalian aku nitip blogku ya... mas www.ahdanahmadmalkan.blogspot.com
www.trickgamer.co.cc
wassalamualaikum.wr.wb
sekarang lanjut step berikutnya ngikutin plajaran dari om..!
sukses selalu
co2k bngt nih....bwt blogQ...
mksh infonya...
di buka aja slide yang udah jadi kk
trus klik kanan di slide trus view page source
nah muncul dah source nya
trus cari codenya yang
"ticker_holder"
nah source di bawahnya itu codenya..tinggal di copy aja
tapi mungkin ada cara yang lebih mudah kk .... ini cuma sekedar info aja ... hehehehehe
sesama pengguna slide.com
akhirnya slide
lesehankebonpakis.blogspot.com
berhasil di buat... :)
kunjungi blog saya yah hehehe
http://desta-desain.blogspot.com/
makasih
:D :D
http://blitarblogger.blogspot.com
http://zonaiklanku.blogspot.com
mohon petunjuk Trims.
tapi, sayangnya kok kita harus Register dulu yah . . ??
aku coba de......mudah mudaha berhasil
http://kunjunganartikel.blogspot.com
sipokeyes.blogspot.com
salam hangat
sehat selalu
Thx..!!!