Cara Membuat Link Pada Gambar

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. 

Terima Kasih Telah Membaca Tutorial Photoshop di Dukun Design (Tips-Trik dan Teknik Belajar Photoshop)