Cara membuat tombol Navigasi Ke Atas, Ke Bawah dan Refres

jangan asal copas,baca aturannya disini!!!


Fungsi tombol  tersebut  adalah untuk memudahkan bagi pengunjung untuk menuju Ke Atas ataupun Ke  Bawah halaman Blog hanya dengan sekali klik dan tombol ini tidak akan  berpindah tempat meskipun sobat scroll Ke Atas ataupun Ke Bawah tombol  ini akan selalu tetap berada pada pojok bawah sebelah kanan monitor  komputer sobat.


Caranya sbb:


1. Klik Rancangan
2. Edit Htlm
3. Carai kode ]]></b:skin>
Untuk mempermudah pencarian tekan Ctrl + F atau (F3) di keyboard sobat Jika sudah ketemu silahkan Copy kode dibawah ini  dan letakkan diatasnya.


#Atas_Bawah {
position:fixed;
_position:absolute;
bottom:0px;
right:3px;
clip:inherit;
z-index:+1000;
}
Kemudian cari kode </body>  dan letakkan kode berikut diatasnya.


<div id='Atas_Bawah'>
<a href='#' title='Ke Atas'><img border='0' src='
http://www.indonesiaindonesia.com/imagehosting/images/83751/2_ke_atas.gif'/></a><br/>
<a href='#bottom' title='Ke Bawah'><img border='0' src='
http://www.indonesiaindonesia.com/imagehosting/images/83751/2_ke_bawah.gif'/></a>
</div>



Simpan dan Lihat Hasilnya:
Anda bisa merubah kodenya yang di atas sesuai keinginan anda.
Contohnya:
http://www.indonesiaindonesia.com/imagehosting/images/83751/2_ke_bawah.gif
 http://www.indonesiaindonesia.com/imagehosting/images/83751/2_ke_atas.gif




http://www.indonesiaindonesia.com/imagehosting/images/83751/1_bottom.png
 http://www.indonesiaindonesia.com/imagehosting/images/83751/1_top.png
Fungsi Refresh di gunakan untuk membuat penyegaran kembali halaman blog ataupun website. Fungsi  Refresh ini sama dengan fungsi Refresh yang ada pada Browser Internet,  perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni  pengguna tidak perlu menekan tombol Refresh yang ada pada tool bar. kodenya seperti berikut: <meta http-equiv="refresh" content="10"/>


Simpan kode di atas antara <head> .... </head>
 Sedikit uraian kode diatas, content="10" angka sepuluh menunjukan bahwa proses Refresh akan di lakukan dalam rentang waktu 10 detik.
Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di Refresh.
Fungsi Redirect ini bisa di buat dengan kode :


<meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini"/>


Selamat Mencoba....

4 komentar:

Berkomentarlah dengan sopan dan pastikan komentar anda bukan spam. Komentar spam akan dihapus.