Cara Membuat Foto atau gambar Berjalan (slide show)

Rabu, Oktober 14, 2009 // 16 komentar // Rudy // Category: Blogging Tutorial , Html , Tips dan Tricks //

Merasa bingung dengan judul diatas ? Hehe,.. Yasudah, ga usah dipikirin judulnya mau gimana dan harus bagaimana, terus terang saya juga bingung nih... menentukan judul yang paling tepat untuk artikel ini, bukan apa apa sih,,,,,,tapi karena saya jadi terinspirasi dari cara membuat teks berjalan yang dikasi sama Om Google, akhirnya terpikir oleh saya untuk mencoba mengeksplorasi fungsi dari tags HTML yang menjadi power dari teks berjalan tersebut. Dan perlu sobat ketahui bahwa trik ini adalah bukan saya yang pertama kali menemukannya, akan tetapi saya mengetahuinya dari berbagai experimen yang saya buat sendiri, Makanya saya bingung alias ga tau bahasa di internetnya apa. Terserah mau dibilang kebetulan atau semacamnya,, asal jangan kepikiran kalau saya telah mengklaim sebagai orang yang pertama menemukan trik

tersebut. Ok !! (Haduhhh Rud, emang trik apaan sih ??) nah, untuk lebih jelasnya silahkan sobat lihat demonya di sini.

Bagaimana ? Jika tertarik untuk membuatnya, maka ikutilah langkah-langkah berikut ini :

Siapkan beberapa buah URL foto atau gambar yang nantinya mau ditampilkan pada slide
Selanjutnya, masuk ke dasbor, klik tata letak, pilihlah lokasi yang tepat untuk widget ini, klik tambahkan widget → html / java script.
Pada kolom notepad, masukan kode html yang telah diformat seperti berikut :

<marquee>
<img src="lokasi url image 1">
<img src="lokasi url image 2">
<img src="lokasi url image 3">
<img src="lokasi url image 4">
<img src="lokasi url image 5">
<img src="lokasi url image 6">
</marquee>
Dan seterusnya...........

Diatas jelas terlihat bagaimana sobat harus memasukan URL yang sebelumnya telah disiapkan.
Langkah selanjunya, klik simpan dan lihatlah hasilnya !!

Note: Kode html yang membuat pergerakan pada teks berjalan adalah : <marquee> teks berjalan </marquee>
teks berjalan

Kemudian sedikit sentuhan, saya mencoba mengganti teks dengan URL gambar dan hiper link. Sebenarnya masih banyak lagi yang dapat kita lakukan dari tag html, namun semua tergantung kemampuan kreatifitas kita sendiri. Tunggu artikel selanjutnya yang akan membahas bagaimana cara memformat kecepatan, arah, baground dan lain lain, juga akan dibahas bagaimana cara pengaplikasian tag html seperti yang ada pada contoh simple diatas. Selamat berkreasi !!

16 komentar for this post

Saung Web
November 06, 2009 6:53 AM

Wah boleh juga nih tutorial HTML nya... oh ya.. selamat juga deh atas kenaikan PR nya..
Admin
November 15, 2009 12:00 AM

Bagus ...
Bisa belajar ne...
Rania Cheese
November 16, 2009 1:32 AM

ga bisa ne...
Rudy
November 16, 2009 1:52 PM

@Saung Web:
Hehe, akhirnya.. Thankz ats kunjungan bliknya Mas !

@Slamat Blog's:
Yupt, smoga bisa bermanfaat.

@Rania Cheese:
Ga bisanya dmana ??
dbsk
Februari 13, 2010 8:32 AM

saya mw tannya, low memasukan url fotonya dari mana y?
M. HARIYANTO
Februari 18, 2010 6:57 PM

ternyata sederhana, tapi manfaat, terimakasih atas infonya
ian
Juni 03, 2010 11:46 PM

oke...

aku juga baru ketemu kode html yang berjalan tersebut baru-baru aja...

tapi, kalo boleh tanya..

cara buat kode html tapi berjalan na naik atau turun gimana ya???

http://panggil-aku-ian.blogspot.com
bowo
Juni 13, 2010 7:41 PM

mantap bozzusah dicoba nie...hehehehe
line09movie
Juli 17, 2010 2:10 PM

Makasih Gan Atas InFonya Ini Bener2 berguna buiat saya cus dah lama saya cri Info ini,..
Sempatkan Wktu Untuk berkunjung di my Blog,..
http://www.davastie.co.cc/
langitsitus.com
Agustus 31, 2010 6:08 AM

ya.... W dah nyoba bisa Coy....
Tanks...
souvenir manten
Oktober 25, 2010 3:20 PM

thank ya
Yoga
Desember 26, 2010 7:56 PM

Thank's bro
Anonim
Oktober 22, 2011 10:49 PM

Nice info mas ..sederhana dan simpel
Admin numpang jualan nich dompet kulit berkualitas
siapa tahu ada yg minat .. thanks ya
http://www.laszloshop.com/
Anonim
Mei 16, 2012 10:31 AM

tulul sederhana bgt cape" in baca doang sekalian aja loe tambahin hggshuguisgihs biar narsis
Anonim
September 30, 2012 11:41 PM

KREN BGT GAN,, THNKS YA INFO
KUNJUNGI BLOG SAYA YA
http://lomboknetworkholidays.blogspot.com
angga
Januari 05, 2013 4:54 AM

gan, gimana cara memperkecil fotonya ..and izi copas ya..

Bukan kesempurnaan yang Saya harapkan, sebuah pencapaian yang lebih baik dari hari ini takkan terwujud bila tak ada Kawan yang meninggalkan jejaknya dalam kolom komentar !!

Arsip Blog

Cara Membuat Foto atau gambar Berjalan (slide show)

Related posts :

16 komentar for this post

Leave a reply

Publisher

Followers

Category