I don't know if you have noticed that blogger has upgraded their template designer. You can now make a lot of changes yourself, lots of different patterns, background images and so on. Very good for those of you who still want a personalized blog, but doesn't want to play around with CSS and HTML or make your own backgrounds.
Good news is that you can still use my backgrounds even if you do have chosen one of the new templates. If you have the old one (minima), you can still make changes in the template without messing with the background. After you have chosen your preferred background and pasted the code into a HTML-gadget, follow these steps:
Minima (no real changes):
In the template designer, the only place where you would make changes is in the "advanced" selection, here you can change lots of things, such as the page background colour, text colour and other stuff. Make sure you have ticked the transparent box on the background colour.
When you are satisfied, click apply to blog and then back to blogger.
If you want to use a new blogger template
You can still use my backgrounds if you want to use one of the new templates. It is a bit trickier of course, since my backgrounds are mainly made for a 2 column layout and are not as wide as the widest you can chose in blogger's designer. I suggest you pick one design you like and then do the following steps:
1. Choose your prefered template
2. On background, click remove image (you may have to click on the little arrow to get the images first, to be able to click om remove image).
3. Choose your layout.
On this tab you can choose how wide you want your blog to be too. You may want to go back to this step when you have gone to the advance (see above) and clicked transparent on all the background colours to see how it fits with the background you have picked from me.
4. Advanced settings (see above)
5. Hit apply to blog when you are satisfied with your changes.
I do not know how this actually works with my custom headers, when I have tried it doesn't seem to fit right away, and I guess it takes a bit of fiddeling to get that right. I will get back to you on how to make it work. In the meantime, we will have to make due without them. :P
Showing posts with label how to do it. Show all posts
Showing posts with label how to do it. Show all posts
8/10/2010
2/12/2010
Dark Valentine
Yup another Valentine-y background for you guys! Hope you like it.
The red and black papers comes from Cuddlebeez, as well as the pinkish borderthingie. The stitching is from Gunhild.
If you wonder how to do this, check out the links underneath the header and click on "how to do it" and find out.
The red and black papers comes from Cuddlebeez, as well as the pinkish borderthingie. The stitching is from Gunhild.
Use this code:
<style type="text/css">
body {background-image: url("http://i48.tinypic.com/ie4gew.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<center><div id="tag" style="position:absolut center; left:0px; top:0px; width:200px; height:75px;">
<a href="http://jakelinelikestoscrap.blogspot.com" target="_blank">
<img border="0" src="http://i54.tinypic.com/fyk55k.jpg" />
</a></div></center>
If you wonder how to do this, check out the links underneath the header and click on "how to do it" and find out.
9/05/2009
Easy Peasy Update
After a few hours of lurking around other background sites I've managed to get hold of a code that makes everything so much easier to use the backgrounds in your blog. You still need to have the minima template on your blog, go to layout and click 'add gadget', scroll down to the one named 'HTML/javascript' and add that one. In the window that now opens paste in this code:
Leave the title empty. Save and click preview. Tada! You should now have the background on your blog. :)
<style type="text/css">
body {background-image: url("http://i30.tinypic.com/dpuvbk.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<center><div id="tag" style="position:absolut center; left:0px; top:0px; width:200px; height:75px;">
<a href="http://jakelinelikestoscrap.blogspot.com" target="_blank">
<img border="0" src="http://i54.tinypic.com/fyk55k.jpg" />
</a></div></center>
Leave the title empty. Save and click preview. Tada! You should now have the background on your blog. :)
Subscribe to:
Posts (Atom)








