How Place floating image / back to top icon on Blogger

How Place floating image / back to top icon on Blogger

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/AVvXsEhyduAvRfIjlS587aY2wbYuACbeRlvnBKGPc7iIZ8JVBj4yQSFAkoT5hyphenhyphenD82wBFGULBE1cIUOUWdS4374DYjRmtMM1bHekKKJjRFgK6e9_WERBUqiXzBFx52OtjZLRJ9mbcG7ZQdDlS00-R/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/AVvXsEhE4qLxWJ8RM7eUqI7BEMlQcBocop-EDhfjlcWeTdlkcjyRhpIr7ZbfaNFJy3LVSA97D9v7UPg9deZYTB94Ae7rD2BtppMHDqaoEZe0o8PfiogTJI4TJtAJJZsktFNyjfFik9PNxdB3OTIQ/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/AVvXsEhE4qLxWJ8RM7eUqI7BEMlQcBocop-EDhfjlcWeTdlkcjyRhpIr7ZbfaNFJy3LVSA97D9v7UPg9deZYTB94Ae7rD2BtppMHDqaoEZe0o8PfiogTJI4TJtAJJZsktFNyjfFik9PNxdB3OTIQ/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/AVvXsEhE4qLxWJ8RM7eUqI7BEMlQcBocop-EDhfjlcWeTdlkcjyRhpIr7ZbfaNFJy3LVSA97D9v7UPg9deZYTB94Ae7rD2BtppMHDqaoEZe0o8PfiogTJI4TJtAJJZsktFNyjfFik9PNxdB3OTIQ/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/AVvXsEhE4qLxWJ8RM7eUqI7BEMlQcBocop-EDhfjlcWeTdlkcjyRhpIr7ZbfaNFJy3LVSA97D9v7UPg9deZYTB94Ae7rD2BtppMHDqaoEZe0o8PfiogTJI4TJtAJJZsktFNyjfFik9PNxdB3OTIQ/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

Like with this post? Please share to your Sosial Network:

Feed Email Subscribe:

Related Jobs Vacancy:

Tags For:

Zoom Application 2011 » Free Zoom Application October 2011 » Blogger Tutorial