How to Make Custom-Header for Blogger Blogs?

You are using Blogger to write blog or article posts, and you don't like the default header; it has limitations. You tried to using an image in place of header title and description. But still, you feel not good about your blog header. Then what should you do?

Yes, you can do a beautiful header for your Blogger blog/site.

Literary Psyche provides you step-by-step guide for this, just follow as follows:

  • First step, you have to do is remove the default "Header" widget.
    [If you don't know know how to do it, click here and read how to delete the header of your blog/site]
  • After removing the default header, go to the dashboard of your blogger blog/site.
  • Click on "Template".
  • Find the following line:
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  • Change the values for "maxwidgets" and "showaddelement".
    They are the follwoing:
    Remove "1" from value of "maxwidgets". You can leave as it is blank, or set a higher number: I choose 10.
    Change the value of "showaddelement" from "no" to "yes".
  • After the changes, it will look as follows:
     <b:section class='header' id='header' maxwidgets='10' showaddelement='yes'>
  • Click on "Save template" after the changes.
  • Now, go to "Layout" of the dashboard. Now you can see the options to add widgets at the Header section.
  • Click on "Add a Gadget" (You could not see this if you didn't follow the above process).
  • Then, a pop-up window will appear with many gadgets to add. Choose "HTML/JavaScript".
  • You can add HTML code to display the image or logo for the header.
    * First, copy the url of image or logo. For example, it is "http://literarypsyche.org/header-image-logo.jpg".
    * Make sure it doesn't cross the length of the blogger header.
    * Copy and paste the following code:
    <center><img src="URL of the Image or Logo"></center>
  • Of course, you can make the header much more better with code using in "HTML/JavaScript" widget.

No comments:

Post a Comment

Copy.com Goes Shutting Down

The cloud storage service Copy.com is going to shutting down on 1 May 2016. Copy.com is a service of the storage and security vendor Barracu...