Twitter Tweet Button For Blogger

Twitter Tweet Button For Blogger

Twitter is one of the largest social media company in the world.If you have enough number of followers on twitter then every time tweet your new post on twitter and get the traffic.Today in this article we are going to show to How to add Twitter tweet button with counter for blogger ? Here we are giving code of all types of tweet buttons i.e. tweet button with vertical count,tweet button with horizontal count and tweet button without any count.We will add this button just below of every blogger posts for more traffic.

How To Add Twitter Tweet Button To Blogger?

Here we are giving all types of twitter tweet button choose anyone of them add add them just after below code.To find below code you need to "Tick the Expand Widget Templates"check box.Also take backup your template before making any changes.

<data:post.body/>

Tweet Button Styles

You can add tweet button in three styles :

1. Vertical Count
2. Horizontal Count
3. Without Count

1. Vertical Count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='helperblogger' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>

2. Horizontal Count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='horizontal' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='helperblogger' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>

3. Without Count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='none' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='helperblogger' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>

now replace helperblogger with your twitter username.

Customizations (Options)

• This button is aligned to left of page if you want to align it to right or middle then replace text-align:left; with text-align:right; and text-align:center;respectively.

• This button will visible on below of post if you want to add it before the post then add code just above of <data:post.body/>

Now save your template and you are done.If you have any problem or query then feel free to ask me.I will always there for my buddies...