Do you use the Watermark or Simple template from the Blogger template designer? Have you tried to install free backgrounds with a disappointing end? Most free backgrounds are catered toward the Picture Window or Minima template. Which is fine unless you prefer to use the Watermark or Simple template.
Today I’m going to show you a simple trick for using free backgrounds in the Watermark template. This tutorial also works if you are using the Simple template.
First things first, back up your current template by going to your ‘Template’ tab and clicking the ‘Backup/Restore’ button in the top right of the screen. Then click the ‘Download full template’ button to save your current template to your computer.
Now on to business…
STEP 2: In another window open up the free background from Designer Blogs you would like to use.
Highlight the code from your desired background and copy it using Ctrl+C or Command +C (if you on a Mac) or right click and select ‘copy’ using your mouse.
Let’s get rid of that huge red rectangle, shall we?!
STEP 5: Go to your ‘Template’ tab and click the ‘Edit HTML’ button.
In the search box paste in the following code and press enter:
<Group description=”Backgrounds” selector=”.main-inner”>
This will lead you to the following section of code:
STEP 5: Change the color codes in red to say ‘transparent‘. DO NOT delete the quotation marks.
Now your code will look like this:
Save and view your blog.
Now, you’ll notice that your blog title may not show well depending on the background you chose. To change the font color go back into your Template Designer by clicking on the ‘Template’ tab and then clicking on the ‘Customize’ button. Once you are in the Template Designer click ‘Advanced.’
Here you will find a list of items that you can customize. Click on ‘Blog Title’ to change the color of the blog title. You can select a font color, font size or even a new font to use here as well. You can also change the colors of the ‘Tabs Text’ and ‘Tabs Background’ likewise.
Feel free to play around with things in the Template Designer until you get everything looking like you want. Your changes will not be saved until you click the ‘Apply to Blog’ button.
TA-DA! A new fancy background for your Watermark template!
Please leave a comment or email us at [email protected] if you have any questions or would like to suggest an idea for a future tutorial.