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....
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....
|
|
Labels:
Tutorial Blogger
4 comments:
selamat malem gan?
gan, qu udah nyoba tapi kebawah tidak bisa gan,
mohon keteranagnnya lagi, heee
makasih
oke
http://www.carailmuuang.blogspot.com
canada goose jackets
coach outlet
louis vuitton handbags
ray ban wayfarer
futbol baratas
ugg outlet
michael kors outlet
oakley sunglasses
louis vuitton
mbt shoes
chanyuan11.19
coach outlet online
supra shoes sale
cheap ray ban sunglasses
michael kors handbags clearance
pandora jewelry
swarovski jewelry
gucci bags
coach factory outlet
true religion canada
michael kors handbags outlet
20170227caihuali
Komentar di: Cara membuat tombol Navigasi Ke Atas, Ke Bawah dan Refres
Berkomentarlah dengan sopan dan pastikan komentar anda bukan spam. Komentar spam akan dihapus.