Adding Tweet Button to your Blogger and Website

After reading an article by Woork, I added Tweet this to my bloggers. The article was simple but I thought I could add a little bit more details here.

Open your blogger and go to Layout.
Click Edit HTML then tick a box next to Expand Widget Templates.
Then find a line

<div class="post-footer-line post-footer-line-1">

Then after this line add the following line.

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

Then add CSS just before the line.

]]></b:skin>

I add the following css to mine.

tweetmeme {
    width: 70px;
    height: 75px;
    float: left;
}

For your normal website, you can use the following code where you want to add Tweetmeme.

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

You can find an Official documentation.

Related Posts :