July 13, 2024

Menambahkan Animasi Pada WordPress

1 min read

Salah satu cara untuk membuat website kita lebih interaktif adalah dengan menambahkan animasi . akan tetapi yang harus kita perhatikan adalah ukuran file dari animasi kita jangan terlalu besar karena jika terlalu besar maka akan memperlambat proses loading website.

Nah bagaimana caran   ya upload animasi ke dalam wordpress, yook kita simak artikel nya di bawah ini :

Langkah 1

Pertama kali buatlah animasi pada aplikasi Adobe Flash atau Swishmax.

Screen shot 2013-04-09 at 9.46.58 AM

Langkah 2

Setelah itu simpan dengan format swi, swfdan html.

Screen shot 2013-04-09 at 9.47.07 AM

Format penyimpanan selesai.

Langkah 3

Jika ada perintah sepertini  klik yes.

Screen shot 2013-04-09 at 9.47.11 AM

Perintah itu adalah untuk menampilkan kode html dari animasi yang kita buat. Lakukan copy kode dari <object> hingga </object>.

Screen shot 2013-04-09 at 9.47.31 AM

Langkah 4

Kemudian Bukalah halaman admin web anda di server atau Localhost dengan mengetik alamat http://localhost/nama website /wp-admin.  * jika di buat di server lokal. Pada dashboard pilih media – add new.

Screen shot 2013-04-09 at 9.47.47 AM

Pilih upload.

Screen shot 2013-04-09 at 9.47.53 AM

Pilih select files.

Screen shot 2013-04-09 at 9.47.59 AM

File yang kita upload adalah file animasi tipe swf

  1. Setelah mengupload  file animasi ke dalam media , selanjutnya adalah mengatur letak animasi pada widget.
  2. Bukalah dashboard anda kemudian pilih widget.

Screen shot 2013-04-09 at 9.48.09 AM

Langkah 5

Setelah itu paste kode animasi nya.

Screen shot 2013-04-09 at 9.48.17 AM

Dan tekan save untuk menyimpan, tetapi cek kembali pada bagian src, src di sini adalah alamat animasi yang sudah kita upload  pada media, silakan di ganti.

Screen shot 2013-04-09 at 9.48.26 AM

Berikut hasil akhirya.

Screen shot 2013-04-09 at 9.48.38 AM

Selamat mencoba :D.

0 thoughts on “Menambahkan Animasi Pada WordPress

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.