Monday, January 19, 2009

Create An Image Or Widgets Fixed In A Corner Of A Blog




In this page I will share tips about how to create an image or widgets in a corner of a blog, I share this because I inspired in a blog where the image is fixed in a corner of a blog and good views, to make it follow the steps below :
1.Log in to your blogger account.
2.On the dashboard menu select template tab.
3.On the template menu select edit HTML tab and scroll down you will see code like this:

]]></ b: skin>

4.And if you find it, now you can copy and paste the code below above that code:

# corner (
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

5.If you want to change the position of image just replace "left" with "right" and "bottom" with "top" and you can change the value from 0px to the value that you want.
6. The next step is place the code below before the </ body> tags:

<div id="corner">
<a href="http://nazarpunya-motogp.blogspot.com">
<img src="http://lh5.ggpht.com/_7Ry01EylPA8/SVi3APi0Y4I/AAAAAAAAAIQ/NSCU9ktCxpU/s144/repsol4.jpg" border="0" /> </ a>
</ div>

8.You can change the link and the URL image with yours and finish it.

Click here to get your free mobile phone or apple ipod

No comments:

Post a Comment

Custom Search