Cara Membuat Gambar SlideShow di Blog / Website

Untuk beberapa kategori blog atau website, pemakaian gambar slide show pada blog / website sangat diperlukan, disamping untuk mempercantik penampilan blog / website itu sendiri, ada beberapa alasan kenapa gambar slide show sangat diperlukan dalam tampilan blog / website.
Untuk blog / kategory Movie misalnya, hal ini diperlukan, agar penyampaian isi konten dalam blog / website dapat tersampaikan kepada para pengunjung blog / web tersebut, begitu juga dengan blog / website dari sebuah perusahaan, penggunaan gambar slide show banyak diaplikasikan. Lalu bagaimana cara membuat  atau memasang gambar slide show di blog atau website? ada banyak cara diantaranya dengan menggunakan gambar dengan format Flash, bisa juga dengan menggunakan script / kode HTML / Javascript tertentu.

Kini HTML 5 telah mendukung penggunaan gambar slide show dengan menggunakan kode script tanpa harus menggunakan gambar dengan format file flash. Nah untuk kali ini saya akan berbagi panduan cara membuat gambar slide show dengan kode html / javascript pada blogger.

Langkah-langkahnya sebagai berikut :

1. Siapkan beberapa gambar dengan ukuran tertentu sesuai dengan kebutuhan anda.
2. Upload gambar-gambar tersebut di media penyimpanan online (anda dapat menyimpan gambar di picasaweb.google.com).
3. Catat url link dari masing-masing gambar yang sudah anda upload tersebut.
4. Masuk / Login ke Blog anda. (Blogger)
5. Pilih "Template" >> Klik "Edit HTML" >> beri tanda centang pada "Expand Template Widget".
6. Untuk keamanan jika terjadi kesalahan sebaiknya anda "COPY" terlebih dahulu script HTML anda dan "PASTE" kan ke dalam NOTEPAD untuk backup.

7. Cari kode </head> pada bidang HTML template blog anda (gunakan tombol "Ctrl+F" untuk memudahkan pencarian)
8. Masukkan kode script berikut tepat diatas kode </head>

Kode Script-1 : 



9. "Simpan Template" blog anda.
10. Sekarang beralih ke menu "Tata Letak"
      >> Klik "Tata Letak" >> Klik "Tambahkan Widget" >> pilih "HTML / JAVASCRIPT".
11. Masukkan kode script berikut kedalam bidang widget "HTML / Javascript" tersebut.

Kode script -2


Keterangan :
- Untuk kode script-2 silahkan atur size / ukuran gambar sesuai dengan ukuran gambar yang sudah anda   upload tadi.
- Untuk kode script-2 sulahkan atur Url link gambar sesuai dengan url masing-masing gambar anda yang sudah anda simpan di media penyimpanan online tadi.

Preview / Demo gambar slide show dapat anda lihat DISINI>>

Demikian tutorial cara membuat gambar slideshow pada blog, semoga bermanfaat.

Jangan lupa tinggalkan komentar anda untuk artikel ini dan komentar anda akan tampil di semua halaman pada side bar blog ini dan juga di HALAMAN INI >>
Jika ingin bertukar link dengan DEJAVANTA BLOG silahkan klik BACKLINKS GENERATOR >>
Website atau Blog anda juga akan tampil di DEJAVANTA BLOG seperti daftar nama-nama website dan Blog di HALAMAN INI >>

Lumayan kan bisa nambah rating blog anda !!!



Artikel Terkait:

24 komentar:

rasni aritonang mengatakan...

terimakasih

Waqoyan mengatakan...

Terimah kasih akan ku coba

Danny-Gitaronline.blogspot mengatakan...

keren sob,,,,, nambah wawasan ..
kunbalnya ditunggu kunbalnya di gubug ane,,,

Berita Islam mengatakan...

Wah saya ijin pelajari ah sob...! Soalnya saya belum paham betul...
http://beritaislam.mywapblog.com

isman fauzie mengatakan...

guns ko saya tidak bisa yah...?

fiu choppie mengatakan...

boleh nih sob ....mksh,,, http://choppie88.blogspot.com

Jaey mengatakan...

artikel kerennn bosss jdi nambah wawasan nih
lanjuuuuuuuuuutkan bos

Tiar :: Fenz Jaket Sport mengatakan...

keren gan, akan sy coba di blog saya.. www.jaketsporty.blogspot.com

Anonim mengatakan...

cara mennsesuaikan size foto pada blog bagaimana

mardia umaternate mengatakan...

terimakasi atas petunjuknya. ini telah memudahkan saya meng upload gambar

sewa mobil makassar mengatakan...

RENTALSEWAMOBILMAKASSAR.COM

MUSLIM ALIM mengatakan...

mantap sob, jangan lupa untuk mengunjungi web saya di http://www.masterscript.net dan gabung di program affiliasi di http://www.masterscript.net/affiliasi

Adi W.B.A mengatakan...

thanks men

Fitri Suciany mengatakan...

makasi boy

Baidury mengatakan...

Tutorial yang sangat bagus bang sehingga saya bisa menerapkannya, Blog saya sangat membutuhkan tutorial ini www.budurisport.com

willy ginanjar mengatakan...

makasih

Anjasya Askiffer mengatakan...

keren gan kunjungan baliknya anjasya984.blogspot.com

M.SIDIQ mengatakan...



makasih master ats tutorialnya sangat bermanfaat ane coba dulu ya

kalau berkenen mampir di gubukku

http://mahfudsidik.blogspot.com

Apk Baru mengatakan...

siip gan,, makasih banyak ya tipsnya,, nubi ijin nyobain sekalian belajar lah..

Ade Putra mengatakan...

wah ini kontes seo ya.... Keren dah...

Toni mengatakan...

terima kasih atas tutorial memasang slideshow ini, nanti akan saya pasang di blogspot milik saya

Cara Membuat Obat Bius mengatakan...

mantap tipsnya gan. salam sukses selalu.

JUAL OBAT ABORSI mengatakan...

wow gooooooooood top makasih ya mas triknya. pokonya maknyus lah.

YKMIP Petamburan mengatakan...

Gambarnya keluar gan, cuma gak slide show, static image aja gitu.
Knapa ya kira2 ?

 
Support : DEJAVANTA | KARYA MANDIRI
Copyright © 2010. D E J A V A N T A - All Rights Reserved
Template by Creating website Modify by DEJAVANTA
Proudly powered by Blogger