Subscribe for FREE Updates.

Wednesday, 3 April 2013

Widgets

How Can You Add A New Widget Container Below Header Above footer In Blogger

Add A New Widget Container Below Header Above footer
After shearing how to add keyboard keys effect in blogger blog Now today I am shearing with you that how can you add a new widget container in your blogger template below header and above footer. Many of time you imagine when we install a new template in blogger he have not widget container in below header and above footer but don’t worry! Here is the solution. You can easily add Widget container manually in your blogger templates. just follow the below simple steps.



How Can You Add A New Widget Container?

  • Log in to your blogger account.
  • Click on blog title in which you want to add This.
  • Go to Template and then click on "Edit HTML" Check Expand Widget Box..
  • Now Find bellows code Using Ctrl+F Function.

Note: For applying new widget below header.

</div><!-- end header-wrapper -->

  • Copy the below code and paste After/Below above code.

<!-- New widgets container Start -->
 <b:section class='NewContainer' id='NewContainer'/>
  <!-- New widgets container End -->

Note: For applying new widget above footer.

 </div> <!-- end content-wrapper -->
  • Copy the below code and paste After/Below above code.
<!-- New widgets container Start -->
 <b:section class='NewContainer' id='NewContainer'/>
  <!-- New widgets container End -->



  • Now save your template and check in layout for new widget container! You are done…..


If you have any question about it please write a comment.

Shakeel Asghar ADMIN
Posted By: Shakeel Asghar

Shakeel Asghar is the owner and founder of kutebkhana.blogspot.com. I love to blogging, Design Blogger template, Web Developing and Designing.i like to learn and share tips with you.

Do you Like this story..?

Get Free Email Updates Daily!

Follow us!

4 Responses to “How Can You Add A New Widget Container Below Header Above footer In Blogger”

Muhammad Jaffar Khalid said...
5 September 2014 at 15:49

Thanks.


Muhammad Jaffar Khalid said...
5 September 2014 at 15:50

For more useful blogger widget visit: http://www.knowledge-yard.com


Charlene Francique said...
29 December 2015 at 21:00

Hello Shakeel,
Thank you for sharing your expertise through your blog. This Code:




…worked well for my blogger template.
How can I split this widget container 50/50 vertically, then split the right side container 50/50 vertically?

Regards,
Charlene


James Lee said...
29 June 2016 at 00:10

thank you for this article
I can't find this code "!-- end header-wrapper"
please can you give me another way for the trick to work!


Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. If you have a problem check first the comments, maybe you will find the solution there.


Regards,
Shakeel Asghar

Are you Awesome? Legend has it that Awesome people can and will share this post!
How Can You Add A New Widget Container Below Header Above footer In Blogger