Sunday 4 September 2011

How To Add Twitter Tweet Button To Blogger?

Twitter is one of the maximal sociable media affiliate in the concern.If you possess sufficiency identify of followers on peep then every quantify sound your new flyer on peep and get the reciprocation.Today in this article we are feat to pretence to How to add Twitter tweet button with sideboard for blogger ? Here we are giving codification 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 give add this secure righteous below of every blogger posts for solon interchange.




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

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='bloggerhero' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>


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='bloggerhero' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>


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='bloggerhero' 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 bloggerhero 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.

No comments:

Post a Comment