August 12, 2011

How to Add Official Tweet Button to Blog


Hi`guys` do you want to add the official Tweet Button of your blog post, here's how.

How to Add Official Tweet Button to Blog

1.Login to your blogger dashboard--> desing- -> Edit HTML

2.Scroll down to where you see <div class='post-header-line-1'/> tag.

3.Copy below code and paste it just before the <div class='post-header-line-1'/> tag.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='align:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-via='bloggertricksandtoolz' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if>
</div>

Note: to change button style, change "horizontal" to "vertical" or "none".





vertical



horizontal



none

to change via twitter account, change "Tipsntricks" to your preferred Twitter account.

4. Now Save your template your are done.


Cheers





No comments:

Post a Comment