Share Posts from your Blogger NavBar

Thursday, March 11, 2010

I guess most of you have removed the NavBar from your Blogger Template if you are using some custom versions of the template for your blog. Well, its now time to get back the NavBar again in your template. But not really if you don’t like to use this new feature of Blogger, which allows you to share posts directly from the NavBar. NavBar of the Blogger starting from august 27, 09, includes a “SHARE” button. This button will help you to share posts to popular social networking sites and even e-mail them directly. Social Networking sites have been really popular and a lot many people use those medium to gain readers by sharing posts on such sites. Social Bookmarking widgets are really popular in the blogosphere and now it seems easier when the blogger itself comes with idea of including that in its NavBar. And I know many of you don’t like this blogger’s idea of feature being introduced in the NavBar. Anyway, you can learn how to use this feature and things you can do with it in this post.

To use this feature it’s essential that you have the NavBar in your Template. Don’t worry if you have removed the NavBar already but still interested in this feature, here is how you can add the NavBar again.
NavBar Restoring Instructions

1. From your Blogger Dashboard go to Layout > Edit HTML.
2. In most of your templates, the Blogger Navbar is not displayed just because it’s hidden. Now search for this code within your Template
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

3. Delete this code from your template and now Blogger NavBar should be appearing in your template.
OK if you now have the Blogger NavBar in your template, you can see the “Share” button yourself in your blog.
Now if you want to use this feature, you need to click on that “share Button”, a pop-up menu appears with links to popular networking (sharing) sites “Facebook” and “Twitter” and also the “Google Reader”. (see the Image Below). If you happen to use this feature on the item pages of your blog, you shall gain access to the “Email” feature too.

If you use this New feature of Blogger there’s a hack you can try. The blogger buzz notes the hack as
“Here’s a fun hack: each URL that gets shared has a specific parameter appended (?spref=nn, where fb=Facebook, tw=Twitter, and gr=Google Reader). If you’re using Google Analytics to measure traffic on your blog, you can search for those strings to see how much traffic you’re getting from each source.” Via Blogger Buzz

How to add Paypal Donation Box to Blog

Do you want to put this box in your blog/site? Well many of us want put this code on their own blog/site like those popular sites but they don't know how. Well i am very glad to teach you and going tell you how.
If you don't have a paypal account, click here to sign up one. Well i supply the code, and you just simply copy and paste it, is that simple.
Ok here we go.


Just copy the code and change some values in red.
Change Blog/Website Title to your own Blog title example change to "The-Online-Quest".
And change Your paypal email to your own paypal email.

Code:
<!-- The-Online-Quest Pay Pal Donation Form Code Start --><center><table border="1" width="143" cellspacing="0" cellpadding="0" bordercolorlight="#FFF8E8" bordercolordark="#EFE0C9"><tr><td><p align="center"><b>Please Donate To My Blog</b></p></td></tr><tr><td width="145"><form action="https://www.paypal.com/row/cgi-bin/webscr" name="_xclick" method="post"><input value="Thanks for Your Donations - Blog/Website Title" name="item_name" type="hidden"/><input value="Your paypal email" name="business" type="hidden"/><p style="margin-top: 0; margin-bottom: 0"><input value="_xclick" name="cmd" type="hidden"/><!-- input type="hidden" name="amount" value="1.00" --><b>Amount</b> <p style="margin-top: 0; margin-bottom: 0"> <select name="Amount" size="1"><option selected value="1.00"/>1.00<option value="2.00"/>2.00<option value="3.00"/>3.00<option value="4.00"/>4.00<option value="5.00"/>5.00<option value="10.00"/>10.00<option value="15.00"/>15.00<option value="20.00"/>20.00<option value="25.00"/>25.00<option value="30.00"/>30.00<option value="35.00"/>35.00<option value="40.00"/>40.00<option value="45.00"/>45.00<option value="50.00"/>50.00<option value="100.00"/>100.00<option value="200.00"/>200.00<option value="300.00"/>300.00<option value="400.00"/>400.00<option value="500.00"/>500.00<option value="1000.00"/>1000.00</select><p style="margin-top: 0; margin-bottom: 0"><b>Currency</b> <select name="currency_code" size="1"><option value="AUD"/>Australian Dollar<option selected value="USD"/>USD<option value="GBP"/>British Pound<option value="CAD"/>Canadian Dollars<option value="CZK"/>Czech Koruna<option value="DKK"/>Danish Kroner<option value="EUR"/>EUR<option value="HKD"/>Hong Kong Dollars<option value="HUF"/>Hungarian Forint<option value="JPY"/>Japanese YEN<option value="NZD"/>New Zealand Dollars<option value="NOK"/>Norwegian Kroner<option value="PLN"/>Polisg Zlotych<option value="SGD"/>Singapore Dollars<option value="SEK"/>Swedish Kronor<option value="CHF"/>Swiss Francs</select></p><p style="margin-top: 0; margin-bottom: 0" align="center"><input border="0" alt="Make payments with PayPal - it's fast, free and secure!" width="60" src="http://www.blogpulp.com/imagehost/images/5971708800.gif" name="submit" height="30" type="image"/></p></p></p></form></td></tr><tr><td><p align="right"><b><font face="Arial" size="1">Powered by <a href="http://djyano.blogspot.com/2008/04/put-paypal-donation-code-to-your.html" target="_blank"> The-Online-Quest</a></font></b></p></td></tr></table></center><!-- End of The-Online-Quest Pay Pal Donation Form Code -->

For blogger, after you have copied and changed the values, just add a new page element. Click add HTML/JavaScript to blog, paste all the codes in and save changes.Enjoy blogging and have fun, if you have put this code in your blog/site, post a comment about it and please let me know.

Blogger has Label Clouds Now

Blogger is releasing many features as a part of Blogger’s 10th happy birthday. Many bloggers (Blogger User) requested Blogger to change the label gadget or make it more flexible when the blogger team invited suggestions from them last April. And as of blogging groups wish, Blogger has made this feature available. It has now improved its “Label” element, thus making it more flexible and customizable according to blogger’s need and wish. With this improvement Blogger user can easily change the old format of Labels display to “Labels cloud”. You can also choose among your labels to display in the gadget. We shall be discussing two major changes from blogger in this Labels widget below.

Label Clouds of Blogger

Labels in blogger were displayed as a long list with the numbers of post in the specified label previously. Though we could customize our widget to make changes according to our wish with the help of adding codes or using stuff such as javascript, it was bit tough. Now it’s relatively easier. You could just define what you need from the Blogger widget itself.
To add this feature you need to have already added the Labels page element to your template. If you haven’t added this widget, just go to PAGE ELEMENTS section under LAYOUT and “Add a Gadget” and choose “Labels“.
If you have already added the Labels Element in your blog, you can click on “EDIT” for the “Labels” widget.
See the Image below, you will get after you add or edit your “labels” widget.


Under the display option check that “Cloud” radio active button as shown in the image above. This will change your view of labels and you will get the new feature “Label cloud” in your blog.
Selected Labels to Display

Another Important change in the same “labels” gadget is the ability to choose the Labels to display. Previously, all Labels were displayed in the blog and this often limited to using labels if you have used the labels section for displaying the category one. Now you can select from the labels to display under the category widget (if you are using) or the same label widget.


As shown in the image below, you can edit the labels and choose by placing tick in the box adjacent to the specified labels you want to display. Deselect the labels you don’t want to display in your widget.

Add Sitemaps to Yahoo Site Explorer


You just need a Yahoo account to add sitemaps to Yahoo Site Explorer! Do the following simple steps:

1.Sign-in to Yahoo Site Explorer using your yahoo account.


2.Type your site/blog URL as shown in the image below and click 'Add My Site'.



3.Then add the sitemaps(RSS or Atom Feed) of your blog or website by clicking 'Feeds' from the left menu bar.


Type your Feed URL in the space provided and click 'Add Feed'(see the example screenshot below).

You can use any one the following feed URL:

◦Wordpress Users:
http://www.yoursite.com/feed
OR
http://yoursite.wordpress.com/feed


◦Blogger Users:
http://www.yoursite.com/rss.xml
http://www.yoursite.com/feeds/posts/default
OR
http://yoursite.blogspot.com/rss.xml
http://yoursite.blogspot.com/feeds/posts/default


EXAMPLE


You will see your sitemaps/feeds listed in Feeds section as shown below:




4.Now you need to authenticate your site. Click 'Authentication' from the left menu bar, choose 'By adding a META tag to my home page' and copy the META TAGS given thereby.







5.Paste that META TAG in the header section of your template.

Blogger Users:

◦Go to Blogger Dashboard - Layout - Edit HTML - then search(Ctrl+F) for the code given below in the header section:
<b:include data="blog" name="all-head-content"/>


◦Then Paste that copied Meta Tag just after the above code and Save the Template.



6.Finally, click 'Ready to Authenticate' in Yahoo Site Explorer. Finished!


Adding sitemap will help the search engine to crawl your site's content easily and quickly! Best Wishes

Remove/Hide "Newer Post-Older Post" Links in Blogger


In almost all Blogger Templates, you can find the Newer Post - Home - Older Post Links below the blog posts. If you want to remove or hide these links, just do the following simple steps:




•Go to Blogger Layout page and click Edit HTML link


•Then Search(Ctrl+F) your template to find the following codes:


#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}



•Now Replace the above code as given below:


#blog-pager-newer-link {
float: left;
display: none;
}

#blog-pager-older-link {
float: right;
display: none;
}

#blog-pager {
text-align: center;
display: none;
}




Save the Template. Finished!

Add google buzz button to blogger


This post helps you to add Google Buzz button to your blogger blogs.
Follow the instructions given below:

Please Note: Before Editing your Template, Save a copy of your current template by clicking 'Download Full Template' in 'Edit HTML' page of the Blogger 'Layout' Window and 'Preview' the changes before Saving.


1.Go to Blogger Layout page - Edit HTML - and click Expand Widget Templates


2.Now Search (Ctrl+F) for


3.Now paste the following code just before <data:post.body/>:

<!--GOOGLE-BUZZ-BUTTON-->
<div style='float:right; margin-left:3px;'>
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz This' src='http://i48.tinypic.com/mhpmcz.jpg'/></div></a>
</div>
<!--GOOGLE-BUZZ-BUTTON-->


Note: In the case of blogs with Read More/Expandable Post Summaries, the above code has to be pasted just before the SECOND OCCURRENCE of <data:post.body/>

4.Now Preview and Save your template. You will see the G-Buzz button appearing right your post title (as shown below).

Ping your blogwebsite now from these Free Pinging Sites

Wednesday, March 10, 2010


Ping Your Blog/Website Now from these Free Pinging Sites!


Know what is Blog Pinging? Read what Wikipedia defines about Blog Pinging:


"In blogging, ping is an XML-RPC-based push mechanism by which a weblog notifies a server that its content has been updated. An XML-RPC signal is sent to one or more ping servers, which can then generate a list of blogs that have new material. Many blog authoring tools automatically ping one or more servers each time the blogger creates a new post or updates an old one.


Open ping servers, like VeriSign's Weblogs.com, let other web services subscribe to a list of blogs that have recently pinged them. Blog search engines can provide fresh results very quickly by polling only the newly-updated blogs. Similarly, aggregators use results from ping servers to tell subscribers which items on their subscription lists have fresh material.


In addition to open ping servers, there are also proprietary ping servers that gather information only for their own applications. Most of the major blog search engines operate such ping servers.


Unlike open ping servers, proprietary servers with their own subscription applications have no incentive to share their received ping data directly with other servers, which may offer competing services. As these servers do not share their data, bloggers have to ping a large number of individual servers to receive the desired publicity. As a result, bloggers have turned to services such as Ping-o-matic, which pings multiple proprietary ping servers".


Ping your Blog's RSS Feed from the following sites:


Add blogger sitemap to google webmaster


Submitting the Sitemaps of your blog to Google Webmaster helps the search engine(Google) to crawl your webpages easily and more quickly! This post explains the procedure to add your blogger blog's sitemap to the Google Webmaster Tools.


1.Sign-in to Google Webmaster Dashboard using your Google Account.


2.Type your blog URL and click Add Site:



3.Once your site is added to Google Webmaster, you need to verify the site by adding a Meta Tag to your blog:



4.Copy the Meta Tag code given by Google Webmaster as shown in the screenshot below:



5.Now go to Blogger Dashboard - Layout - Edit HTML - then search(Ctrl+F) for the code given below in the header section:

<b:include data="blog" name="all-head-content"/>


6.Then Paste the Meta Tag just after the above code and Save the Template.


7.Now click Verify in the Google Webmaster Tools. Your site will be verified if you followed the above steps clearly:



8.Next step is to add sitemaps of your blog. Select Sitemap from the left sidebar:



9.You can add the following sitemaps of your blogger blog to the Google Webmaster:

http://www.YourBlog.com/atom.xml?redirect=false

http://www.YourBlog.com/feeds/posts/default?=rss



10.Finished! Your Blog's sitemap will be added to Google now!

Howto Add Google Translation Widget to Blog

Add Google Translation Widget to your Blog/Website

Adding a translation widget to your blog or website enables the visitors from different parts of the world to read your articles or posts in their respective languages. Further, having a language translator tool makes your site more user-friendly and bring additional readers and fans to your site!


How to Add Google Translation Widget to your Blog/Website:

No lengthy steps, just add the following widget code to your template layout.


<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>


Screenshot of this Widget:



Blogger Blog users:

Go to Blogger Layout page - click Add a Gadget - select HTML/Javascript - then paste the above code and click Save.


If you want more language translation widgets and tools, you can visit WidgetBox.com!

How to Add Social Bookmark Widget/Links

Add Social Bookmark Widget/Links to Blogger



Social Bookmark Links are widely used by bloggers to help their readers share the useful contents to the world! Digg, Technorati, Delicious, Stumble Upon, Facebook etc are widely used online social bookmarking and sharing communities.

This post explains how to add Social Bookmark Links below post body(content) in Blogger(blogspot) blogs. It's very simple, just do the following steps:

Please Note: Before Editing your Template, Save a copy of your current template by clicking 'Download Full Template' in 'Edit HTML' page of the Blogger 'Layout' Window and 'Preview' the changes before Saving

1.Go to Blogger Dashboard - click Edit Layout - then click Edit HTML

2.Select Expand Widget Templates as shown in the image below:



3.Then Search(Ctrl+F) the code given below in your template:

<div class="post-footer-line post-footer-line-1">

4.Add the code given below just after the above line:

<!-- Start of social bookmarks -->
<b><i>Share this:</i>
|<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Digg</a> |
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Twitter</a> |
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'>Technorati</a> |
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Del.icio.us</a> |
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>StumbleUpon</a> |
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'>Facebook</a> |
</b>
<!-- End of social bookmarks -->



5.Finally, Save the Template. Finished!

You will see Social Bookmark Links as shown in the image below