membuat tombol navigasi

tombol navigasi ke atas dan kebawah

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.

Berikut cara membuatnya :

Seperti biasa sobat harus Login ke Blogger
Klik Rancangan (yang dulunya Tata Letak)
Klik tab Edit HTML
Klik tulisan Download Template Lengkap
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Tunggu beberapa saat ketika proses sedang berlangsung
Kemudian cari kode ]]></b:skin>
untuk mempermudah pencarian tekan Ctrl + F atau (F3) di keboard 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>

Tulisan yang berwarna biru bisa sobat ganti dengan url gambar pilihan sobat
Atau sobat bisa milih contoh gambar dibawah :


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_ke_atas.gif
http://www.indonesiaindonesia.com/imagehosting/images/83751/1_ke_bawah.gif


Simpan selesai dan lihat hasilnya

Selamat mencoba

Posted in: TIPs - TRIKs BLOG"rz