How To Add Google +1(plus) Button With Blogger Share Buttons

This quick and easy tutorial will explain how to enable Google +1 Button with Blogger Share Buttons. If you are already using Blogger share buttons in your blog, you can skip step 1.

"+1" is often used as a digital shorthand for "this is pretty cool." It’s also a way for friends, contacts, and the rest of the world to find great things on Google search. Google launched the +1 button back in March as a way to help share web content and make search more personal and relevant.


From Blogger Buzz


For more information about the +1 button, you can watch this short video:

Step 1 : First enable share buttons for blogger editing the Blog Posts widget from Page Elements section.

Step 2 : Go to "Edit HTML". Click on "Expand Widget Templates"

Step 3 : Find this and remove it:

<b:include data='post' name='shareButtons'/>

Step 5 : Scroll down to where you see below code:

<div class='post-header-line-1'/>

Step 6 : Now Copy below "Blogger Sharing buttons" code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste "Blogger Sharing buttons" code just before <data:post.body/> .

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='post-share-buttons' style='float:right;margin-right:10px;'>

<b:include data='post' name='shareButtons'/>

</div>

</b:if>

This will show blogger sharing buttons below post header in blogger post pages..But if you want to show share buttons below blogger post,then paste your code just after <data:post.body/>.

Also if you want to show share button in every page, then remove 2 blue lines form above code.

Step 7 : Now save your template and you are done.

Read More

How To Add Official Twitter Follow Button to Blogger

Adding Twitter Follow Button to your website, making it easy for you to discover the Twitter accounts of your favorite reporters, athletes, celebrities, and other personalities. Using the Follow Button is as simple as a single click. You can also see the profile and latest Tweets of the account you want to follow by clicking the username next to the Button.

For publishers and brands, adding the Follow Button to your website and using Twitter to stay connected with your audience is a powerful combination. People who follow your account are much more likely to retweet and engage with your Tweets, and to repeatedly visit your website. Adding the Follow Button to your website is quick and easy.

Follow the steps given below add twitter follow button to your blog posts.

Step 1 : Go to "Edit HTML". Click on "Expand Widget Templates"

Step 2 : Scroll down to where you see below code:

<div class='post-header-line-1'/>

Step 6 : Now Copy below code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste the code just before <data:post.body/> .

<div style='float:right;margin-right:5px;'>Your Twitter Code Here</div>

Now replace "Your Twitter Code Here" with the code, taken using below link:

http://twitter.com/about/resources/followbutton

Now save your template and you are done.

Read More