Cara membuat tombol Navigasi Ke Atas, Ke Bawah dan Refres - BLOGATTANAHI
Headlines News :
Home » » Cara membuat tombol Navigasi Ke Atas, Ke Bawah dan Refres

Cara membuat tombol Navigasi Ke Atas, Ke Bawah dan Refres

Written By Langlang Buana on Kamis, 12 Agustus 2010 | 21.25

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....
Share this article :

Tidak ada komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. BLOGATTANAHI - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger