Friday, January 29, 2010
Link Satu Halaman (Anchor)
Anchor link biasa di sebut juga dengan link dalam 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. Contoh : Pada bagian paling bawah blog ini, ada tulisan berupa link yang tertera :
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 :
.... <-- anchor="" br="" objek="">
.... <-- anchor="" br="" link="" pemanggil="">
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 :
<-- anchor="" br="" ingin="" menampilkan="" objek="" tidak="" tulisan.="" yang="">
Blog bagian atas <-- anchor="" br="" ingin="" menampilkan="" objek="" tulisan.="" yang="">
Berbeda dengan objek dari anchor, link pemanggil anchor haruslah di beri tulisan untuk bisa di klik oleh pengunjung, contoh :
Kembali ke atas <-- anchor="" beri="" br="" di="" harus="" link="" pemanggil="" tulisan.="">
Tertarik ingin membuatnya, silahkan ikuti langkah-langkah berikut :
Untuk template klasik :
1. Sign in di blogger
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kode template sobat, lalu paste pada notepad, silahkan save dulu untuk backup data
5. Copy kode berikut lalu paste persis di bawah kode <body>
<a name="atas"></a>
6. Copy paste kode berikut di atas kode </body>
<center><a href="#atas"> Kembali lagi ke atas</a> </center>
7. Klik tombol Pratinjau untuk melihat perubahan
8. Jika sudah OK, klik tombol Simpan Perubahan Template
9. Selesai.
Penambahan kode <center> </center> di maksudkan agar tulisan link berada pada posisi tengah.
Untuk template baru :
1. Sign in di blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
5. Klik kotak kecil di samping tulisan Expand Template Widget
6. Tunggu beberapa saat sampai proses selesai
7. Copy kode berikut lalu paste persis di bawah kode <body>
<a name="atas"></a>
8. Copy paste kode berikut di atas kode </body>
<center><a href="#atas"> Kembali lagi ke atas</a> </center>
9. Klik tombol Pratinjau untuk melihat perubahan
10. Jika sudah OK, klik tombol SIMPAN TEMPLATE
11. Selesai.
Satu lagi yang menarik dari fungsi kode ini, yaitu buat para anda yang suka menulis posting yang sangat panjang, atau merupakan tulisan-tulisan yang berupa karya ilmiah, Kode ini bisa membantu kita untuk membuatkan sebuah navigasi untuk mempermudah pembaca. Misalkan pada setiap pharagrap kita sisipkan sebuah anchor link yang mana anchor link ini bisa berupa tulisan yang terlihat ataupun hanya sebuah objek yang tidak bisa terlihat oleh pembaca. Dan tentunya pada tempat-tempat tertentu kita membuat tulisan berupa link untuk memanggil anchor link. Sebagai contoh saya telah membuat beberapa anchor link pada setiap pharagrap, kode anchor link yang saya sisipkan seperti ini :
<a name="satu"></a> --> pharagrap pertama
<a name="dua"></a> --> pharagrap kedua
<a name="tiga"></a> --> pharagrap ketiga
Kembali ke pharagrap Pertama !
Kembali ke pharagrap Kedua !
Kembali ke pharagrap Ketiga !
