Sharing lagi yuk
temen-temen. Kemarin ada yang bertanya mengenai cara membuat menu untuk sebuah
website berbasis blog. Nah, kali ini akan saya paparkan mengenai bagaimana cara
membuat menu tersebut. Yang akan saya bahas yakni mengenai bagaimana membuat menu
secara horizontal. Kelihatannya sih sederhana, tetapi tanpa belajar saya yakin
sobat semua tidak akan pernah bisa.
Yang saya paparkan
berikut bukan hanya materi yang asal copast saja dari Google melainkan juga
belajar secara autodidak. Jika hanya copast saja, maka tidak akan pernah
mengerti bagaimana penulisan dan apa perintah yang dituliskan tersebut.
Misalnya saja penulisan <a href=”aaa”>”yyy”</a>. Apa perintah yang
terkandung di dalamnya? Sebatas pengetahuan saya, perintah tersebut menunjuk
pada link yang akan dituju setelah tulisan di klik. Pengisiannya sebagai
berikut <a href=”http://www.aaa.com/”>KLIK
DISINI</a>. Nah ketika anda mengklik tulisan “ KLIK DISINI” yang nantinya
akan muncul di jendela browser anda, maka secara otomatis akan masuk ke dalam situs
http://www.aaa.com/. Begitu juga kenapa harus ada </a>, ini merupakan penutup
dari perintah yang ditulis. Dalam hal ini perintah awalnya adalah <a
href>. Misal perintah awal adalah <html> maka di akhir perintah juga
diberikan penutup perintah </html>. Jika didepan anda menuliskan <p
align> maka dibelakang perintah anda juga menyertakan penutup perintah
</p>.
Bingung apa bingung
teman? Hehe... Memang susah, lain dari jika hanya bermain copast dan sudah ada
petunjuknya. Lebih susah tanpa belajar dibandingkan dengan belajar perlahan-lahan.
Disini akan saya paparkan bagaimana cara membuat menu horizontal secara singkat
dan sederhana. Ini untuk kita belajar bersama terlebih dahulu. Nantinya,
temen-temen juga dapat mengembangkan sendiri menu yang telah dibuat. Saran
saya, tulis dan edit dahulu perintah-perintah berikut di dalam program Notepad.
Kemudian sesuaikan dengan keinginan temen-temen ataupun layout yang telah
temen-temen rencanakan. Misal untuk pemilihan font, warna, border, lebar, dan
sebagainya.
Bagaimana untuk
mem-viewnya? Save As project anda di Dekstop saja agar mudah mencari. Simpan
dengan format diberikan tanda petik dan disisipkan format .html setelah nama
project anda. Contoh : “latihanmenu.html”. Kemudian simpan dan cari file
tersebut di dekstop kemudian buka. Maka browser anda akan segera membukakan
gambar dari rancangan menu itu. Jika ada yang kurang sesuai, maka silahkan
Right Click pada file tersebut dan Open With Notepad. Edit kemudian Save.
Setelah itu buka browser anda dan tekan F5. Maka design anda berubah sesuai
keinginan. Jika temen-temen sudah merasa pas, terapkan di blogspot anda. Masuk
ke blog anda kemudian Tambah Widget-Html. Paste disana dan simpan. Kemudian
Preview blog anda sebelum menyimpan. Jika sudah sesuai keinginan, simpan
perubahan tersebut. Kemudian buka Lihat Blog.
Berikut preview dari
perintah-perintah yang telah saya buat untuk temen”. Anda bisa save picture dan
zoom untuk memperjelas gambar.
Dan berikut hasilnya :
Sekian pembuatan menu secara sederhana yang dapat saya share kali ini. Semoga bermanfaat. Jangan pernah malas untuk belajar ya kawan!!!
Tidak ada komentar:
Posting Komentar