Add New Widget Holder Section In Blogger

Hello there, I can understand that you've become optimistic about blogger blogs and now you want to create a new gadget holder section. Not to worry, it can be done only by adopting a technique in a very short time, which just needs to be understood. So, let's see how and where to add a new gadget holder section in the blogger blog.

Why Do We Need To Add New Widget Holder Section?

Although I don't know why you want to add a new gadget holder section, even though in the beginning, agreeing with your idea, there are a few reasons to add new gadget holder section.

• To change the design of the theme in any way.
• Sometimes you may want to add a tab widget to the sidebar.
• Or to create a section below or above the blog post for the use of ads.
• Or to avoid trouble, trying to keep different code's widgets in a specific section.

Where To Add New Widget Holder Section?

Here I'll show you the 2 ways to add a section for gadget holder.

1. In a div tag that is already present in your blog. For example: above or below inside"sidebar" header-wrapper, footer,  like this.
2. Or to change the design of the blog, create a section within a new div tag But before start editing on your blogger template, you must back up your template.

Recommended: How To Backup or Restore Complete Blogger Blog

How To Add New Widget Holder Section

The real work starts from here

STEP 01: As you know, to add your code, you've to go Blogger Dashboard> Theme> Edit Html
STEP 01: Then, you will find a specific div tag where you add a new widget section but for your template the div tags can be different, not being like my template.

Maybe, the div tag for "footer" in your template might look like this

<div id='footer'>

<div id='footer-wrap'>

Similarly, the div tag for "sidebar" in your template might look like this

<div id='sidebar'>

<div id='sidebar-wrap'>

Note here: If you still can't find this, take a little time to search with "b: section" to find the right place as mentioned above. 

At the same time, you must keep in mind that you're adding the following code just before <b:section or after "</ b:section>"but not in between.

<div id='newsection' style='width: 100%; float: left; margin:0; text-align: left;'>
<b:section class='newsection' id='newsection' preferred='yes' style='float:left;'/>
</div>

Note Here: If you want to use mention code again and again, then you have to change the color part of the "div" and "class" tags mentioned above. Because you can not use the same name tag more than once on a blog.

That's All.

But note that: This new widget section will show on all post pages.

Know if You Still Don't Know: How To Show or Hide Widgets or Sections In Blogger

Create A Section Within A New 'div' Tag

You can also try to add new widget section" to all other parts independently. If you want, then let's see how to add a new "section" at the top of the home page or just under the blog footer.

Suppose, if you need a new widget section to add a slider just above the blog home page then paste the following code after </head>.

<div id='frontpage'>
<b:section class='maintopslider' id='maintopslider' maxwidgets='5' name='WorkStation247 Home Slider' preferred='yes' showaddelement='yes'>
</b:section>
</div>
<div style='clear: both;'/>

<div id='frontpage'>

- or if you want to add a full-width new widget section just before the footer of your blog then paste the following code just before <div id='footer'>

<b:section class='ws247footer' id='ws247footer' maxwidgets='5' name='WorkStation247 Footer' preferred='yes' showaddelement='yes'>
</b:section>

Note Here: Sometimes, if you may face the previous b:section of your theme is in a div tag, then you may have to add the above code after "

</b: section>" then </div> then add the following code.

At The End

Hopefully, now you can add a new widget section from the above few ways. Happy Blogging.