Untuk menambahkan link pada gambar menu bertuliskan (home, contact me, about me tips n trik) sebagaimana yang telah dijelaskan pada postingan yang lalu tentang cara membuat header sekaligu menu dengan Photoshop CS 4 maka, hal pertama yang harus dilakukan adalah:
1. Membuka file .html dengan Notepad/Wordpad untuk mengedit file .html
2. Cari kode “<table id” tanpa tanda kutip, tambahkan kode align=”center” sehingga kodenya jadi <table align=”center” id (kode tersebut untuk memberikan perintah rata tengah)
3. Setelah itu, kita akan membuat gambar bertuliskan home (menu home) supaya bisa di klik dengan cara menambahkan kode <a href="home.html"> (kode ini untuk memberikan perintah link pada gambar). Yang saya beri warna merah nantinya bisa diganti dengan alamat url web/blog anda). Kode tersebut diletakkan sebelum kode gambar “home”. Biar terlihat lebih rapi tambahkan juga kode ini border=”0”. Jangan lupa tutup dengan kode </a>. Lebih jelasnya lihat gambar berikut.
4. Terapkan langkah 1 sampai 3 pada menu/gambar lain yang akan dijadikan link. seperti about me, contact me, tips n trik. Selamat Mencoba!
Catatan:
Anda bisa melihat nama file gambar yang sudah anda potong dengan slice tool pada folder images. Semoga artikel menambahkan link pada gambar bermanfaat bagi Anda.
0 komentar:
Posting Komentar