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.
Labels:

4 comments:

  1. Anonymous4 June 2013 at 21:26

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

    ReplyDelete
  2. Venkat4 June 2013 at 22:35

    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. Päivi and Santeri Kannisto8 June 2013 at 23:03

    Have you by any chance found a fix to this problem: blogger dynamic views CSS fail to load?

    ReplyDelete
  4. Unknown16 March 2014 at 06:36

    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