How to Add Twitter Button to Blogger

How to Add Twitter Button to Blogger

How to Add Twitter Button to Blogger

How to add Twitter Button to blogger - Twitter is a social site that nowadays is considered as the most popular besides facebook. Many things associated with twitter are very interesting for the webmaster, including the installation of tweet button.

 

Installing the Tweet button is considered as the effective way to attract the visitors considering the millions twitter.com members. With the tweet button on the blog, then the blog visitors who likes your posts will easily to share it to their friends or their followers on twitter.

Add Twitter Button to Blogger

To install the tweet, just visit the twitter official sites at http://twitter.com/about/resources/tweetbutton. However, there are some that needs to change on the tweet installation on the blogger posts so it will cause some difficulties for the beginner. in order to easier, there’s a specific tool to generate the special Tweet button code for blogger as shown as below.

Please configuration according to your twitter account.

Demo:

Button Type:	Vertical Counter Button Horizontal Counter Button Button with No Count
Button Location:	Top Right of the Post Top Left of the Post Bottom Right of the Post Bottom Left of the Post
Syntax of the Tweet:	via @username RT @username
Your Twitter User Name
User name of Related Twitter account
Description of the Related Account
Language of the Button	English French German Spanish Japanese
Display	On Post pages only Everywhere Everywhere other than Static Pages

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style="float:right;padding:4px;"> <a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.url' expr:data-text=' data:post.title' data-related='Howtoinblogger:Tutorials and Widgets for Blogger' data-count='vertical' data-via='Howtoinblogger'  data-lang='en'></a> <b:if cond='data:post.isFirstPost'> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"> </script> </b:if> </div> </b:if>

Copy the generated code from tweet button for later to install to your template code.

The tweet button installation:

1. Please login to blogger with your ID
2. Click Design
   
   
3. Click Edit HTML tab
   
4. Please backup your template first then click Download Full Template
5. Check the small box next to Expand Widget Templates
   
6. Find the code <data:post.body/>
7. Paste the generated tweet button code just above the code <data:post.body/>
8. Click Save Template
9. Finish

If you didn't do any mistakes, then the Tweet button should be on your blog posts right now.

*** How to Add Twitter Button to Blogger