.
Bingung cari template web yang bagus,jangan khawatir mending buat sendiri aja,karena sesuai dengan selera yang kita inginkan.
Dari pada kelamaan langsung aja saya ajarin langkah-langkahnya.
Langkah #1. Buka Website http://www.dotemplate.com/ tidak perlu login, mendaftar atau bayar alias gratis.
Langkah #2. Pilih salah satu tampilan template yang tersedia di website tersebut. Tampilan template inilah yang akan menjadi template dasar kita dan dapat kita edit (ubah) sesuai keinginan kita.
Langkah #3. Klik tombol “Customize and download” untuk melakukan pengaturan tampilan sesuai keinginan kita. Akan ditampilkan sebuah window berupa tampilan website sesuai yang kita pilih.
Langkah #4. Klik pada bagian header (gambar 2) untuk mengedit tampilan bagian header (judul situs, gambar dan background). Selanjutnya akan muncul gambar 3.
Gambar 2. Template Website
Gambar 3. Customize bagian header
Pada gambar di atas terlihat bagian-bagian dari header website. Bagian (1) adalah judul (title) utama. Kita dapat mengganti text (tulisan), jenis font, ukuran dan warna teks. Bagian (2) adalah Slogan 1 dan Slogan 2 dimana kita juga dapat mengatur teks, jenis font, ukuran dan warnyanya. Bagian (3) adalah gambar (foreground image), kita dapat menggunakan gambar yang sudah tersedia, ataupun mengupload gambar kita sendiri. Kita juga dapat mengatur beberapa properties dari image seperti blur di sekitar image. Bagian (4) adalah warna background. Bagian (5) adalah pilihan pengaturan untuk masing-masing bagian. Bagian (6) kita dapat klik tombol “Apply” untuk melihat perubahan pengaturan.
Langkah #5. Setelah mengatur header, klik pada bagian menu (navigasi) atas dan akan ditampilkan pilihan pengaturan untuk bagian menu. Kita dapat mengatur warna background menu, warna tulisan menu dan warna hover menu. Klik Apply untuk menyimpan perubahan.
Gambar 4. Customize bagian content
Selanjutnya lakukan hal yang sama untuk bagian website yang lain. [Gambar 4] Untuk bagian content (isi) kita dapat mengatur warna tulisan, judul tulisan dan juga warna link. Untuk mempermudah pemilihan warna, tersedia juga “font gallery” yang merupakan kombinasi warna standar web.
Gambar 5. Customize bagian Sidebar
[Gambar 5]. Untuk bagian sidebar (menu samping) kita dapat mengatur ukuran lebar dari sidebar dalam pixel. Dapat juga diatur warna teks, warna link dan warna separator menu.
Gambar 6. Customize Footer
[Gambar 6]. Untuk bagian footer, kita dapat mengatur tinggi dari footer serta warna teks dan link.
Langkah #6. Jika sudah selesai melakukan perubahan terhadap tampilan template (customize), klik tombol download dan file template akan didownload ke komputer kita. Terdapat 3 (tiga) pilihan format template yaitu XHTML template jika template akan kita gunakan untuk website kita sendiri (tidak menggunakan framework tertentu), Blogger template untuk mendownload template dalam format blogger dan Wordpress template untuk menjadikan template compatible dengan Wordpress. Sayang pada saat tutorial ini dibuat, pilihan Wordpress temlate belum bisa digunakan.
Download Template
Selanjutnya file akan didownload dan siap untuk digunakan. Gampang kan?? Semoga bermanfaat.
Tidak ada komentar :
Posting Komentar