How To Add A Retweet Button With Counter In Blogger ?
Auto Beauty Business Culture Dieting DIY Events Fashion Finance Food Freelancing Gardening Health Hobbies Home Internet Jobs Law Local Media Men's Health Mobile Nutrition Parenting Pets Pregnancy Products Psychology Real Estate Relationships Science Seniors Sports Technology Travel Wellness Women's Health

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 -->

Shopping tip: See today's most popular social networks promo codes and save money at popular retailers and brands. Score discounts at your favorite social networks stores with exclusive offers, site-wide discount codes, and single-use codes.
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
RELATED CATEGORIES
ARTICLE KEYWORDS