Showing posts with label widget. Show all posts
Showing posts with label widget. Show all posts
How To Add New Widget Section In Blogger Layout Anywhere
Sometime time we feel that some widget are not in those place which we want most exactly and where we want to display our widget but here is the solution for you because i also face this problem when i need a place in blogger layout but there was nothing to add anything then i decide to search about it and i found solution for myself and now im sharing with my website visitors. Hope you understand and follow my instructions to make it simple,
There is some places in layout section where we can add these widget
Note: You cant add any widget between (Next & Previous) button in blogger.
Now the actual works starts from here.
Now search for
in some cases you might search for this
Here is the code for the new Widget Section
You have to change the Orange text if you want to use this code again and again in your template. You can write anything. This widget will be shown only in home page. If you want it on every page, than use this code
Now here is where to add the above code
OR
Now Here Is The Change!
How to add this widget wherever you want then just search for the exiting widget and find that in Template HTML place like if i have already Widget (Popular Post) and want to add widget with this widget below or above section just paste the above code there thats it.
Search for
Note: Blog1 is your complete part of blog like whole template and there is only 1 code like this so dont worry it should be there you can find easily.
So now decide where you want to add new widget area like if you want new widget above the blog posts then paste code above like showing in above picture & want to add below blog posts the paste code below above Blog1 code.
Note: There is maybe some same code like each others but you have to carefully paste code before <b:section or after </b:section> not in between.
Just Like, i will search for "Follow me "
Now add the code above or below the entire section.
Just like this, you can add new widgets on any place in your template. Simply add a new widget, give a title to it and than search for that title in HTML editor and place the new code Above or Below. Its Simple. But remember, add the code before the opening section or after the closing section.
If you want to add Two columns at a time just like the one below
Than simply follow these steps. The steps are same just one step will be added.
Use this code instead of the one above
Want to show this widget everywhere on your website/blog page ? then this code will work for you, replace it with above code.
When you replace code with above then also search last step for (Adding two Widget Area in Right Sidebar)
Search for </b:skin> and add this code above it
Remember: If you want to use this widget again and again on your website/blogger just change the name of every widget which you add on your blog then you can use as long as you want.
Source: BloggingHow
Read more »
There is some places in layout section where we can add these widget
- Header Section
- Right Sidebar
- Above Blog Posts
- Below Blog Posts
- Footer Section
Note: You cant add any widget between (Next & Previous) button in blogger.
First of all go to the HTML editor of your blogger template. Do not click "Expand Widgets"
Search for :
Search for :
<body>
Now the actual works starts from here.
Add Widget Section In Header Area
Now search for
<div id=headerbg>
in some cases you might search for this
<div id=header-wrapper>
Here is the code for the new Widget Section
<b:if cond=data:blog.url == data:blog.homepageUrl><b:section class=sidebar id=magazine-left showaddelement=yes > <b:widget id=Text51 locked=false title=Test Title 1 type=Text/> </b:section> </b:if>
You have to change the Orange text if you want to use this code again and again in your template. You can write anything. This widget will be shown only in home page. If you want it on every page, than use this code
<b:section class=sidebar id=magazine-left showaddelement=yes > <b:widget id=Text51 locked=false title=Test Title 1 type=Text/> </b:section>
Now here is where to add the above code
OR
Now Here Is The Change!
How to add this widget wherever you want then just search for the exiting widget and find that in Template HTML place like if i have already Widget (Popular Post) and want to add widget with this widget below or above section just paste the above code there thats it.
Add Widget Section Above Blog Posts!
Search for
<b:widget id=Blog1 locked=true title=Blog Posts type=Blog/>
Note: Blog1 is your complete part of blog like whole template and there is only 1 code like this so dont worry it should be there you can find easily.
So now decide where you want to add new widget area like if you want new widget above the blog posts then paste code above like showing in above picture & want to add below blog posts the paste code below above Blog1 code.
Note: There is maybe some same code like each others but you have to carefully paste code before <b:section or after </b:section> not in between.
Now How To Add New Widget Area In Right Sidebar
Some people want to add only right sidebar widget area so here is also option for you just Search for the existing widget in your Template HTML and if you want to add above then paste code above it or want to add below just paste it below.Just Like, i will search for "Follow me "
Now add the code above or below the entire section.
Just like this, you can add new widgets on any place in your template. Simply add a new widget, give a title to it and than search for that title in HTML editor and place the new code Above or Below. Its Simple. But remember, add the code before the opening section or after the closing section.
If you want to add Two columns at a time just like the one below
Than simply follow these steps. The steps are same just one step will be added.
Use this code instead of the one above
<b:if cond=data:blog.url == data:blog.homepageUrl>
<b:section class=sidebar id=magazine-left showaddelement=yes >
<b:widget id=Text51 locked=false title=Test Title 1 type=Text/>
</b:section>
<b:section class=sidebar id=magazine-right showaddelement=yes >
<b:widget id=Text52 locked=false title=Test Title 2 type=Text/>
</b:section>
<div style="clear: both;"></div>
</b:if>
Want to show this widget everywhere on your website/blog page ? then this code will work for you, replace it with above code.
<b:section class=sidebar id=magazine-left showaddelement=yes >
<b:widget id=Text51 locked=false title=Test Title 1 type=Text/>
</b:section>
<b:section class=sidebar id=magazine-right showaddelement=yes >
<b:widget id=Text52 locked=false title=Test Title 2 type=Text/>
</b:section>
<div style="clear: both;"></div>
When you replace code with above then also search last step for (Adding two Widget Area in Right Sidebar)
Search for </b:skin> and add this code above it
#magazine-left {
width: 45%;
float: left;
}
#magazine-right {
width: 45%;
float: right;
}
Remember: If you want to use this widget again and again on your website/blogger just change the name of every widget which you add on your blog then you can use as long as you want.
Changing Name Why ?: Because every widget on blogger has different names and you cant keep same name on every widget and even when you use those widget you will get error so you must change the name of new widget and use how much you want to use it for your blog.
Source: BloggingHow
Still have any question or help ? just leave your comments below and i would love to to help you.
Remove Duplicate Blog Post or Recent Posts Widget From Blogger Problem Solved
Are you seeing double? Mean to say double recent posts, any double widgets in your blogger blog layout or something like that. Then you should immediately remove them and give good experience to your readers on your blog.
Post 1 Post 2 Post 3 ... (from top to bottom),
are you seeing two identical post columns, like this?
Post 1 Post 2 Post 3 Post 1 Post 2 Post 3
or duplicate posts inside a posts column, like this?
Post 1 Post 1 Post 2 Post 2 Post 3 Post 3
Anyway you just notice that if your readers are coming fast & reading your content then its wise for you to fix this big problem and remove these widgets.
1. Duplicate posts columns
The first and the more regular one is double posts columns. The second section looks precisely like the first, complete with food join and website pager. The second segment generally comes directly under the to begin with, for instance so:
Post 1 Post 2 Post 3 Post 1 Post 2 Post 3
This error is caused by duplicate Blog gadget. It is most likely occurred after you replaced your original template with a third party template.
To remove the duplicate, all you need to do is evacuate the additional Blog contraption. Be that as it may I by one means or another suppose you recently realized that. After all did you not recognize there are two Blog Posts widgets in the Layout page? The issue was you couldnt evacuate either of them in light of the fact that there was no Remove bind (which is ordinary for a Blog widget.
Now question is how can you remove the duplicate blog post widget. Just follow my instructions,
- Please before edit anything or remove you just back your template.
- Go to Template >
- Edit HTML.
- Find and delete the following line in your HTML code:
1<b:widgetid=Blog2locked=falsetitle=Blog Poststype=Blog/>or1<b:widgetid=Blog11locked=false
