By default, readers can only read the recent 20 posts on a Blogger blog label before clicking on "Older posts" to read the rest in case of this label with more than 20.
If you do not like to see them at the same time you can limit the number of posts for each label by reading the instructions below.
Log in your Dashboard blog, click Layout tab | Edit HTML and check the "Expand Widget Templates" box. Please backup your template before any change. Now, pay attention to the gadget labelIDs. If you have only one label on the blog layout, this is a keyword "id='Label1'" for finding it out (Use Ctrl + F to show the search box):<b:widget id='Label1' locked='false' title='Label Title' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
When you have found, add the color code as below:<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"'><data:label.name/></a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
The label URLs look like as follow:
http://www.myblogplus.blogspot.com/search/label/General%20tips?max-results=1
How to limit number of posts displayed in label page?
Barack Obama wins hictoric US election
Congratulations! Barack Obama swept to an historic victory as America's first black president and the forty-fourth US president.

Showing a gadget on your Blogger homepage only
A gadget that you added on Sidebar or Footer always appears on our homepage and all posts pages. But you can custom its contents that are only shown on your homepage or each post page through this example.
By signing in Blogger, click on Layout tab | Edit HTML and check the "Expand Widget Templates" box. Use search keywords below to find your gadget:
For example, I want to set up for id='HTML1'. Pay attention to the highlighted code added into your template, this makes your gadget be shown on homepage:<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
On the other way, this is shown on each post page:<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
How to hide the Blogger navbar ?
Each Blogger blog has a navigation toolbar (called Blogger navbar) on the top. This Navbar helps readers across blogs. It also features a search bar and others. 
We can change its color when clicking the Edit link on layout.
In the case of hiding or removing it, put a small CSS code below in between <b:skin><![CDATA[/* and ]]></b:skin> tags in your HTML template (Layout | Edit HTML)./* Hide navbar by myblogplus.com */
.navbar{
display: none;
}
Another code:/* Hide navbar by myblogplus.com */
#navbar-iframe{
height: 0px;
}
Adding a favicon to your Blogger blog
A favicon (short for 'favorites icon') also known as a particular blog or website icon. Some browsers support favicons may display them in the browser's URL bar or next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface. You can see it:![]()
How to create a favicon from favicon generator? Creating an image that you would like to use and uploading your image at http://www.iconj.com/ and you'll get your image link for use as a favicon.ico. ![]()
Copy and paste the code above in the head of your blog (found between <head> and </head> tags):![]()
Notes: You must put a slash punctuation (/) before the last angle bracket (>).
Some other sites:
You also create a favicon by painting tools:
Generating a button for blog
As a blogger, we sometimes have an exchange button with other blogs. When a small-size button is maybe created for this purpose.
Pick some colors, enter some text, and just right click the image and choose "Save image as..." or a similarly-named option from your browser. You'll get a button you can download for your site.
Click one of these sites:
To use the button you create on your site, just right click the image and choose "Save image as..." or a similarly-named option from your browser.
See the result:
Upload the image to Photo Sharing websites and get the link to use it.



