Show Limited Number of Labels in Widget.

As you write more and more posts you will keep adding labels to them to categorize your posts. You can add more than one label to any single post. Labels are useful as they serve as keywords channelling traffic to your posts through search engines like Technorati.

However the list of labels in your blog can get to be very long stretching your sidebar until y

our blog post looks like a flag on top of a long sidebar. To prevent this you can modify the code of your Labels widget to show only the topmost labels in your blog..............

LIMIT LABEL NUMBER

To limit the number of labels shown in your Labels sidebar widget login at Blogger.com and click 'Layout' link on Dashboard. The Page Elements subtab of Template tab will open. If you do not have a Labels widget in the sidebar Add a Labels Page Element to it.

After the Labels widget is added click on Edit Html subtab of Template tab. This will open the Template code box on the Edit Html subtab. Click the Expand Widgets Template checkbox on top of the Template code box to put a check mark in it. The Template code box will show the expanded widgets templates.

Scroll down in the Template code box to locate the code for the Labels widget. This will look like this :

<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'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

REPLACE THE WHOLE ABOVE CODE WITH THE CODE 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>
    <ul>
      <script type='text/javascript'>
        var labelnum = 0;
        <b:loop values='data:labels' var='label'>
        if (<data:label.count/> &gt; 2) {
           document.write(&quot;<li><a expr:href='data:label.url +  "?max-results=100"' 
rel='nofollow'><span><data:label.name/></span></a>(<data:label.count/>)</li>&quot;);
        }
        </b:loop>
      </script>
    </ul>
 <b:include name='quickedit'/>
</b:includable>
</b:widget>

The code above will only show labels with more than two posts. To increase number of labels increase the number two in this code :

if (<data:label.count/> &gt; 2) {
 

Read More......

Multi-Pinging Tools Compared.

Everytime you make a post to your blog or update it you have to ping the search engines

 

to notify them of the changes you have made. I have dealt with this in an earlier post : Pinging Simplified. There are some sites which can ping multiple engines for you in one click. Here I have compared several such tools......

There are several sites where you can submit your blog url and click the Ping button to notify the search engines and directories of new content. These are :

1. Autopinger.com
2. Pingoat.com
3. Pingomatic.com
4. Blogflux Pinger.
5. Feedburner Pingshot.
6. Feedping.com

Except for Feedburner just go to the respective site and paste your blog url and click on the Ping button after publishing a new post. For feedburner login to your account click on your blogname (You should have claimed your blog first as shown in Feedburner and Blog feeds.) and click on Publicize tab at top. Then click on Pingshot in the sidebar. Choose the services you wish to ping and click Save. Now these services are automatically pinged on publishing a new post.

Read More......

Add Widget to provide Button-Link to your Blog.

You can now add a widget to your blog with a button which when clicked adds a button link to your blog from the reader's blog. This is done automatically without the reader having to type in even a line of code.....

First create a button by going to http://cooltext.com/Buttons and create a button for your blog. Then upload this button picture to a freehost like Googlepages and copy down the url of the picture. Let us call it : URL OF YOUR BUTTON PICTURE.


To do this go to Layout from the Dashboard after logging in to your account. In the Page Elements section click on Add Page Element link in the sidebar. In the new pop up window which opens choose Html/Javascript option. In the content section paste the following code :

<form action="http://beta.blogger.com/add-widget" method="POST">

<input value="FAVOURITE" name="widget.title" type="hidden"/>

<textarea style="display:none;" name="widget.content">





</textarea>
<input
value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>

<input
value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>

<input value="LINK TO THIS SITE" name="go" type="submit"/>
</form>
<p>Click above button to get a button link to this blog</p>

In the middle code replace the Capital letters with the appropriate values. Add all the above code in blue including the code in the middle picture. Click on picture to enlarge it. Then save the widget.

View blog. You will see below button in your sidebar:





When a reader clicks on this button he is taken to a page where he has to select his blog where he wants to add the link to your blog as shown below :




Here the reader can change the Title and edit the content if he/she wants. On clicking Add Page Element the link is added to the Page Elements tab in the sidebar of his blog. He/She can then rearrange its location in the blog by drag and drop method.

Using this method I have added it to my blog in the right sidebar at the bottom.

Read More......