Great New Twitter Count Button With Username And Suggest Follow Features

9:51 AM |

We all know how popular the Twitter Count Buttons are as we see them on the majority of blogs.They are the small button you can click to share a post on Twitter and they also display the number of times the post has already been shared.The button you see on most blogs and the button i showed you how to add to Blogger in a previous post is from Tweetme.While that button does exactly as you expect in allowing readers to share your posts on Twitter and display the number of shares a newer button from twitter does even more.

The Twitter count button i will show you in this post has a few cool extras.With the Tweetme button when users shared your posts they would have "Via @Tweetme" at the end, with this button you can have your Twitter username at the end.

So not only are people sharing your post they are also sharing your Twitter Profile resulting in more Followers.

Secondly after a reader Tweets your post they will be Given the option to Follow you.The pop up window to tweet the post, first displays the Tweet then displays a Follow option.


A button that gets more people viewing your blog and more people Following you on  Twitter, Great lets add it to your blog.You can try out the button at the top left of this post to see it in action.I will show you the code for the button and how to add it to the top left wrapped in text as you see on this blog.

Add New Twitter Counter Button To Blogger


Step 1. In Your Blogger Dashboard Click > Design > Edit Html > Tick The Expand Widget Templates Box.














Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code):

<data:post.body/>


Step 3. Copy And Paste The Following Code Directly Above / Before <data:post.body/>



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin-right:10px;'><a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a>
<a class='twitter-share-button' data-count='vertical' data-via='TWITTER-USERNAME-HERE' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div></b:if>


Important : Replace TWITTER-USERNAME-HERE With your actual Twitter Username.

Note : The button is set only to be displayed on the post pages, if you want the button to also be displayed on the home page remove the code in red.

Step 4. Save your template, your Twitter button has been added to your blog.Remember you can add the code in your sidebars in a Html/Javascript gadget or other sections of your template.
 
Gadgets By For Bloggers