Header Ads

Breaking News
recent

Compact Share Buttons Facebook, Twitter, Google+1

Hi readers,  


This is a button code of Facebook Share , Twitter and Google+1. I think no demo need because u can see in above photo how it looks. I don't know how you use, its up to you . I'm posting this because many of need individual button code .

Facebook Share Button Code

<!-- Facebook share button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='float:right;padding:5px 5px 5px 5px;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
</div>
</b:if>
<!-- Facebook share button End -->

Twitter Tweet Button Code

<!-- Twitter tweet button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='text-align:right;padding:5px 5px 5px 5px;'>
<a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='o2tricks' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>
<!-- Twitter tweet button End -->

Google +1 Button Code

<!-- Google +1 button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='float:right;padding:5px 5px 5px 5px;'>
<g:plusone expr:href="data:post.url" size="tall" annotation="bubble"></g:plusone>
</div>
</b:if>
<!-- Google +1 button End -->

Live Demo :-



Don't forget to Subscribe . Share it , Like it , tweet it ...

Please give me your feedback in comment box, Don't be Silent reader's...

No comments:

Powered by Blogger.