Ads

Creating Navigation Go Up And Down

Judging from the title that I made maybe you already understand what I mean. I'll explain a bit there might be a who did not yet understand. Please refer to brief you on the right hand corner of this blog or blogs that have here and please you try to click on the button with the arrow upward or downward. The function of this button makes it easy for your visitors to go to the top and down the blog page with just one click and the button will not budge even if you scroll up or down, this button will always remain on the bottom right hand corner of your computer monitor. I think you've understood my brief explanation and we are now discussing how to create a cloud this by following the way of following through to completion.

Login to Blogger.com with username and password you. Click the Layout Menu and click on the menu Edit Html. Do not forget to download full template first as a back-up data in case of errors in editing the template, you can still return to normal. Then find the code ]]></b:skin> if you have found a copy code below and paste it directly above the code.

#image {
position:fixed;
_position:absolute;
bottom:0px;
right:3px;
clip:inherit;
z-index:+1000;
}


If you have another copy code below and paste it in between the code </head> and code </body> or if it just confused place right under the code </head>


<div id='image'>
<a href='#' title='Ke Atas'><img border='0' src='
http://lh6.ggpht.com/_pThhtmWVZ88/S6GTje5rvAI/AAAAAAAAAzo/mmWmXLqMNA4/up.gif
'/></a><br/>
<a href='#bottom' title='Ke Bawah'><img border='0' src='
http://lh3.ggpht.com/_pThhtmWVZ88/S6GTjPshAfI/AAAAAAAAAzk/Tx60Un9hHLw/down.gif
'/></a>
</div>


The url is the url of my red print image that appears could change according to your wishes.

Done, save your template changes and see results.


Good luck!!!