Wednesday, January 14, 2009

Link Satu Halaman

Link Satu Halaman juga disebut Anchor. OK ini penjelasannya :


>> Kembali lagi ke atas <<

Diatas merupakan contoh Anchor.

Untuk membuat kode dasarnya seperti ini :

<a name="NamaAnchor"> .... </a> <-- objek anchor

<a href="#NamaAnchor"> .... </a> <-- 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 :

a name="AtasBlog"></a> <-- objek anchor yang tidak ingin menampilkan tulisan.

<a name="AtasBlog">Blog bagian atas</a> <-- 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 :

<a href="#AtasBlog">Kembali ke atas</a> <-- link pemanggil anchor harus di beri 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, 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 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.


0 komentar:

Post a Comment

Ikuti Blog Ini

Komentar Baru