How to Design a Blog Background on Photoshop
Decide what kind of background you want., Open up your Photoshop program to a new screen., Now open up all of the different pictures and patterns that you plan on putting into your background., Spice it up!, Upload the image to Photobucket...
Step-by-Step Guide
-
Step 1: Decide what kind of background you want.
Will it be colorful and cheery, or a sleek, modern black? Try to base it off your blog- for example, if you blog about cooking, remind yourself to incorporate some utensils or foods in the final background. -
Step 2: Open up your Photoshop program to a new screen.
Set the sizes like this:
Width,
14.5 inches (36.8 cm); height, 11 inches (27.9 cm); resolution, 100 pixels/inch; color mode, RGB color-8 bit; background color, white.
The preset should be custom. , For example- on a blog about penguins, you could have pictures of penguins, icebergs, and fish over a big blue background. (That's just one idea.) The center part of the background (where text will go) should be
7.5 inches (19.1 cm) wide and be rather light-colored.
With that said, stretch and pull the elements to fit your liking. , Make some things stand out and other things fade in.
Add some ribbons, buttons, etc., whatever floats your boat.
Use the Photoshop tools to make your background more interesting. , When uploading, reduce your image to 1 or 2 megabytes, depending on how large your screen/blog is. , Copy it or write it down somewhere, because you will need it later. , (If you're using Blogger, set it to "Minima.") Now dive into your blog's HTML code.
It'll seem crazy to the ordinary person, full of weird signs and strange words. ,,, Now save your edits and check out your blog.
It probably looks FANTASTIC now! Congratulations on successfully creating your very own blog background! -
Step 3: Now open up all of the different pictures and patterns that you plan on putting into your background.
-
Step 4: Spice it up!
-
Step 5: Upload the image to Photobucket (www.photobucket.com).
-
Step 6: Now go to your image and find the "direct link".
-
Step 7: Go to your blog and set it to a plain default template- white works best.
-
Step 8: Find the place where the HTML reads: "body {#background:$bgcolor;#margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center;".
-
Step 9: Change the HTML to read: body {#background:$bgcolor;background-image:url('/INSERT YOUR DIRECT LINK HERE');background-position: center; background-repeat:no-repeat; background-attachment: fixed;#margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center;
-
Step 10: Place your direct link where it says "INSERT YOUR DIRECT LINK HERE."
Detailed Guide
Will it be colorful and cheery, or a sleek, modern black? Try to base it off your blog- for example, if you blog about cooking, remind yourself to incorporate some utensils or foods in the final background.
Set the sizes like this:
Width,
14.5 inches (36.8 cm); height, 11 inches (27.9 cm); resolution, 100 pixels/inch; color mode, RGB color-8 bit; background color, white.
The preset should be custom. , For example- on a blog about penguins, you could have pictures of penguins, icebergs, and fish over a big blue background. (That's just one idea.) The center part of the background (where text will go) should be
7.5 inches (19.1 cm) wide and be rather light-colored.
With that said, stretch and pull the elements to fit your liking. , Make some things stand out and other things fade in.
Add some ribbons, buttons, etc., whatever floats your boat.
Use the Photoshop tools to make your background more interesting. , When uploading, reduce your image to 1 or 2 megabytes, depending on how large your screen/blog is. , Copy it or write it down somewhere, because you will need it later. , (If you're using Blogger, set it to "Minima.") Now dive into your blog's HTML code.
It'll seem crazy to the ordinary person, full of weird signs and strange words. ,,, Now save your edits and check out your blog.
It probably looks FANTASTIC now! Congratulations on successfully creating your very own blog background!
About the Author
Isabella Thompson
Committed to making organization accessible and understandable for everyone.
Rate This Guide
How helpful was this guide? Click to rate: