Bagaimana menjadikan gambar bergerak

www.BedroomFurnitureGuide.Blogspot.Com

Tentu anda perasan gambar di atas bergerak dari kiri ke kanan. Ini adalah  contoh bagaimana anda boleh menarik perhatian pengunjung blog atau pelanggan anda.

Boleh juga diletakkan gambar ini sebagai header blog atau website .

Sebenarnya teknik untuk menjadikan gambar bergerak tidaklah terlalu sukar. Di sini saya terangkan bagaimana mencipta sebuah gambar yang bergerak. apa yang anda perlukan ialah kod di bawah:

<marquee behavior=”scroll” direction=”left” scrollamount=”2″>
<img src=”http://www.warehousedirectfurniture.com/bedrooms/images/scandia-bedroom-furniture-collection.jpg” width=”119″ height=”99″ alt=”smile” /><p>Keterangan Gambar</p></marquee>

1.  Langkah pertama yang harus anda lakukan ialah dapatkan URL gambar seperti dalam imej di bawah.

2. Copy dan pastekan ke dalam Notepad, kemudian pastekan juga kod marquee di atas dan masukkan URL gambar yang anda ambil.

<marquee behavior=”scroll” direction=”left” scrollamount=”2″>
<img src=”http://www.trendir.com/archives/matin-dete-kids-bedroom-furniture.jpg” width=”200″ height=”120″ alt=”smile” /><img src=”http://www.alcazarfurniture.com/assets/images/furniture-ho/rockford_bedroom/Rockford_bedroom_furniture_Poster_Bed.jpg” width=”200″ height=”120″ alt=”smile” /><img src=”http://www.warehousedirectfurniture.com/bedrooms/images/scandia-bedroom-furniture-collection.jpg” width=”200″ height=”120″ alt=”smile” /><p>BedroomFurnitureGuide.Blogspot.Com</p></marquee>

Kod di atas telah dimasukkan ketiga-tiga URL gambar yang akan “digerakkan”.

3. Copy & paste marquee code ini ke NVU, atau apa saja software yang anda gunakan. Bagi memasukkan ke blog wordpress anda, hanya copy & paste kod ini ke dalam “Post” anda dalam mode HTML.

Selamat mencuba, jika anda ada apa-apa pertanyaan atau masalah sila tinggalkan komen anda.