Pages

Minggu, 09 Januari 2011

Mengatur Tampilan Header Website AOM

 
 

Sent to you by Auto via Google Reader:

 
 

via Blog Duit by BlogDuit on 11/24/10

Sesuai janji pada Mas Fauzan yang menanyakan mengenai pengaturan header website AOM agar muncul headernya, BlogDuit membuat kiriman mengenai pengaturan header website AOM.

Hal yang perlu diketahui

  • Secara default, website AOM mengatur lebar halamannya fluid (mengikuti lebar layar) pada 90% dari lebar layar
  • Header website AOM dapat berupa tulisan (tinggal diatur dari panel admin) atau menggunakan gambar yang kita buat sendiri

Nah, marilah kita mulai mengatur header website AOM kita.

Mengatur Header Website AOm Berupa Teks

#1 Masuklah ke panel admin dan klik pada menu Images. Cari bagian seperti gambar di bawah ini.

logo text website aom

#2 Masukkan teks yang diinginkan untuk muncul sebagai header. Atur jenis huruf, ukuran, bobot dan warna huruf di sana.

#3 Atur alignment teks pada bagian Logo alignment yang ada di bawahnya

image

#4 Klik Save

Mengatur Header Website AOM berupa Gambar

#1 Buatlah gambar yang akan dipergunakan sebagai header. Ukuran bergantung selera. Blogduit senang ukuran lebar (width) 1000 piksel dengan tinggi (height) menyesuaikan. Simpan gambar sebagai file JPG.

#2 Upload gambar ke online storage. Bisa pakai Picasaweb, Photobucket atau upload ke server.

#3 Login ke panel admin website AOM lalu pilih menu Images. Cari bagian seperti gambar di bawah.

image logo website aom

#4 Masukkan URL gambar ke text field yang tersedia

image logo website aom

#5 Atur alignment teks pada bagian Logo alignment yang ada di bawahnya

image

#6 Klik Save

Mengatur Lebar Halaman Website AOM

Khusus untuk header yang menggunakan gambar, kita perlu mengatur lebar halaman website AOM disesuaikan dengan lebar gambar header agar tampilan website AOM kita kelihatan lebih rapi.

#1 Pada panel admin website AOM klik menu Layout

#2 Cari bagian seperti gambar di bawah

layout settings website aom

#3 Atur alignment website AOM terhadap jendela peramban. Blogduit lebih suka Center. Lalu atur lebar website AOM disesuaikan dengan lebar gambar header yang kita buat. BlogDuit mengatur pada 1000 piksel. Cukup masukkan saja angka 1000 di sana.

#4 Klik Save

Silakan lihat website AOM Kawan-Kawan. Seharusnya saat ini website AOM Kawan-Kawan sudah memiliki header sesuai pengaturan Kawan-Kawan apakah berupa teks atau gambar.

Tips Membuat Gambar Header

Karena tidak jago desain, BlogDuit suka mengambil gambar produk-produk Amazon sesuai niche yang dipilih untuk dimasukkan ke gambar header. Mungkin Kawan-Kawan bisa mengikuti cara tersebut.

Contoh header yang dibuat menggunakan gambar yang diambil dari website Amazon sbb:

Gambar di atas sesuai dengan yang BlogDuit contohkan pada bagian Mengatur Tampilan Website Berbasis AOM 4.4.1.

BlogDuit - berbagi ide dan tips bisnis online http://blogduit.com

 
 

Things you can do from here:

 
 

0 komentar:

Posting Komentar