Halo sobat semua . . .
Pada gambar diatas saya memilih Polygon untuk gambar yang tidak beraturan.
7. Setelah bagian itu tertutup dengan rapi dan sesuai keinginan. Silakan perhatikan seperti gambar berikut :
Pada step ini silakan sobat masukkan link yang ingin dituju pada bagian yang sudah diseleksi tadi. Bagian target bisa sobat isi dengan _blank (terbuka di new tab) atau _self (terbuka di tab yang sama).
Kalian pernah gak sih ngeliat header yang unik-unik, keren-keren dan berisikan icon-icon media sosial yang bisa diklik langsung dari headernya ? pasti pernah donk sobat. Nah hari ini saya akan sedikit berbagi mengenai hal tersebut, bagaimana cara untuk Membuat Header Ngelink dengan menggunakan software Dreamweaver. Yaaa, untuk membuat header seperti itu sobat harus mempunyai software Dreamwevernya terlebih dahulu. Sobat silakan download sendiri yaaa karna saya tidak menyediakan link downloadnya.
Disini saya menggunakan software Macromedia Dreamweaver 8 untuk membuat header yang bisa ngelink ke tempat yang kita inginkan. Bagaimana cara membuatnya ? Silakan simak dengan baik penjelasannya berikut ini :
1. Silakan sediakan gambar yang akan sobat jadikan header. Pertama sobat buka software Dreamweavernya pastinya, setelah softwarenya terbuka silakan pilih HTML.
2. Setelah itu akan tampil lembar kerja dreamweavernya, tampilannya kurang lebih seperti ini :
Lembar kerja dreamweavernya akan berbentuk tampilan split seperti gambar diatas. Dimana bagian (1) adalah lembar untuk HTML dan lembar (2) adalah lembar yang akan menampilkan gambar header sobat nantinya.
3. Setelah masuk pada lembar kerja, sobat silakan lihat dideretan toolbal Pilih Insert lalu Image.
4. Selanjutnya silakan masukkan gambar yang akan sobat jadikan header, kemudian klik OK.
Jika setelah step ini muncul notifikasi berjudul "Image Tag Accessibility Attributes", notifikasi itu bisa sobat abaikan saja dengan mengklik Close.
5. Setelah step diatas gambar header sobat akan masuk ke lembar kerja. Kemudian perhatikan pada bagian pojok kiri bawah akan tampil icon seperti ini :
Icon ini yang nantinya akan menyeleksi bagian yang ingin sobat beri link pada gambar header sobat.
Jika bagian yang ingin sobat beri link berbentuk persegi silakan pilih icon yang berbentuk persegi, jika bagian yang ingin diberi link berbentuk lingkaran silakan pilih lingkaran dan jika bagian yang ingin diberi link itu tidak beraturan silakan pilih icon yang terakhir yaitu Polygon.
6. Silakan mulai menyeksi bagian yang sobat ingin beri link dengan memilih salah 1 icon pada gambar diatas. Kemudian klik pada tepi-tepi bagian yang ingin di link tersebut hingga ada warna kebiru-biruan yang menutupi bagian yang ingin diberi link. Ilustrasinya sebagai berikut :
7. Setelah bagian itu tertutup dengan rapi dan sesuai keinginan. Silakan perhatikan seperti gambar berikut :
Pada step ini silakan sobat masukkan link yang ingin dituju pada bagian yang sudah diseleksi tadi. Bagian target bisa sobat isi dengan _blank (terbuka di new tab) atau _self (terbuka di tab yang sama).
8. Lakukan step 6 dan 7 secara berurutan pada semua bagian yang ingin diberi link. Jika semua bagian yang ingin diberi link sudah diseleksi, silakan sobat hosting gambar header tadi untuk mendapatkan URL nya. Saya pribadi biasa menggunakan photobucket, bagi yang belum memiliki akun silakan masuk ke alamat photobucket tersebut dan registrasi serta login dan UPLOAD gambar header sobat tadi untuk mendapatkan URLnya. Untuk lebih jelasnya silakan baca tutorialnya DISINI.
9. Jika URL gambar headernya sudah didapatkan, silakan copy lalu perhatikan pada lebar kerja bagian HTML.
Perhatikan setelah <img src=" terdapat nama file header sobat tadi, bagian itu sobat HAPUS dan GANTI/PASTE dengan URL gambar header sobat tadi.
10. Setelah sobat pastekan URL ditempat yang saya jelaskan diatas, copy bagian seperti yang saya block pada gambar dibawah :
Silakan COPY bagian antara <body> copy semua htmlnya </body>.
11. Hal yang terakhir adalah pastekan html tersebut ke blog sobat.
Dashboard >> Tata Letak >> Add Gadget >> HTML >> Pastekan dikotak HTMLnya tanpa judul >> SAVE
Setelah tersave silakan geser HTMLnya ke bagian atas pada posisi header dan simpan setelan
Header berlink pun sudah bisa sobat lihat pada blog sobat, mudah bukan ?
Semua sudah saya jelaskan secara detail dan bisa sobat praktekan langsung dirumah. Jika ada yang ingin ditanyakan mengenai Cara Membuat Header Ngelink bisa ditanyakan dikotak komentar. Terimakasih . . .
5. Setelah step diatas gambar header sobat akan masuk ke lembar kerja. Kemudian perhatikan pada bagian pojok kiri bawah akan tampil icon seperti ini .
BalasHapuskok saya pas di sini mandet yah gak ada kayak yang gambar jelaskan ?? gimana ??
paling bawah sebelah kiri ada tulisan properties, itu di klik :)
HapusTerimakasih, Artikel yang bagus.
BalasHapusNumpang Promo ya dudukanteng.blogspot.com
“TAMAN MURAH TERIMA JASA:”
Pembuatan taman, Desain taman, Perawatan taman, Taman vertical, Track jogging, Kolam minimalis, Relief, Tebing batu alam dll
MENJUAL:
– Tanaman Hias
– Jenis jenis Rumput
– Pohon pelindung
– Pohon Bonsai
– Jenis jenis Bambu
– Dll
CONTAC US :
Telpon : 0812-9391-1848
Whatsapp : 0815-1469-0244
Email : endang_garden@yahoo.com
YM : endang_garden
BB : 279CFC24
Web : http://www.tamanmurah.com
Web : http://www.tamanminimalisku.com
Melayani : Jabodetabek
Alamat : Jln Raya Parung-Bogor 16320
gan kalo buat kamus online pakek dreamweaver itu coding gimana ya, ane nyari di situs cuma satu bahasa doang,, pliss min bantu ane buat skripsi, pusinggg
BalasHapuskak saya gak dipindahin ke atas, tetep taro disamping, tapi kok gak ngelink ya gambarnya?
BalasHapus