Cara Membuat Bendera Melambai Animasi untuk Situs Web

Jika Anda ingin menampilkan pesan atau gambar bergerak di situs Anda, pertimbangkan untuk menambahkan bendera melambai ke halaman Anda. Bendera ini meniru cara spanduk fisik bergerak tertiup angin, dan menampilkan gambar dan/atau teks yang Anda inginkan. Meskipun grafik ini secara tradisional dibuat dengan aplikasi grafik, Anda memiliki opsi untuk membuat gambar dinamis ini dengan sumber daya Internet gratis. Buat bendera melambai animasi yang Anda sukai dan pahami cara mempublikasikannya ke situs web Anda.

Langkah 1

Arahkan browser Anda ke pembuat bendera animasi online seperti FlashVortex.com, MakeSweet, atau Layoutcodez.net. Situs MakeSweet dan Layoutcodez.net memungkinkan Anda mengunggah gambar Anda sendiri untuk bendera Anda, sementara situs FlashVortex.com menyediakan gambar siap pakai yang Anda edit.

Langkah 2

Unggah gambar untuk bendera bergerak Anda di situs web MakeSweet dengan mengklik tombol tanda tambah, lalu klik tanda tambah berikutnya yang muncul dengan gambar default. Di Layoutcodez.net, klik tombol "Pilih File". Ikuti petunjuk di setiap situs untuk memilih gambar Anda dan menambahkannya ke desain.

Langkah 3

Gunakan menu di situs FlashVortex.com dan MakeSweet untuk mendesain gambar Anda. Di FlashVortex.com, misalnya, masukkan ukuran bendera di bidang teks "Skala bendera", ketik konten bendera yang menyertainya di kotak "Teks", lalu pilih posisi teks Anda menggunakan fitur di bawah "Edit Posisi Label Teks " judul. Layoutcodez.net tidak memberi Anda pilihan untuk melakukan modifikasi lebih lanjut pada gambar Anda.

Langkah 4

Selesaikan desain bendera bergerak Anda dengan mengklik tombol "Hasilkan Animasi" di situs web FlashVortex.com atau tombol "Unggah" di halaman Layoutcodez.net, lalu salin kode yang otomatis ditampilkan di kotak teks. Dengan MakeSweet, klik ikon film pada desain Anda, pilih opsi "Draf" atau "HI-RES" dan kemudian klik gambar disk ketika muncul di bagian atas untuk menyimpan file ke desktop komputer Anda.

Langkah 5

Unggah file GIF animasi MakeSweet Anda ke host Web Anda (jika ada) ke folder atau direktori yang sama tempat Anda menyimpan file situs web Anda yang lain. Catat lokasi file (misalnya, "http://www.yoursite.com/flag.gif").

Langkah 6

Buka halaman situs web tempat Anda ingin menambahkan bendera di editor teks Anda dan posisikan kursor Anda di area di mana Anda ingin grafiknya muncul. Tempelkan kode dari situs FlashVortex.com atau Layoutcodez.net. Jika menggunakan MakeSweet, masukkan URL file bendera Anda di antara tanda kutip kode gambar berikut:

Simpan pekerjaan Anda. Bendera animasi Anda sekarang ditampilkan di halaman situs web.