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....

Anda sedang membaca artikel tentang Cara membuat tombol Navigasi Ke Atas, Ke Bawah dan Refres dan anda bisa menemukan artikel Cara membuat tombol Navigasi Ke Atas, Ke Bawah dan Refres ini dengan url http://wawasanfadhitya.blogspot.com/2012/02/cara-membuat-tombol-navigasi-ke-atas-ke.html?m=0,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara membuat tombol Navigasi Ke Atas, Ke Bawah dan Refres ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara membuat tombol Navigasi Ke Atas, Ke Bawah dan Refres sebagai sumbernya.

Share on :