Friday, 7 June 2013

Add Twitter Button To Your Post

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 How to Add Twitter Button Below Post Title in Blogger (Blogspot)
<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 How to Add Twitter Button Below Post Title in Blogger (Blogspot)

<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 twitter button How to Add Twitter Button Below Post Title in Blogger (Blogspot)

<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

No comments:

Post a Comment