How to create an image floated corner blog page ?? Yes, have you seen a picture or animation on the left side of the screen blog? This is what we mean above. This time we will discuss how to make it.
First of all you should have a picture or animation that will be displayed in blog you later. Please design first, and then upload the image to your host, on the Internet a lot of which are available free of charge for example: photobucket.com , imageshack.com , flickr.com . For the type of file up to you, either jpg, gif, png, etc.
Ok, after the image that you design or you get the url link please save the image in advance. Well, for the next step please follow the steps below ...
1. Log in your blogger acount.
2. Go to the design or layout.
3. Edit html.
4. Please find the code]> </ b: skin>
5. Then copy the code below and paste the above code]> </ b: skin>
6. Next find again in your template code </ body> Then copy and paste the code below and place it above the code.
7. Once in a direct copy of your template SAVE, and see the results ..
Easy is not it?? Ok, Good luck .. :)
First of all you should have a picture or animation that will be displayed in blog you later. Please design first, and then upload the image to your host, on the Internet a lot of which are available free of charge for example: photobucket.com , imageshack.com , flickr.com . For the type of file up to you, either jpg, gif, png, etc.
Ok, after the image that you design or you get the url link please save the image in advance. Well, for the next step please follow the steps below ...
1. Log in your blogger acount.
2. Go to the design or layout.
3. Edit html.
4. Please find the code]> </ b: skin>
5. Then copy the code below and paste the above code]> </ b: skin>
#melayang {Description: The code that is printed in green (bottom and left) shows the location of the picture. The layout of the image can be changed by changing the code (left = left, bottom = bottom, right = right, top = top) to your liking.
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); }
6. Next find again in your template code </ body> Then copy and paste the code below and place it above the code.
<Div id = 'float'>Note: green color code is replaced with the url where your pictures are stored.
<img src = 'url-link-image "/> </a>
</ Div>
7. Once in a direct copy of your template SAVE, and see the results ..
Easy is not it?? Ok, Good luck .. :)
ConversionConversion EmoticonEmoticon