Home » Blogger Tutorials, Tricks and Hacks » Blogger Graphics / Effects Tricks » How To Add A Header Image To Blogger Dynamic Views

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

How To Add A Header Image To Blogger Dynamic Views

How To Add A Header Image To Blogger Dynamic Views

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

3,082 views

Here’s another neat trick for those of you who are using Blogger’s Dynamic Views template. It’s a tutorial from blogger Mayura De Silva which shows you how you can add an image to your header.  One thing you have to remember before you proceed with this trick is that your image must not exceed 65 pixels in height; otherwise your header will look messy.

But, if your image already meets the size criteria, here are the steps:

  • Go to Template in your dashboard.
  • Click on Customize > Background > Background image.
  • Click Upload image > Choose File.
  • Browse through your computer’s directory to find your image file and select it.
  • Hit Open > Done.

The image might look messy and out of place after this. If so, do the following:

  • Adjust the Tile.
  • Select Don’t tile if your image fits the width of your blog, or
  • Select Tile horizontally if it’s shorter than the width.
  • Adjust the Alignment (Top Left, Top Center, Top Right, Bottom Left, etc.).

Once you think that everything looks in order then you’re basically done. Congratulations, that’s it!

EXTRA: If you ever want to remove the blog title on the header bar, do the following:

  • Back in the Template section, click on Edit HTML.
  • Look for ]]></b:skin> inside your template’s code using Ctrl+F.
  • Copy/paste the code below right before and above it.
.header-bar {
display: none !important;
}     

Liked It ? Please Share

Comments

12 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. jena branch says:

    This is an awesome article, straight to point and informative.

  2. awsumlove says:

    Thank you so much.
    It’s working very well

  3. This is an awesome, informative, simply and Professionally post! Thanks for Shearing :)
    My blog:>

  4. This is an awesome, informative, simply and Professionally post! Thanks for Shearing :)

  5. Thank you for this tutorial.

  6. Bro… please delete my last 2 comments.

  7. hmm it may its make me generator dynamic views

  8. Azrin says:

    Hi,

    Thanks for the tip.

  9. Cheap ugg, ugg Sales Men & Women Cheap ugg – Official Site
    cheap uggs with bows 449 http://superbrands.co.kr/?p=cheap-uggs-with-bows-449.html

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here