Minggu, 27 April 2014

Cara Membuat Animasi Pada Header Dengan CMS Wordpress

Assalamu'alaikum
Sore Sobat CHF, gimana kabar sobat sekalian.. semoga tetap pada sehat dan dalam lindungan Allah Tuhan Semesta Alam ^_^ Aaamiin.

Sobat,
ane mau sharing sedikit ilmu yang barusan ane dapet, kebetulan ane ada tugas akhir mata kuliah perancangan web di kampus, salah satunya yaitu membuat sebuah animasi pada header di website. Nah kebetulan ane pake cms wordpress, so ane bakal kasih sedikit ilmu yang insyaAllah bermanfaat buat sobat yang lagi butuh macam ane nih... hehehee

OK fix..(alay ala sinetron wendi.. hahhaa)
berikut tutorialnya, sile disimak dan dipraktekkan sobat ^u^b

1. Login ke wp-admin sobat > isi username  dan password milik sobat, misal seperti gambar berikut:


2. setelah login, maka sobat akan bertemu dengan halaman dashboard pada wordpress. (seperti gambar berikut:)


Langkah selanjutnya yaitu sobat pilih appearance >> editor. perhatikan lingkaran merah pada gambar diatas ya sobat :)

3. Selanjutnya sobat pilih menu Header atau header.php sebelah kanan sobat.(seperti gambar berikut:)


4. Setelah tampilan menu editor header terlihat, sobat bisa memasukkan coding yang sudah sobat dapatkan dari beberapa web gratisan atau dari hasil editan sobat sendiri tepat di bawah class header. misal seperti gambar berikut yang ane buat sobat :


5. dan... Taraaaaaa,, jadi deh animasi untuk header-nya ^u^



Selamat Mencoba Sobat, Good Luck
Salam Sukses for Us
~CHF~