Home > Blogger, Blogging, Internet Business, Twitter > How to Add Twitter Button Below Post Title in Blogger (Blogspot)

How to Add Twitter Button Below Post Title in Blogger (Blogspot)

After Tips How to Add Facebook Button in Blogger, this time I will give you tips how to add a Twitter button at the bottom of the blog post title on your Blogger platform. Facebook button certainly will not complete without Twitter button. Facebook and Twitter are the top 2 largest social media with the most users in the world for now. If you have enough followers on Twitter, you’ll get decent additional traffic by just share on twitter every time you make new post. If your article is interesting, visitors even can share your article through their twitter account.

twitter button for blogger

Here is a guide to add a Twitter button on your Blogger:

1. Login into your Blogger Dashboard and choose blog you want to modify.
2. Click Template and Click Edit HTML.
3. Click Proceed and don’t forget to check Expand Widget Templates checkbox.
4. Search code below and place the code below it

<data:post.body/>

5. Copy the script below. Change YOUR_TWITTER_NAME with your twitter account.

Large Counter Button

large counter twitter button

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a class='twitter-share-button' data-count='vertical' data-related='' data-via='YOUR_TWITTER_NAME' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
</div>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</b:if>

Small Counter Button

small counter twitter button

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='YOUR_TWITTER_NAME' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
</div>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</b:if>

Small Button without Counter

small without counter twitter button

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a class='twitter-share-button' data-count='none' data-related='' data-via='YOUR_TWITTER_NAME' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
</div>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</b:if>

6. Click Save Template and you’re done

Related Posts Plugin for WordPress, Blogger...
Be Sociable, Share!
  1. No comments yet.
  1. No trackbacks yet.