IF YOU LIKE TO ADD AN ADDITIONAL IMAGE IN YOUR BLOG CORNER WHICH IS BESIDE YOUR SIDEBAR, BUT IT WILL NOT CHANGE HIS LOCATION WHEN YOU SCROLL SIDE BAR, YOU CAN SET A FLOAT IMAGE
WITH LINK IT FROM ANOTHER SITE. OR YOU CAN USE A WIDGET, CLOCK AND OTHER GRAPHICAL CONTENT TO CORNER OF YOUR SITE:
FOLLOW THE FOLLOWING INSTRUCTION TO SET A FLOAT IMAGE
FIRST LOG IN TO BLOGGER
SELECT DESIGN-EDIT HTML
AFTER THAT FIND THESE CODE
]]></b:skin>
PUT THE FOLLOWING CODE BEFORE 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);}
THE RED MARK WORD IS POSITION OF THE IMAGE WHICH CAN BE CHANGE TO FOLLOWING OPTION:
"top", "bottom", "left", "right"
YOUR NEXT STEP IS COPY THESE FOLLOWING CODE AND PASTE IN BEFORE CLOSING </BODY>
TAG
<div id="float_corner">
<a href="http://bloggerusefultips.blogspot.com/"> <img src="
http://blogoholic.info/files/soniclari.gif" border="0" /></a>
</div>
** NOTE: http://bloggerusefultips.blogspot.com/ IS YOUR OWN SITE ADDRESS AND
**http://blogoholic.info/files/soniclari.gif IS WEBSITE ADDRESS WHERE FROM YOU LINK YOUR DESIRE IMAGE.
YOU CAN CHANGE ABOVE ADDRESS WITH YOUR CHOICE .
SAVE AND PREVIEW YOUR BLOG
WITH LINK IT FROM ANOTHER SITE. OR YOU CAN USE A WIDGET, CLOCK AND OTHER GRAPHICAL CONTENT TO CORNER OF YOUR SITE:
FOLLOW THE FOLLOWING INSTRUCTION TO SET A FLOAT IMAGE
FIRST LOG IN TO BLOGGER
SELECT DESIGN-EDIT HTML
AFTER THAT FIND THESE CODE
]]></b:skin>
PUT THE FOLLOWING CODE BEFORE 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);}
THE RED MARK WORD IS POSITION OF THE IMAGE WHICH CAN BE CHANGE TO FOLLOWING OPTION:
"top", "bottom", "left", "right"
YOUR NEXT STEP IS COPY THESE FOLLOWING CODE AND PASTE IN BEFORE CLOSING </BODY>
TAG
<div id="float_corner">
<a href="http://bloggerusefultips.blogspot.com/"> <img src="
http://blogoholic.info/files/soniclari.gif" border="0" /></a>
</div>
** NOTE: http://bloggerusefultips.blogspot.com/ IS YOUR OWN SITE ADDRESS AND
**http://blogoholic.info/files/soniclari.gif IS WEBSITE ADDRESS WHERE FROM YOU LINK YOUR DESIRE IMAGE.
YOU CAN CHANGE ABOVE ADDRESS WITH YOUR CHOICE .
SAVE AND PREVIEW YOUR BLOG
