SELAMAT DATANG DI BLOG YANG SIMPEL INI SEMOGA TULISAN SAYA BERMANFAAT

Kamis, 08 September 2011

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) 

Tidak ada komentar:

Poskan Komentar

kategori