Cara Membuat Marquee Gambar Berjalan di Blog

Cara Membuat Marquee Gambar Berjalan di Blog - Melihat gambar yang dapat berjalan di blog sebenarnya bisa menjadi hiburan yang menyenangkan bagi seorang blogger maupun pengunjung.

Ya, tidak ada salah jika kita membuat dan menampilkan gambar berjalan di blog apalagi gambar dan latarnya dikemas sedemikian rupa menjadi sesuatu yang mengagumkan, suatu mahakarya yang jika dilihat begitu artistik, begitu indah, begitu cantik, begitu menarik, tentu akan mengundang rasa decak kagum bagi banyak orang.

Gambar berjalan akan menjadi hiasan megah jika dibuat dengan rasa sepenuh cinta, ia akan menjadi pernak penik glamour istimewa yang pantas tuk bersanding dengan konten berkualitas yang ada di blog.

Memang, fakta tidak seindah mimpi tapi kita bisa meraihnya dengan ramuan kreatifitas ajaib yang kita miliki. Mari berkarya dengan gambar berjalan.

Pada mulanya sebelum kita bisa membuat gambar berjalan di blog, kita hanya perlu mengetahui kode dasar yang bisa membuat sesuatu bisa bergerak atau berjalan kemudian dengan tangan trampil kita bisa meracik kode dasar itu menjadi suatu yang lebih berkesan. Mari kita lihat kode dasar yang bisa membuat sesuatu seolah berjalan dibawah ini.

<marquee> Sesuatu Bisa Bergerak Jika Diletakan Ditengah Kode Ini</marquee>

1. Hasilnya:

Sesuatu Bisa Bergerak Jika Diletakan Ditengah Kode Ini

Kode yang diatas adalah salahsatu contoh jenis tulisan berjalan atau gaya berjalan dari sekian banyak jenis yang lainnya. Jika ingin mengetahui jenis berjalan yang lebih lengkap maka baca yang ini: Cara membuat marquee tulisan berjalan di blog

Mari kita lanjut membuat marquee gambar berjalan.

Untuk bisa membuat gambar berjalan anda tinggal mengganti teks yang ada ditengah kode marquee seperti diatas dengan kode gambar yang anda miliki, contoh dibawah ini:

<marquee>Kode Gambar Disini</marquee>

2. Hasilnya:



Sekarang kita akan membuat border dan background untuk latar gambar agar gambar berjalan terlihat lebih menarik, begini cara membuatnya:

<marquee style="background:white;border:2px solid #ff0000;padding:15px 15px 15px 15px;width="auto"height="auto"> <span style="background:transparent;margin:15px;"width="320px"height="250px">Kode Gambar 1 Disini</span> <span style="background:transparent;margin:15px;"width="320px"height="250px">Kode Gambar 2 Disini</span> <span style="background:transparent;margin:15px;"width="320px"height="250px">Kode Gambar 3 Disini</span></marquee>

3. Hasilnya:



Selanjutnya anda dapat mengkreasikan sendiri dengan mengubah warna bakground, warna border dan yang lainnya seperti contoh dibawah ini:

4. Hasilnya:



Baca juga:

Cara membuat tulisan berjalan dengan warna background keren

Anda dapat menyimpan kode marquee gambar berjalan didalam posting, tata letak dan didalam template, untuk menyimpan didalam template hendaknya kode marquee diparse lebih dulu.

Posted by Sakri

Jika artikel ini cukup bermanfaat silahkan bagikan artikel ini ke:

Facebook Twitter Google+