How about a picture that stays in its place as a background for your blog.. and the rest of the blog contents moves over it..Something that you can see here.Instructions to do this to your blog is as follows.Read on..
- SAVE AND BACK UP YOUR TEMPLATE< /span>
- Its my personal experience that uplaoding the pic to blogger and then using that URL to act as background does not work quite the way we want it to.So its best to use some file hosting service that allows backlinking.I have used Fileden.
- In your Template-Edit HTML Locate the
body {
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
} - To that add the following
background-image: url(“URL of the background picture“);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: center top; - Now your final code might look like this
body
{
background-image: url(“(“URL of the background picture“);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: center top;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
} - Save and View
hope you were able to include this in your blog.Do drop a word at the comments page..And it will make me extra happy if you included this link in the CREDITS list.Tell us how you liked this…
Deepa is the best! He keeps responding to problems no matter how many times you email him and he takes the time to sort through all the stuff to get to the bottom of the problem.
I’m a fan!!!!
Thank you Avromi..for all the appreciation..
Hope u had a good christmas.
b/w..for future refrence…I am a She..
😀
Deepa
Just to say thanks for instant help, first time here.
Guess i’ve been lucky to pick your page first 🙂
Good luck!
Thank you PS.
I dont know where u are from.. but in india.. today is the harvest festival..
So its “Happy Pongal” & Happy Shankarathi”..
Good luck to u to gain all prosperities
Deepa,
I was able to use this code successfully on my blog. The only thing is that the space behind all of my text is clear and appears to float on top of the background graphic.
How can I make a solid background behind the areas (in my posts and sidebar) so that the text is readable? Here is the blogger I am now trying to do this with. http://darkodorko.blogspot.com
Thank you Deepa! You are my Blogspot Hero!
daryl
Daryl.. i saw your blog.. the reason whybthe content of the blog is illegible is due to teh choice of picture..
Try selecting some standard background….The Rule is “”If you have a dark font color–use light background… if u have light font color use dark background..
For test purpose you may share the background i have given in my test blog..t he URL of the background picture is
background-image: url(“http://www.fileden.com/files/2006/11/9/362189/Blog_BG.jpg”);.. try giving this and see the diffrence.. then may be you can come up with your own pic that will suit best
Hope this helps..
B/w.. i am a SHE
i Can’t Make it work, Please help me!
I am using Photobucket and can’t get my background from there to my Blog!
Hi Liesl,
Welcome here,
Can you give me your blog url / and picture url.
Regards,
i Can’t Make it work, Please help me!
I am using Photobucket and can’t get my background from there to my Blog!
Thank you,
My Blog is http://liesl-horsegirl.blogspot.com/
And My background is http://s284.photobucket.com/albums/ll28/smile-adventures/?action=view¤t=ButterflyFlowerTemplate.jpg
This isn’t a picture but I am hoping that it works the same way?
Thank you for lookink at it
Hi,
I am trying to change the background (the 2 sides from green to dots: (see: http://www.busibellies.com/gr/yellow_bckgd_dots.gif) on the blogspot: http://busibellies.blogspot.com but I unable to get the dots to appear. Do you have any suggestions on how to do this?
Thanks,
LG
Hi Anon,
Have you tried chaing the image url within the body { } tag? what are your observation..
Do you want the dots image to appear all over the green background ? or is it needed at only one corner ?
than u