Cara Membuat Banner dengan HTML5 Maker

Cara Membuat Banner dengan HTML5 Maker – kebetulan sekali ketika ada seorang teman yang kebingungan cara memasang banner dari html 5 maker ini membuat saya jadi pengen buat tutorialnya sekalian itung-itung isen-isen blog ya hihi.. ok, sebelumnya saya akan berbagi cara membuat bannernya terlebih dahulu dengan menggunakan html 5 maker.

Bagi yang belum pernah membuat banner disini, bisa klik sign up dulu untuk mendaftar dan jika Anda sudah terdaftar silakan ikuti langkah-langkah berikut ini :

1. Buka http://html5maker.com/app 

2. Ubah size (ukuran banner) melalui klik Change Canvas, misalnya saya pilih ukuran full banner (428x60 px) 

3. Klik Add Image → Choose Category 

4. Klik Element → Pilih gambar/bentuk yang Anda mau → Modify 

5. Klik Text untuk menambah tulisan (silakan berkreasi sendiri dengan tool-tool yang ada seperti : 

Effect : menampilkan efek 

Frame : memberi bingkai 
Overlay : lapisan

Image : jika ingin mengambil dari komputer Anda 

6. Jika sudah dipilih silakan klik APPLY → SAVE 

7. Tariklah ke kanan-kiri-atas-bawah (sesuaikan ukurannya terserah Anda) 

8. Untuk menambah image lagi silakan klik Add image seperti tadi dst.....

9. Jika sudah selesai membuat banner klik SAVE 

10. Klik Export Java Script 

11. Klik Download NOW 

12. Klik Embed 

13. Copy kode yang ada di Iframe Code for Website dengan menekan Ctrl+C 

14. Paste sementara di notepad (Ctrl+V) 

 Nah jika ingin memasangnya di blog, caranya : 

1. Masuk ke blog Anda www.blogger.com 

2. Klik Tata Letak 

3. Klik Tambah Gadget 

4. Klik HTML/ Java Script 

5. Pastekan kode tadi ke dalam kotak HTML 

6. Simpan → Lihat Blog Anda