Friday, January 09, 2009

Aykayem's Sunset Sky background

Yes ... I am at it again ... I created another background for my (or your) blogs ...



This one has 2 versions - actually the same image, just one word different in the html code you stick in the gadget on your side bar - lol - for one version the image is "stuck" to the top of the page and the other is "stuck" to the bottom (if you find the bit in the code where the word "top" or "bottom" is and remove that word so it just says "center", it will work like the first background I did and be stuck in the middle)

... if you have a wide screen monitor you will probably also notice that the image could (should?) have been a little bit wider ... LOL
(and you will also see that I have set a background colour for my blog, that is similar to the picture ... that way if the image doesn't load/the person is using text only for browsing then the text will still be readable against the background - that can be done under "Layout" then "Fonts and Colours" I think I used #a5bdc3 on Up too late, as usual and it looked quite good, in my opinion anyway - lol .. and I used whatever was already there on this blog because it looked ok and I couldn't be bothered fiddling with it.

For the one that I have just put on Up too late, as usual - and will probably replace with something else soon - lol - so you probably found it on http://messing-around-with-stuff.blogspot.com/

you will need to copy this bit of code:

<style type="text/css">body {background-image: url("http://i545.photobucket.com/albums/hh371/aykayem/AykayemSunsetSkyBackground.jpg"); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; }</style>

Made by <a href="http://messing-around-with-stuff.blogspot.com/2009/01/aykayems-sunset-sky-background.html"/>Aykayem's dodgy web design!</a>


... or for the one that is on Mungo Blog

- where you can see the hills (where the sun just set) at the bottom (and where the text is hard to read over it - so really only good for a blog where the posts are short ... or you want people to keep scrolling - lol)

- Then you can copy/use this bit of code:

<style type="text/css">body {background-image: url("http://i545.photobucket.com/albums/hh371/aykayem/AykayemSunsetSkyBackground.jpg"); background-position: bottom center; background-repeat: no-repeat; background-attachment: fixed; }</style>

Made by <a href="http://messing-around-with-stuff.blogspot.com/2009/01/aykayems-sunset-sky-background.html"/>Aykayem's dodgy web design!</a>

Then you will need to go follow my instructions (for where to put the code) in the previous post on here ...

or ... if you still have the old type of template (the one that keeps asking if you want to update it every time you try and go to "layout" - lol) then you can do it like I actually did on Mungo Blog (which does still have that old template) and find the bit up near the top, that says

"body {
background #a5bdc3"

and remove the bit that says "background #whatever" or whatever it has there for the colour and replace it with this:

background-image: url("http://i545.photobucket.com/albums/hh371/aykayem/AykayemSunsetSkyBackground.jpg"); background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom center;

btw - you can stick one of my other background picture URLs in there instead if you like ... and instead of "bottom center" you can put "top center" or just "center" ... or you can go to http://csshtmltutorial.com/csshtmltutorial-cssbackgroundcodetutorial.php and read about what else you can put there - that is how I found out how to do it - LOL

btw ... it is a good idea to preview it to see if it works BEFORE you save the changes ... just in case you mess it up and can't remember what to put back there - LOL

also ... if you are doing it the old way (with the old template) the way I have explained in this post, or if you DO know what you are doing with html/css/etc and/or you know more about this stuff than me (probably not that hard - lol) then feel free to just use the photobucket URLs for my images and do it your way (and feel free to tell me what I did wrong - lol) ... but either way - it might be nice if you give me credit for the photos/making the backgrounds ... and if you do include a link then it is probably best to link to either this blog post, or to my main blog at http://aykayem.blogspot.com/ or to my blogger profile.

Wednesday, January 07, 2009

Aykayem's Pond - Blog Background

ok ... if you just clicked on the "Aykayem's dodgy web design" link on one of my blogs, because you actaully like that background - yes - you can use it on your blog if you like, that is why I have written these instructions ... but ... first a disclaimer: I am no html expert, just someone who likes fiddling around with stuff that I probably shouldn't mess with ... anyway - this is how I did the background image thingy ... I think:

Log into blogger and go to your dashboard and ... if you are not sure about what you are doing you might actually want to create a whole new blog just for using to try out silly stuff like this without messing up your real one (which is why I originally created this particular blog!) ... then, on that new blog (or whatever one you want to add this background to) click on "Layout" and then "page elements" (the place where you add all those widgets/gadgets/whatever they are calling them today) ...
btw - I am not sure this works with all of the different blogger templates/etc either - the website I found some instructions on (I sort of found a couple different explanations of how to do similar things and then kind of half did bits of both of them and fiddled until it worked) said that it only works with blogger's Minima template - but my blog was already using a version of that anyway so I didn't need to change it.
... anyway ... then if you click on "add a gadget" (on the sidebar bit - it might work on the bottom too but I have not tried that, so it might not) you will then get a page where you can choose what sort to add - choose the one called "HTML/JavaScript" ... then, in the thingy that comes up, you can type "Blog Background" (or whatever else you want to call it I guess) for the title, and then copy and paste this in the box:

<style type="text/css">body {background-image: url("http://i545.photobucket.com/albums/hh371/aykayem/Aykayem-PondBackground01.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>

Made by <a href="http://messing-around-with-stuff.blogspot.com/2009/01/aykayems-pond-blog-background.html"/>Aykayem's dodgy web design!</a>

of course if you have been reading this on my ?normal blog and you have followed those links and worked out how to make your own image, then feel free to put the URL for your image in there instead of for mine ... then, if you want to, you can remove my "Made by ... " link and/or replace it with one of yours (seeing it won't have been me who made your background) ... or type some text about your background photo or something in there, or whatever ...
(I guess I can't stop you using my background picture and not linking to me ... but it would be kind of nice if you do give me credit ... even if it IS only a dogdy first attempt at something I know next to nothing about)


btw ... are you trying to work out how I got the < > to appear in here? - much tearing my hair out and fiddling with typing & lt; and & gt; (but without the space after the & ... (I had to put the space there else it just does what it is meant to and comes up as a pointy bracket!) and hoping blogger doesn't change it on me while I am going back and forth between editing modes ... lol

later edit (a day later) ... I have made another background image ... the code/URLs for those is in the next post on this blog - at

Tuesday, January 06, 2009

something else I needed to put somewhere ...



I am fiddling with making blog backgrounds ... and probably doing it the wrong way ...

but this seems like a good place to put this so I can link to it to test it out ...

somehow I don't think it will work this way ... but we will see.

Later edit (the next night): it didn't work that way ... but I found a different way, which did work ... eventually ...
(as you may now be able to see - this blog has a fancy background ... unless you are reading this post a while after I wrote it/edited it and I have done something else to this blog instead - after all - it is called "Testing, testing ... 1 ... 2 ... 3" for that very reason!)