Add Twitter official tweet buttons to your blog

Twitter is one of the most popular social networking site. It can increase the traffic of your site like flood. So it is important that you have twitter tweet buttons to your site or blog to post them on Twitter. With this twitter tweet buttons you can directly share your post through twitter without any third party website. So you and your visitors don't want to authenticate third party to access your twitter account. This beautiful new tweet buttons load very fast on the net and post your article on twitter in few seconds. These tweet buttons are Vertical Count, Horizontal Count and No Count.

So to install this beautiful twitter tweet buttons to your blog or site follow these steps:

1. Login to your dashboard > Design > Edit HTML .
2. Click on "Expand Widget Templates".
3. Press ' ctrl+f ' and find <div class='post-header-line-1'/> .If you can't find this code than try with these ones <div class='post-body entry-content'>.
4. Now copy your twitter tweet button code just below the above code.

1.Vertical Count Tweet Button:

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-right:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>

2.Horizontal Count Tweet Button :

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-right:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>

3.No Count Tweet Button:

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-right:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>

Replace TWITTER-USERNAME with your real twitter user name.
If you want to show this tweet buttons not only on post pages but also on archive pages, home pages. label pages etc. Than remove 

<b:if cond='data:blog.pageType == "item"'>

</b:if>  

These codes from the above tweet buttons code.

 Save your template and you are done with adding your Twitter Tweet Buttons.

If you like our post, Than make a small donation to Tips N Tricks.

Make a donation to Tips N Tricks

It will Help us to maintain this blog.

Subscribe via Email

Enter your email address to get Latest Information

Delivered by FeedBurner

Follow @leadingdynasty