How to Add Retweet to your Blogger Site blogspot.com

 

HOW TO ADD REWEET TO YOUR BLOGSPOT.COM

If you have a blogger site or any website, it's absolutely essential you have social media bookmarks on it. The days of just focusing on search engine optimization for Google are long over. With the likes of Facebook and Twitter, website owners have another treasure trove of abundant traffic they can tap into. The beauty with tweets is any person who likes your content can pass it on to his or her network of followers on twitter, who in turn, they themselves may pass it on to theirs. So with just one person, you can have your content exposed to a wide array of people who may not have otherwise come into contact with your content.

In this tutorial, I'm going to show you how you can get the tweet or retweet button on your blogger site. There's also going to be two options of style you can choose from in this tutorial. The first one is the compact version of retweet, which is the version I'm using. The second code below shows the default or full version.

For demo, look at the top left corner of this article and see the small tweet icon.

Here's how easy trick:

Login to your Blogger Dashboard.

Step 1: Click on Design Tab that's highlighted in Red

Step 2: Click on Edit HTML Tab that's highlighted in Green

Step 3: Check on "Expand Widget Templates" highlighted in blue.

Step 4:  Hold down Ctrl and then press the letter F on your keyboard for your browser's search box to appear

Step 5: In your browser's search box, search for "<div class='post-header-line-1'/>" then copy the code below/after, which will give you the compact version of "retweet"

<script type="text/javascript">

tweetmeme_style = 'compact';

tweetmeme_url = '<data:post.url/>';

</script>

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

Or if you don't like that version, you can have the full default version (see photo below) by placing the code after the "<div class='post-header-line-1'/>".

<script type="text/javascript">

tweetmeme_url = '<data:post.url/>';

</script>

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