Add header image to Blogger Dynamic Views

How to add header image to Blogger Dynamic Views :

This post will help you add a header image to Blogger dynamic views. In Blogger dynamic views, there is no header widget to add a header image to blogs. Therefore, to add a header image to dynamic views, we need to add CSS code to the Blogger blog.

Follow below steps to add header image to Blogger dynamic views

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Customise

Step 4 : Click on Advanced tab and then Click on add CSS tab
              next paste below code in custom CSS box

               .header-bar{background:url('http://image url.com') !important;}

Step 5 : Click on Apply to blog

Go to your blog and check blog Header image.

4 comments:

  1. how to get an image url for a picture saved on computer?

    ReplyDelete
  2. to get image url link first you have to upload your image on any hosting sites, and then right click on image and click on copy link location

    ReplyDelete
  3. When I follow these instructions the image is repeating over and over again. Any suggestion on how to fix?

    Also I would like this to remove the text header and include the link back to the home page.

    Thanks,

    Gabe

    ReplyDelete