;
Blogger is a vast world for amateures and professionals who have their passions for writing posts in
their own style. It offers us different facilities which helps us to make our blog look attractive. Unlike other free web hsoting like Wordpress, where we must completely design our site before posting, blogger enables us to write and customize our blog and post anytime.
In this post, we will be discussing about changing our blogger backgrounds. The backgrounds offered by blogger looks ugly and it is not attractive too. So, i;m going to present you some websites where we can find blogger backgrounds and textures absolutely free. So, here are some websites:
Shabby Blogs offers us some unique blogger backgrounds and textures absolutely free. Just choose your desired background and click on "Install Background". It will also teach how to paste the blogger background.Dotty Dot Dot is a blog where we can get geometrical type of blogger backgrounds like squares, dots, circles and so on. You must copy the background code of your desired background to add it on your blog.
CgTextures provides us the real backgrounds of different food items, fire, textures and much more. Their site is full of photos and textures that could be added as a background image with a reduced transparency.
Now let's add these backgrounds on blogger:
Adding Background Image using Blogger Template Designer
If you have default Blogger Template, then Follow these Steps. But If you are using a custom template, skip this steps and read next steps.
- Go To Your Blogger Dashboard
- Click on Dropdown menu and click Template
- Click On Customize
- Once you have clicked on customize, you can see below image. Click on Background.
- Click On The Box Below Background Image and Then Click on "Upload"
- Upload Your Image And Click On Done.
- Clock On Apply To Blog In the top of the blog
- Enjoy.
- Go To Your Blogger Dashboard
- Click on Dropdown menu and click Template
- Click On Edit HTML
- Press CTRL + F Keys To Open Search Blog
- Search For This Code: ]]></b:skin>
- Immediately Before ]]></b:skin> , add The Following Code:
body {
background-image: url(IMAGE-URL.png) !important;
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: 100%;
}
Change The (IMAGE-URL.png) with your Blogger Background Image URL. Note: the no-repeat value prevents the image from repeating either vertically or horizontally. If you want to repeat the image vertically or horizontally, use background-repeat: repeat-y and background-repeat: repeat-x. If you want to change the background size, change the 100% value to your desired value.
If you are wanting to change the pattern, paste the same code inside CSS codes box.
- Finally, save the Template
- Enjoy..
.PNG)
0 comments:
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.
Post a Comment