How To Create Float Image in Blogger Templates ? - YourDataPlan - Telecom Updates & News

Breaking

Post Top Ad

How To Create Float Image in Blogger Templates ?

Want To show image floating at the corner of your blog template ? Follow following steps to make floating image at the blogger template


1. Login ke blogger then click "Layout -->> Edit HTML
2. Find this code ]]></b:skin>, then put the code below above 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);}

3. The bold text is it’e position. you can change it with "top", "buttom", "left", "right"
4. The next step is put the code below before tag</body>

<div id="float_corner">
<a href="http://trik-tips.blogspot.com"> <img src="
http://blogoholic.info/files/soniclari.gif" border="0" /></a>
</div>

"http://howtoraj.blogspot.com" is a link.
"http://blogoholic.info/files/soniclari.gif" is image URL, Change it with your own image.

5. If you wanna fill it with a widget, change the red code with your widget code.
6. Save and preview your blog.


Blogger Updates On Mail

Post Top Ad