Blog Berbagi Seputar Teknologi dan Tugas Kampus.

Wednesday, January 20, 2016

Cara Membuat Link Pada Header Website Blog - Pada kesempatan kali ini saya akan berbagi, bagaimana membuat link pada gambar header blog, baiklah langsung saja ke langkahnya.

1. Pertama Buka Aplikasi Macromedia Dreamweaver (Yang telah terinstal tentunya)
2. Pada menu Create New dan pilih HTML
3. Setelah berhasil masuk ke dalam menu editing kode pada Dreamweaver selanjutnya upload Gambar Header yang akan diberi link, yaitu dengan masuk ke menu Design pada menu editing
Membaut Link Pada Gambar Header

Keterangan Langkah
1. Pilih Design
2. Pilih Image
3. Cari Folder Gambar
4. Pilih Gambar
5. Ok

Setelah gambar berhasil diupload lakukan penempatan link pada gambar
1. Pilih salah satu dari ketiga tools untuk menempatkan posisi link
Tools Untuk Menempatkan Link

2. Dan disni saya menggunakan Rectangular Hotspot Tool
3. Selanjutnya posisikan tempat yang akan diberikan link, contoh disni saya akan menempatkan link pada gambar Facebook

Posisikan Link Pada Gambar Facebook


Keterangan
1. Pilih Tools kotak
2. Posisikan tempat Link
3. Masukkan Link tujuan

- Lakukan Hal yang sama pada tempat yang akan anda berikan link juga
- Setelah langkah-langkah tersebut selesai
- Klik pada bagian Code dan copykan code yang seperti gambar
Kode Yang akan Dipakai

-  Masuk ke Blogger >> Tata Letak >> Tambahkan Gadget >> HTML/JavaScript
-  Pastekan kode yang telah dicopy sebelumnya >> Save
-  Selanjutnya Masuk kemenu Pos dan Upload gambar yang telah kita pilih tadi
- Setalah gambar berhasil diupload copy url imagenya contoh milik saya : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPiwDmMsOw9ZO5eL_hA9sBT0-MX_5ZrPqR79_XuHug4S2cbGCcldsI2HoF_pPnbEzKLtUN5XqeKKJHv7iEI3J8sMnlsi6rGvU7zIHXa5G4Nqhn8RPiT31uCBvd_C3wCIZaM34zbRqFp5Ag/s1600/bayu+maulanda.jpg
-  Selanjutnya kita kembali menu Tataletak >> Edit pada widget yang telah kita save sebelumnya
-  Pastekan code yang telah kita dapatkan setelah upload ke blogger barusan pada bagian alamat gambar kita sebelumnya yang telah kita buat melalui dreamweaver

Posisi Link yang diganti

-  Dan terakhir klik save dan lihat hasilnya

Contoh: Coba anda arahkan kursor mouse pada bagian facebook



Bayu Maulanda

Sekian Tutorial dari saya selamat mencoba dan semoga dapat membantu, sampai jumpa lagi

Pin It

0 comments:

Post a Comment