Google+ Facebook Twitter Friendfeed
Gratis berlangganan artikel o-om.com via mail, join sekarang!

5
Place floating image / back to top icon

Has not been one day since the countless pairs icon Back to the top, it also has many colleagues who ask how of the way. Icon back to the top is actually useful to leap from page to page down the top, so colleagues will not have to do ScrollBar on the browser.


By the way, are also easy to install, please lead on the HTML page, and then place the code on the tag below </ body>


<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN5OOALl5cyDfqhHhUT4iNfFtgdDw1uVamBBM6sl_0kVLZuL7djycTonV4GZYbc7mHYjCoEvJ_r64xF4UA7bHP-6BU1FuVGr4lL8QZr81GgKfcwLovAlZRp6JUpkepcZtAkVg1pGKI4z2n/s400/Jumptotop2.gif'/></a>



What relationship with Float image?


you certainly have never seen a picture of its float / float on the web page, well above the actual script is not only to function Back to the top, if we sharp and we can also place image as Float.


Banner Position Top-Left


<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; top:5px;left:5px;' title='ganti title anda disini' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcQqZsmKrdgseumD8E0Fn9RWjceM3psbTLpgXDlpvgeOueYh4dGy8Coevt3zJjDv7YEchhFtvSWhIrSkh5J73DGFX9xAK8NyDykocb14Dv5MImVeAB7g7qgKVIE1PlV1W3JOteR3c4IWuj/s400/banner.gif'/></a>


Banner Position Top-Right


<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; top:5px;right:5px;' title='ganti title anda disini'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcQqZsmKrdgseumD8E0Fn9RWjceM3psbTLpgXDlpvgeOueYh4dGy8Coevt3zJjDv7YEchhFtvSWhIrSkh5J73DGFX9xAK8NyDykocb14Dv5MImVeAB7g7qgKVIE1PlV1W3JOteR3c4IWuj/s400/banner.gif'/></a>


Banner Position Bottom-Left


<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; bottom:5px;letf:5px;' title='ganti title anda disini'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcQqZsmKrdgseumD8E0Fn9RWjceM3psbTLpgXDlpvgeOueYh4dGy8Coevt3zJjDv7YEchhFtvSWhIrSkh5J73DGFX9xAK8NyDykocb14Dv5MImVeAB7g7qgKVIE1PlV1W3JOteR3c4IWuj/s400/banner.gif'/></a>


Banner Position Bottom-Right


<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='ganti title anda disini'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcQqZsmKrdgseumD8E0Fn9RWjceM3psbTLpgXDlpvgeOueYh4dGy8Coevt3zJjDv7YEchhFtvSWhIrSkh5J73DGFX9xAK8NyDykocb14Dv5MImVeAB7g7qgKVIE1PlV1W3JOteR3c4IWuj/s400/banner.gif'/></a>


If you want to play with the code above, partners can set their own distance with the position of the image set code bottom: 5px; right: 5px; if not satisfied also try a little play with it would position: fixed; with the position: absolute; position: relative; and position: static;.


i'm oom, i blogging stuff


Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari o-om.com di inbox anda:


5 Comments:

Anonymous said...

Peramaxxx, om harusnya Semua tutorialnya pake bahasa inggris aja yang seperti kodenya ada yg bertuliskan link tujuan dan ganti title anda disini kan orang sono pada ga ngerti tuh, tapi bagus ey tipsnya boleh dicoba

hot said...

kalo mau buat center floating banner bottom, kayak detik.com ada tipsnya ga om???

Daun Muda said...

Keren juga... kbetulan sy juga pake beginian...

Anonymous said...

test lah om

satria suja said...

okke... tips yang bagus,

Post a Comment