Twitter is one of the largest network in the world. If you have a number of traffic on your blog and enough number of followers on your twitter account then must share your blog post with twitter follower to traffic. Today in this article i m going to share that how to add Tweets button below post title in blog. So here we have three types of Twitter tweets buttons. Your will add these buttons with every post title of your blog to get more traffic. "Click on Live Demo" to see Twitter tweets buttons.
- Login to your blogger account.
- Goto Template click on Edit HTML.
- Search <data:post.body/> by pressing Ctrl+F in template.
- Paste the below codes just above <data:post.body/>
1. For Vertical Count
<b:if cond='data:blog.pageType != "static_page"'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='vertical' data-related='' data-via='haiderakhunzada' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</b:if>
2. For Horizontal Count
<b:if cond='data:blog.pageType != "static_page"'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='haiderakhunzada' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</b:if>
3. For Without Count
<b:if cond='data:blog.pageType != "static_page"'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='none' data-related='' data-via='haiderakhunzada' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</b:if>
0 comments:
Post a Comment