Add Background Image to Blog

Beautiful or Favourite Theme to Blog background makes a Good look. How do add Background Image to Blog? This post special focus on Blogger Blogs. But Wordpress, Typepad or any Blogging platform follows the same basic method to show image in background of the blog. You can add Image to Websites on self hosted also, You requires image uploading to Root Directory if Self Hosting.
First create suitable image to Blog Background, Next Follow the simple Template Modification steps to Display Image as Background to Blogger Blogs.

Login to Blogger >> Dashboard >> Layout >>Edit HTML >> [Backup your Blogger Template before any Modify]
Find the following line
body {
(or)
body{

Copy and Paste the following code after the above line
background-image: url(http://www.yourimageurladdress.com);
background-attachment: fixed;

Note: Change the URL address to your image in the code. Paste the code in appropriate location after Background or Background-color and This is may vary to custom templates.
Warning: Images must be small size(Format:Gif, Jpg, Jpeg), Don't use .Png extension images. Large images may take long time to loading, Use small as possible.

Preview and save Template.

Read This : Optimize Images to Search Engines

No comments:

Post a Comment

Hello, Write Your Here...