Add Google Buzz Button to your Blogger posts

Integrating Google Buzz Button in Blogger posts with some simple hacks is very easy now. After introducing Google Buzz in global market now buzz have started to dominate the micro blogging arena and every blogger wants to Add Google Buzz Button in Blogger Blogs, With this service users can now share the stuffs with each other. Google have not provided any script for adding a social bookmarking button for your blog. So if you want to Add the Google buzz Button in your Blogspot posts then follow the steps given below here.

How to Add Google Buzz Button in Blogger Posts:

1: Login to Your Blogger Account.

2: On Your Dashboard, Click on Layout (see below shown picture for further assistance)

3:Now Click on HTML (see below shown picture for further assistance)

4: Now Check the box of Expand Widget Templates.

5: Now you can add the Google Buzz Button either at the end of the each post or below the title of the each post.

6: If you want to add the button at the end of each post then find this code in your template.

<data:post.body/>

Immediately After that Paste the code given below and Save your template and Done.

<div style='float:left;padding:2px;'><a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' rel='nofollow' title='buzz this'><img alt='buzz this' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdL2qqz2MM8mP8S7q3JNtS7GrFVG6iBgOyvy_j0SrMCZz660HW82qBGL-jXgEs6bA0EHzoqFUKMmY6r6DuweCLU0fmJF5NeSakMYDbo7N_C5YygJvnTro3eHYFZAI6rGM2k8XIduE_UMzg/s400/Google+Buzz.png'/></a></div>

7: If you want to add the button at the below the title of each post then find this code in your template.

<div class='post-body' entry-content'>

and immediately below it, paste the following code and Save your template and Done.

<div style='float:right;padding:2px;'><a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' rel='nofollow' title='buzz this'><img alt='buzz this' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdL2qqz2MM8mP8S7q3JNtS7GrFVG6iBgOyvy_j0SrMCZz660HW82qBGL-jXgEs6bA0EHzoqFUKMmY6r6DuweCLU0fmJF5NeSakMYDbo7N_C5YygJvnTro3eHYFZAI6rGM2k8XIduE_UMzg/s400/Google+Buzz.png'/></a></div>

If you have any trouble while implementing the code then comment below. Enjoy Buzzing

Saturday, May 22, 2010 | posted in Blogger Widgets | 2 comments [ More ]

How to Submit Blogger Sitemap to Google Webmaster

Here is a short tutorial of Submitting your Blogger.com or Blogspot.com blog site to Google Webmaster.This will enable Google to find, index, and rank your site. For those who are new to this, you may go to the official Google Webmaster Tools site to create a new Webmaster profile.

Upon logging in using your Gmail account, key in your blog site URL, and click OK. You will then be asked to verify your site. This is to ascertain that you are indeed the owner of the site.

There are two ways to verify your site. You can either add a Meta Tag or Upload an HTML file. If you are using the Meta Tag method, Google will generate a Meta Tag code. Copy the META tag that is generated for you, and paste it in your site's home page in the first section of the page, before the first section. What you do is to go to your Blogger dashboard. Under Template ->Edit HTML, somewhere near the top of the script, add the Meta Tag as follows:-

<head> <META TAG> <b:include data='blog' name='all-head-content'/>

Replace the META TAG with the code generated by Google Webmaster. Once done, Save the Template. When you return to Google Webmaster site, you can click the button that says “Verify”.

Note: The second method of uploading an HTML file is NOT applicable to Bloggers using Blogger.com or Blogspot.com because this requires you to upload a file to the root directory of your Blog, which is not possible. There is therefore only one method for you to verify your site, and that is by inserting the Meta Tag as explained above.

After you have had your site verified, click on the Sitemaps tab as shown below. By adding a Sitemap, you will be providing Google with more details and information about your Blog. With this, Google will crawl your site, report information on any errors in the Sitemaps tab, and index your Blog site at a faster rate.

Click the link that says “Add a Sitemap”. This will take you to another screen where you should choose the type “Add General Web Sitemap”. The Sitemap URL for any normal website is usually the index page that is stored in the highest-level directory of that site. In the case of Blogger.com or Blogspot.com, the only way to add a Sitemap is to use either of the following 2 Sitemaps:-

http://YOURBLOGNAME.blogspot.com/rss.xml

OR

http://YOURBLOGNAME.blogspot.com/atom.xml

Remember to replace YOURBLOGNAME with that of your Blog's. For Blogger blogs, do not add "www." to YOURBLOGNAME. Once you have added your Sitemaps, you will receive a confirmation telling you that reports are being generated but “may take several hours to update”. Congratulations! You have successfully added your Sitemaps. When you login to your Google Webmaster days later, you should be able to see the indexed pages and statistics of Google webcrawl of your Blog.

Leave the meta tag in the template if you want to view the statistics of your site. If Google can't find the meta tag, it will show an error message in your webmaster toolbox and you may have to verify your site again.

Thats it !!!

| posted in SEO | 1 comments [ More ]

Cool Widget To Increase Your Feed Count/Subscriber

One of the most important metric in assessing the quality of a blog is 'Subscriber Count'. Whenever a new visitor lands on your blog, subscriber count is one of the factor he/she takes into account before making up the mind for subscribing to blog feed. Of course, quality content is the most important factor in increasing the subscriber count, but apart from that, you can implement this widget to make users to Subscribe your feeds.

Steps To Add Feed Subscriber Widget
1. Go to Layout -->Edit HTML in your Blogger Dashboard.
2. Back up your existing Template before making any changes!
3. Make sure to check the "Expand Widget Templates" box.
4. Now search for <p><data:post.body/></p>. In some of the templates this code may look like this
<div class='post-body>
or
<p><data:post.body/></p>

Add the following code just beneath the code you just searched for.

<div class="Email_Subscription"> <table BORDER = "1" width="100%"> <tr align="center" style="height:118px" > <td style="text-align:center;background-color:#292929;color:#ffffff"> <b>Get the Latest Blogger Hacks at your Inbox. Yes, it's all Free!!!</b> <br> <form style="text-align:center;background-color:#292929;color:#ffffff" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2155099', 'popupwindow', 'scrollbars=yes,width=400,height=400');return true"> <p style="text-align:center;"><b>Enter your email address below</b><br/> <input style="text-align:center;" type="text" style="width:150px" name="email"/> <input style="text-align:center;" type="hidden" value="http://feeds.feedburner.com/~e?ffid=2155099" name="url"/> <input type="hidden" value="Computer Tips &amp Tricks" name="title"/></p> <input type="hidden" name="loc" value="en_US"/><br/><input type="submit" value="Get Blogger Hacks"/><br/></form> </td> </tr> </table> </div>

Note:
In this code http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2155099'
Replace the feedID=2155099 with your Id

Tuesday, December 1, 2009 | posted in Blogger Widgets | 3 comments [ More ]

How To Disable Right Click In Blogger / Blogspot ?

Simple Way To Protect Your Blog Post or Articles
Many webmasters spend hours to create outstanding articles.And many newbies copy others work and publish in there blogs and websites.If you wish to protect your blog post or articles,here is a simple method of disabling the mouse right click in your blog post. This option is useful for the site and blog owners, who want to minimize the possibilities of the content direct copying to other posts.In this way you can protect your text, images links and etc.You can check this in real time action in my Computer Tips & Tricks blog.

To setup this in your blog Copy the following code and paste it to your blog by adding a new page element.

1. Go to Dashboard --> Layout --> Add Gadget --> HTML / JavaScript
2. Copy(Ctrl+c) & Paste(Ctrl+v) the following code there .

<script language="JavaScript"> <!-- //Disable right mouse click Script //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive //For full source code, visit http://www.dynamicdrive.com var message="Function Disabled!"; /////////////////////////////////// function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") // --> </script>

3. Save the html/javascript and view you blog.

When you will try to do right click, a message will tell you that “Function disabled” , and if you want to change this words” Function Disabled” Then simply find it in code and replace it.

Wednesday, November 18, 2009 | posted in Blogger Tricks | 2 comments [ More ]