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.

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='allblogtrix' 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"

Horizontal

Vertical

None

4. Now Save your template your are done.


Cheers

Categories: Button , Widget