Add Tweet Button to Blogger Posts



Today i am going to share a very simple but an important one that almost everyone want to have in their posts.In this one i will show you how to add the official Twitter tweet button to each Blogger post.This button will let people share your posts without leaving your blog.The twitter have made it now more beautiful and still available in both vertical and horizontal styles with one more button added that is without count.Check the three buttons available in picture.
Now let’s install these buttons to your blogger blog.
Go to Dashboard > Design > Edit HTML.
Now expand the widgets codes by chekcmark it.Press Ctrl+F and find for below code in blogger

<data:post.body/>

Paste the button code immediately below (after) that line

Vertical Button







<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:10px;'>

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="TWITTER-USERNAME">Tweet</a>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

</div>

</b:if>



Compact Button
 






<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:10px;'>

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="TWITTER-USERNAME">Tweet</a>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

</div>

</b:if>



Button Without Count








<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:10px;'>

<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="TWITTER-USERNAME">Tweet</a>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

</div>

</b:if>



1.Use the green starting and end lines only if you want to show buttons only on your post page else remove it.
2.Enter your TWITTER-USERNAME written in bold yellow to show its shared via you if not want remove bold text.
3.Some portion is marked red.Its just simple css to postion your button.Make it float left or right where you want and margin also from left or right of the post.

2 comments :

Dodie Herrmann said...

I appreciate the help. However, this tweets the URL for the entire blog, not individual posts, which is what I am looking to do. Can I do that? Thanks

website design said...

Thank you for sharing excellent information. Your site is very cool. I am impressed by the details that you have on this website. It reveals how nicely you understand this subject. Bookmarked this web page, will come back for more articles.
website design

Post a Comment