How to limit number of posts displayed in label page?

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

Read full post...

Barack Obama wins hictoric US election

November 5, 2008 | 1 comments Bookmark and Share

Congratulations! Barack Obama swept to an historic victory as America's first black president and the forty-fourth US president.



President-elect Senator Barack Obama, his wife Michelle (R) and their daughters Malia (2nd R) and Sasha wave to supporters at his election night rally after Obama was declared the winner of the 2008 presidential campaign in Chicago, November 4, 2008.

Read full post...

Showing a gadget on your Blogger homepage only

November 4, 2008 | 1 comments Bookmark and Share

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 != &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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 == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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>

Read full post...

How to hide the Blogger navbar ?

August 17, 2008 | 1 comments Bookmark and Share

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;
}

Read full post...

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:

Read full post...

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.

Read full post...