TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

How to add twitter share button with counter on your blog ? 1. Login to blogger with your ID 2. Click design 3. Click edit html 4.... nopict

How to Add Twitter Share Button with Counter in Blogger

How to add twitter share button with counter on your blog ?

1. Login to blogger with your ID

2. Click design

3. Click edit html

4. Click download full template

5. Tick expand widget template

6. Find code below :

<div class='post-header-line-1'/>

press (Ctrl+F) to easily find.

7. Copy twitter share button code and paste it just below the above code.

NOTE : If you can not find <div class='post-header-line-1'/> in your blogger template, paste your facebook share button code just before <data:post.body/>

Twitter share button type :


Code 1 - Vertical Count

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>


Code 2 - Horizontal Count

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>


Code 3 - No Count

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>

8. Click save template and done.

I suggest you to visit this page http://twitter.com/about/resources/tweetbutton to rich-modify script above.

There are no comments yet for 'How to Add Twitter Share Button with Counter in Blogger'