Saturday, September 12, 2015

How to add an image as a logo in Blogger Templates

Logo is important for your blog as much as identity cards are for us. If you are into professional blogging, it’s almost like your blog must have a logo. But for people who are into blogging out of passion, it isn’t that much important. However, if you can design one and add to your blog, it will give professional look to your blog.
    

It’s just like how you add an image in one of sidebar gadgets. But logo should be added in header frame. But by default, none of blogger template allows this. So it remains unfeasible. A frame to add this is nowhere near header. But we can make it so by doing some HTML editing. Follow the given steps:

Login to your blog>Click on Template>Click on Edit HTML>Find (Ctrl+F) the given code embedded inside the template HTML:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
In above change maxiwidgets into 3 from 1 and then showaddelement into yes from no. Once you’re done, click on Save Template. This should add an image addable frame near your blog header frame. To see whether it’s being added, click on Layout and see. 


You can see that Add a Gadget has appeared. Now proceed with adding of image, your logo image into it. Click on Add a Gadget>Scroll down>Choose Image>Give appropriate title (often blog title is used)>Upload image from your computer>Or link from other website if you have used that image there>Click on Shrink to fit in well>Click on Save. 

This should successfully add an image in your blog header as your logo. Now click on View Blog and see if that image has appeared near your header. If it appears you must have got it right. It's wonderful, right? Keep Blogging. Cheers!   

1 comment:

Read our comment Policy to know your rights & responsibilities before actually leaving a comment for this article.

Related Posts Plugin for WordPress, Blogger...