How To Add A Retweet Button With Counter In Blogger ?
Airfare Daily Deals eCigarettes Eyeglasses Hotels Jewelry Online Backup Online Dating Online Printing Online Tickets Skin Care Textbook Rentals Vitamins Web Hosting Weddings
Find thousands of shopping-related forums
SEARCH

How To Add A Retweet Button With Counter In Blogger ?

How To Add A Retweet Button With Counter In Blogger

Retweet is a button provided by Tweetmeme which helps us to tweet/share any post or content to twitter .

Remember that in this post , i am only going to tell you that how to show this retweet button in blogger posts ( blogspot) and this retweet will also contain a counter of tweets . Now if you want to add this retweet button inside the posts of a blogger blog , then just follow these simple steps :-

[1] First login to your blogger dashboard .

[2] Then , go to "Edit HTML" under the "Design" tab .

[3] After that , expand your widget templates .

[4] Then search for the code - <data:post.body/> by pressing [ CTRL + F ] .

[5] If you want to place the retweet button before the content of the post , then just paste the following codes right before - <data:post.body/> :-

<!-- Retweet Button By CrazyBlogWalker.TK -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div style='float:right;padding:5px 5px 5px 0;'>

<script type='text/javascript'>

tweetmeme_url = &#39;<data:post.url/>&#39;;

tweetmeme_style = &#39;BUTTON_TYPE&#39;;

tweetmeme_source = &#39;crazyblogwalker&#39;;

</script>

<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>

</div>

</b:if>

<!-- Retweet Button By CrazyBlogWalker.TK -->

And if you want to place the button at the end of the posts , then just place the above codes after - <data:post.body/> .

[6] Then save the changes of the template and you are done .

Configuration :- If you want to show this retweet button in the left side of the post , then just replace the whole code with this one :-

<!-- Retweet Button By CrazyBlogWalker.TK -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div style='float:left;padding:5px 5px 5px 0;'>

<script type='text/javascript'>

tweetmeme_url = &#39;<data:post.url/>&#39;;

tweetmeme_style = &#39;BUTTON_TYPE&#39;;

tweetmeme_source = &#39;crazyblogwalker&#39;;

</script>

<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>

</div>

</b:if>

<!-- Retweet Button By CrazyBlogWalker.TK -->

And , if your intention is to place this button only in the post pages but not in the homepage , then you have to add some extra codes to the original code , but don't worry because i have already modified it and now all you have to do is to place this new code :-

<!-- Retweet Button By CrazyBlogWalker.TK -->

<div class='post-body entry-content'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div style='float:left;padding:5px 5px 5px 0;'>

<script type='text/javascript'>

tweetmeme_url = &#39;<data:post.url/>&#39;;

tweetmeme_style = &#39;BUTTON_TYPE&#39;;

tweetmeme_source = &#39;crazyblogwalker&#39;;

</script>

<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>

</div>

</b:if>

</b:if>

</div>

<!-- Retweet Button By CrazyBlogWalker.TK -->

Need an answer?
Get insightful answers from community-recommended
experts
in Twitter on Knoji.
Would you recommend this author as an expert in Twitter?
You have 0 recommendations remaining to grant today.
Comments (0)
ARTICLE DETAILS
RELATED ARTICLES
ARTICLE KEYWORDS