Animasi slide foto atau gambar dengan menggunakan efek marquee, tidak kalah menarik bila dibanding dengan animasi flash. Selain lebih ringan, animasi slide ini dilengkapi efek onmouseover, sehingga pada saat pointer mouse diletakkan diatas salah satu gambar atau foto yang sedang berjalan secara otomatis akan berhenti. Dan pada saat itu pula terjadi efek transform yang mengakibatkan gambar menjadi berukuran lebih besar. Dan pada saat bersamaan apabila pointer mouse ditahan beberapa saat diatas gambar, maka akan muncul sebuah "tooltip" atau catatan mengenai gambar - gambar tersebut.
Berikut bentuk animasi slide dengan efek marquee :
Bila anda berminat untuk memasang animasi ini pada web atau blog anda, silahkan ikuti langkah - langkah berikut ini : 1. Login ke blogger dengan ID anda. 2. Klik Rancangan. 3. Dan KLik tab Edit HTML.
4. Cari kode di bawah ini atau yang mirip dengan kode ini :
5. Copy kode di bawah ini dan taruh sebelum kode </head> :
6. Simpan Template.
Langkah selanjutnya anda tinggal menampilkan Animasi slide foto atau gambar pada halaman depan blog anda. Perhatikan langkah berikut : 1. Klik Rancangan dan pilih Elemen Laman
2. Tambah Gadget
3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript
4. Copy dan paste kode dibawah ini pada gadget tersebut : Catatan : Diantara kode diatas terdapat kode link seperti berikut : Silahkan gantiULR ARTIKEL, KETERANGAN ARTIKEL ATAU GAMBAR, danULR GAMBAR, milik anda.
5. Simpan.
Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.
Judul: Cara membuat slide dengan efek marquee; Ditulis oleh Unknown; Rating Blog: 5 dari 5
Related Posts
CSS PaddingProperti CSS padding berfungsi untuk mengatur jarak antara elemen dengan isi elemen, misalnya mengatur posisi teks yang ada didalam border, tabel dll. Seperti ... readmore
CSS CSS atau Cascading Style Sheet adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampi ... readmore
Cara membuat efek shadow pada kotak dan gambar Penggunaan css3 memang menajubkan. Css3 merupakan pengembangan dari css 1 dan css 2. Keunggulan CSS3 memiliki banyak fitur. seperti shadow, transparansi, gradiasi ... readmore
Cara membuat efek membesar pada gambarMemberikan efek membesar pada gambar adalah salah satu cara menjadikan web atau blog tampil menarik. Biasanya digunakan pada web atau blog yang banyak menampilkan g ... readmore
CSS FONTFitur Css Font memang sangat diperlukan dalam pembuatan website. Beberapa kegunaan fitur Css Font yang bisa digunakan diantaranya seperti :Mengatur jenis fontMengat ... readmore
0
comments:
Post a Comment
Informasi Pilihan Identitas: Google/Blogger : Khusus yang punya Account Blogger. Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website. Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).
Untuk membuat background dengan warna gradasi, kita tidak perlu lagi menggunakan gambar sebagai backgroundnya. Tapi sekarang kita bisa mengg...
Get New Info
Subscribe via RSS FeedIf you enjoyed this article just click here, or subscribe to receive more great content just like it.
Pasang Iklan Di Sini ?
Link Exchange
Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini. Silahkan copy kode baner dibawah ini, dan taruh di web atau blog anda :
0 comments:
Post a Comment
Google/Blogger : Khusus yang punya Account Blogger.
Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).