Dengan adanya perintah ini dapat memudahkan para reader untuk melihat halaman atas/bawah blog kita tanpa harus melakukan penggulungan layar.
Script Codenya hampir sama dengan Floating Image, yaitu gambarnya tetap diam sekalipun kita menggulung layar, seperti pada kotak dibawah halaman ini.
Untuk membuat perintah ke atas dan ke bawah adalah dengan memanfaatkan code script dari floating image yang kemudian dipasangi Link.
- Dari halaman Darbor Blogger kamu, pilih Tata Letak - Edit HTML.
- Kopikan kode CSS berikut dan letakkan di atas ]]></b:skin>:
- Setelah itu kopikan kode HTML berikut (gunakan Control C) dan letakkan di bawah </head> atau antara </head> dan <body>
<div id='floating-atas-bawah'>KETERANGAN :
<a href='#' title='Ke Atas'><img border="0" src='http://sites.google.com/site/ruangsc/imgsb/keatas.png'/></a> <a href='#footer' title='Ke Bawah'><img border="0" src='http://sites.google.com/site/ruangsc/imgsb/kebawah.png'/></a>
</div>
- Untuk gambar dapat diganti sesuai selera.
- Dan Jika Perintah tidak bekerja, ganti #footer dengan #bottom
- Selesai dan Simpan.
Berikut Ini adalah CONTOH Gambarnya
URL: http://sites.google.com/site/ruangsc/imgsb/arrow-up.gif
URL: http://sites.google.com/site/ruangsc/imgsb/arrow-down.gif
URL: http://sites.google.com/site/ruangsc/imgsb/keatas.png
URL: http://sites.google.com/site/ruangsc/imgsb/kebawah.png
URL : http://sites.google.com/site/ruangsc/imgsb/scrolltop.png
URL : http://sites.google.com/site/ruangsc/imgsb/scrolldown.png
diambil dari Blog Kang Enes
#floating-atas-bawah { position:fixed; _position:absolute; bottom:5px; right:5px; clip:inherit; z-index:+1000;}
Tidak ada komentar:
Posting Komentar