Selasa, 04 Juni 2013

CARA MEMBUAT FOTO ATAU GAMBAR BERJALAN (SLIDE SHOW)


CARA MEMBUAT FOTO ATAU GAMBAR BERJALAN (SLIDE SHOW)



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> PM SANTOSO </marquee>
PM SANTOSO


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 !! 

Tidak ada komentar: