Sudah Banyak yang membahas Anchor Link / Link satu halaman tapi kali ini saya memberikan gambaran apa yang disebut Anchor Link.Anchor link biasa di sebut juga dengan linkdalam satu halaman, berbeda dengan hyperlink pada umumnya yang biasa di gunakan
untuk menghubungkan suatu tulisan dengan tulisan lain yang berada pada halaman
yang berbeda atau blog yang berbeda, anchor link ini lebih banyak di gunakan
untuk halaman yang sama. Masih bingung? memang saya juga sama bingungnya kalau
membaca sekilas tentang pengertian tadi, agar tidak sama-sama bingung akan saya
beri contoh yang nyata. Pada bagian paling bawah blog ini, ada tulisan berupa
link yang tertera :
->> Kembali lagi ke atas <<-
Nah apabila sobat meng klik link tulisan tersebut maka secara otomatis yang akan tampil pada layar monitor sobat adalah halaman yang paling atas dari blog ini, tidak percaya? silahkan buktikan ! Kelebihan anchor link dengan link biasa adalah link ini tidak memerlukan loading ulang untuk memanggil obyek yang telah di tandai sebagai anchor.Contohnya seperti link yang berada paling bawah blog ini, jika sobat mengkliknya maka tidak memerlukan waktu lebih dari satu detik halaman atas dari blog ini akan di tampilkan.
Bagaimana cara membuat anchor link?
Prinsip dasarnya adalah kita menandai terlebih dahulu suatu objek, lalu pada bagian yang lain kita buat link untuk memanggilnya. Kode dasarnya seperti ini :
.... <-- objek anchor
.... <-- link pemanggil anchor
Perhatikan tanda pagar (#) di atas, untuk nama anchor tidak memakai tanda pagar, akan tetapi untuk link pemanggil anchor harus memakai tanda pagar.
Objek dari suatu anchor bisa di tampilkan bisa juga tidak, terlihat dari kode di atas ada tanda berupa titik-titik. Titik-titik tersebut bisa di isi tulisan bisa juga di biarkan kosong, contoh :
<-- objek anchor yang tidak ingin menampilkan tulisan.
Blog bagian atas <-- objek anchor yang ingin menampilkan tulisan.
Berbeda dengan objek dari anchor, link pemanggil anchor haruslah di beri tulisan untuk bisa di klik oleh pengunjung, contoh :
Kembali ke atas <-- link pemanggil anchor harus di beri tulisan.
Tertarik ingin membuatnya, silahkan ikuti langkah-langkah berikut :
Untuk template klasik :
->> Kembali lagi ke atas <<-
Nah apabila sobat meng klik link tulisan tersebut maka secara otomatis yang akan tampil pada layar monitor sobat adalah halaman yang paling atas dari blog ini, tidak percaya? silahkan buktikan ! Kelebihan anchor link dengan link biasa adalah link ini tidak memerlukan loading ulang untuk memanggil obyek yang telah di tandai sebagai anchor.Contohnya seperti link yang berada paling bawah blog ini, jika sobat mengkliknya maka tidak memerlukan waktu lebih dari satu detik halaman atas dari blog ini akan di tampilkan.
Bagaimana cara membuat anchor link?
Prinsip dasarnya adalah kita menandai terlebih dahulu suatu objek, lalu pada bagian yang lain kita buat link untuk memanggilnya. Kode dasarnya seperti ini :
.... <-- objek anchor
.... <-- link pemanggil anchor
Perhatikan tanda pagar (#) di atas, untuk nama anchor tidak memakai tanda pagar, akan tetapi untuk link pemanggil anchor harus memakai tanda pagar.
Objek dari suatu anchor bisa di tampilkan bisa juga tidak, terlihat dari kode di atas ada tanda berupa titik-titik. Titik-titik tersebut bisa di isi tulisan bisa juga di biarkan kosong, contoh :
<-- objek anchor yang tidak ingin menampilkan tulisan.
Blog bagian atas <-- objek anchor yang ingin menampilkan tulisan.
Berbeda dengan objek dari anchor, link pemanggil anchor haruslah di beri tulisan untuk bisa di klik oleh pengunjung, contoh :
Kembali ke atas <-- link pemanggil anchor harus di beri tulisan.
Tertarik ingin membuatnya, silahkan ikuti langkah-langkah berikut :
Untuk template klasik :
- Sign in di blogger
- Klik menu Template
- Klik menu Edit HTML
- Copy seluruh kode template sobat, lalu paste pada notepad, silahkan save dulu untuk backup data
- Copy kode berikut lalu paste persis di bawah kode
Klik tombol Pratinjau untuk melihat perubahan
- Jika sudah OK, klik tombol Simpan Perubahan Template
- Selesai.
Penambahan
kode
Untuk template baru :
- Sign in di blogger
- Klik menu Layout
- Klik menu Edit HTML
- Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
- Klik kotak kecil di samping tulisan Expand Template Widget
- Tunggu beberapa saat sampai proses selesai
- Copy kode berikut lalu paste persis di bawah kode
- Copy paste kode berikut di atas kode
- Klik tombol Pratinjau untuk melihat perubahan
- Jika sudah OK, klik tombol SIMPAN TEMPLATE
- Selesai.
0 komentar:
Post a Comment