MAke Button Back to Top With Fix Image

Button Back to Top,
Indeed, the four small pictures that not only as decoration blog but they have a role as the respective Page Reload, back to the homepage, on the page Go, Go Up and Down. Four simple function that was very helpful for some people to find information more quickly and the most important that the visitor does not feel disturbed by the picture.


Please note that when the image you want to install the fix on the blog, we should be more attention to the beauty and comfort. Because every so often I see blogs that get a lot of image size with a very big and so little with the burdensome load blog. Already understand about the risk of installing fix our image now directly toward the next step, namely how to install the keys back to top image with the fix.

Login blogger.com

Click Layout >> Edit HTML

Find code ]]></b:skin> than paste code before code ]]></b:skin>

/* ------- code by www.kriep2.co.cc ------- */
#mininavbar
{
display:scroll;
position:fixed;
bottom:1px;
right:1px;
z-index:99;
}
#mininavbar a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mininavbar img
{
border:0;
}
#mininavbar a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

Now Search again code </head>, paste code under </head>

<div id='mininavbar'><a href='#' onClick='window.location.reload()' title='Reload page'><img src='http://soulouko.googlepages.com/refresh.png'/></a><a href='http://www.kriep2.co.cc/' title='Home Page'><img src='http://soulouko.googlepages.com/house.png'/></a><a href='#' title='Goto Up Page'><img src='http://soulouko.googlepages.com/topopg.png'/></a><a href='#bawah' title='Goto Bottom Page'><img src='http://soulouko.googlepages.com/down.png'/></a></div>

Note : Url that you replace the red with your blog Url Homepage

Our job is not complete until there is here because one of the keys that can not walk to the Down the Back button. Usually each template in the caption beneath always have "Copyright by ..." Replace to be like this
<a name="bawah">Copyright</a>

Save and the end

Related Article for this post :