A New Look

You may have noticed that A Steampunk Reverie has gotten a makeover. I've often thought that it's very important to have not only a cohesive image to market, but also one that immediately represents what I write.  Though I liked the previous setup, it felt a little plain and ordinary, so I started searching for a new background that would fit into the theme I have going with my website, blog, business cards, etc. 

There really are some great backgrounds and designers out there, though some backgrounds were far more difficult to install than others.  The simplest setup was a small bit of code that was easily copied into an html window within the blog.  Some of the designs out there are amazing.  To find these sites, simply do a search  for BLOG BACKGROUND MINIMA and you should come up with some great sites.  MINIMA is the Blogger template that these backgrounds work with.  I'll admit I don't know if these would work with Wordpress, but code is code, so I'd think it might.  

Though there were some great backgrounds, none really had the feel I was looking for, but I soon realized that the code was more or less the same, with the only difference being a link to an image. That got me thinking that I could make my own background for my blog. It did take some finagling but I finally got it down.

In case anyone else is interested in creating their own unique background to their blog, I figured I'd include the steps here.  Now I will warn you that I know nothing when it comes to code, but I'm a pantster by nature, and not only when it comes to my writing. So I experimented, until things seemed to work.

First you want to alter the size of the image you're going to use to approx. 1600 x 850. Many images can be found on Flickr.com and can be used through Creative Commons, so that you're not overstepping into copyright issues.  Just make sure to check that the image is free to use.

Keep in mind that your text will be running down the middle so you may want to add a solid section in that area through a photo or paint program, like Gimp.com . That section should be around 7.5-8 inches wide. You then need to upload it to a website that allows you to store files that size. Photobucket.com will allow it if you pay for the upgrade, however, Picasa.com is free. Once uploaded, just make sure you zoom in to the maximum size, right click, select properties and then copy the URL. From there, you want to copy it into this script with your URL fitting in between the " " as indicated below...

<style type="text/css">
body {background-image: url("YOUR URL GOES HERE"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://blo64rt.blogspot.com/" target="_blank">
</a></div>

Once you have copied in your URL, you then copy the script into a HTML box in the layout section of your blog.  You will also need to make sure that your blog template is set to one of the MINIMA templates.

That should be it!!  I hope you'll find this helpful if you do indeed attempt to give your blog your own personal look.

P.S.  Here are a few of the sites that have some great premade backgrounds that are easy to install.
http://www.backgroundfairy.com/
http://www.shabbyblogs.com/index.html
http://itkupilli-cutencool.blogspot.com/
http://www.thecutestblogontheblock.com/
http://leelou-freelayouts.blogspot.com/