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='' rel='nofollow'>Tweet</a>
<b:if cond='data:post.isFirstPost'>
<script src='' type='text/javascript'>

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




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

4. Now Save your template your are done.


No comments:

Post a Comment