Add Retweet Button On Blogger Post

Connect to social network is the best way to share your article, so that people will know what have you wrote recently. At this time, there have a way to get to know how popular your article about by adding social network button. One of popular social network button is “Retweet”, this button has been used by webmaster to help them count how popular the article is. The more visitor tweet, the more popular the article is. Bacially, retweet button can be vary depend on what style you want to use it. Today, I would teach you how to add retweet button into your blog.

• First think first, some of styles of retweet button can be found on http://tweetmeme.com/about/retweet_button. It is easy way to do that and of course we must to add script inside HTML code. But do not worry, as long as you follow my instruction, everything is done correctly. Ok, let’s begin

• Here you can choose two style of retweet button like button or compact style something like below:

                                                                 Compact             Button 

• Now, you must Log in to your Blogger account

• Choose Design> Edit Html element>Expand widget> Press Ctrl+F > Search for code below (Note: always backup your template before add or change anything).

           <data:post.body/>

• Copy and paste code below, just immediately place code before that something like below:

<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>
<data:post.body/>

If you want to place button at the end of post just simple Add below codes after this <data:post.body/>

<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>

If you wanna use compact button code use below one, the same above way whether you want to place in the beginning or at the end of post.

<script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

The red color above code that I bold one for float and margin can be changed. For example float:: right (will be displayed retweet on the right side) or float: left (will be displayed retweet on the left side). Once you have added the code above then save it. Good Luck