Posts Subscribe to This BlogComments

Follow Us


widget

make widget
Please Vote Us
Enter Yahoo Topsites | Yahoo Rare Sites | Yahoo Booter Sites and Vote for this site !!!
Vote For Us
Top Blogs BOOTER-CENTER - Find me on Bloggers.com
Mau Pasang Iklan Disini? Resize Banner 460X61
ads ads ads peluang usaha

Thursday, September 29, 2011

Tutorial to Add a Fixed Floating Image to the corner or Center of your blog

Please Vote Us
Enter Yahoo Topsites | Yahoo Rare Sites | Yahoo Booter Sites and Vote for this site !!!
Vote For Us

In this Tutorial we are going to learn , how to Add a floating image that will always appear in the corner or Center of your blog even when you scroll up and down the page. Maybe That's a RSS Icon or Twitter Icon or Feedback Icon or anything.

Follow these Steps to add floating image to the corner of your blog :

As I always say, Backup Your Template First

Step1 : Login to Blogger > Design > Edit HTML

Step2 : Search for the following Code: ]]></b:skin>
 Step3 : Add the following Code adove it.
#float_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);}
Step4 : Now again search for :
<div id="float_corner">
<a href="ENTER TARGET URL HERE">
<img src="ENTER IMAGE URL HERE" border="0" /></a>
</div>
ENTER TARGET URL HERE - URL Here
ENTER IMAGE URL HERE - Your Image Url Here

Step6 : Preview and Save Template. That's it.

Tip : If you want to move the Image from the Corner to center, In Step 3: Find bottom:0px and Replace 0px with 50px or more.
If you have any trouble making it work, drop in your comments.

Related Post



Get Traffic Like Spam
Loading...

0 Comment:

Post a Comment

Section meetings - Registered
recent entries

users online



ads ads ads ads
 

networkedblogs

B-C ON YAHOO

Trafic

Followers

MyFreeCopyright.com Registered & Protected MyFreeCopyright.com Registered & Protected