Tuesday 26 June 2012

Get cool elegant background patterns

free cool background image for blogger or website
Background of your blog or website should be well choosen to match your need of personalization or professionalism. After doing some Google Search I found mostly very 'hard and distracting' types of patterns to use it on my blog. It took a long search to get to exactly what I needed. The website that I will share allows you to use all it's downloads for free on both commercial and personal work without attribution and the elegeny of the patterns are guaranteed to catch your attention.

The website is called SubtlePatterns. And you can visit it now from this link: subtlepatterns. The instruction there is fairly easy one. Just click on the pattern you want to see, check the background of the site changes to your selected pattern. Once you choose a pattern click on the download option next to it. And download it to use it on your blog. If you own a website I assume you know already how to upload the image to the right folder. If you are a blogger just continue reading for the instruction.

How to change/get background pattern of blogger


I will give step by step instruction. If you think you don't need to know the first part you can skip it.

Downloading and Getting the link

Go to the website first and download the pattern you choose. Now we have to upload it. You can upload it in any image hosting site and get the link or use blogger to do it. To use blogger, click new post and in the composer upload the photo by click on the image icon and browsing to your directory. Once it's on the composer, right click on the image and choose "copy image URL" or similar option. Save the link temporarily since you will need it soon.

Messing with CSS

Go to blogger.com, choose a blog, click on Template>Edit HTML and proceed. Find the code

body {
Once you find it, spot where it says 'background:' and delete everything from 'background' to ';' . Now paste the the code below there with your link you copied previously instead of "Your-Link-Here"

background: url('Your-Link-Here ');


Save the template and look at your blog. Enjoy. If it helped, or you need any extra help with installation leave a comment below and I will be happy to help you further.

No comments:

Post a Comment