यह ब्लॉग खोजें

Live News

रविवार, नवंबर 16, 2008

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 {
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>

"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

कोई टिप्पणी नहीं:

एक टिप्पणी भेजें


Back To Top