Tweet This - Text Link for Blogger

Tweet This Text Link for Blogger

The Official Twitter Tweet Button has 3 default styles(2 of them with a counter and one without) . The Button works with JavaScript and is not fully Customizable.This post is for all those who want to customize, the tweet button and change it into a simple Text link. The output will be a simple HTML link with all the features if the Tweet Button(excluding the count)

How to add the Tweet This Text Link to Blogger?

1. Login to your Blogger Dashboard and Navigate to Design > Edit HTML
2. Click on the Check box which says “Expand Widget Templates”
3. Now Look for

<data:post.body/>

and immediately after that line paste the following code(Edit the code if needed)

<a expr:href='&quot;http://twitter.com/share?text=&quot; +data:post.title+ &quot;&amp;url=&quot; + data:post.canonicalUrl + &quot;&amp;via=twitter&amp;related=bloggerplugins:Widgets and Tutorials for Blogger&quot;' style='float: left; background: url(http://lh5.ggpht.com/_u4gySN2ZgqE/TGeItpz_KFI/AAAAAAAABmE/HrzGzh8nvTk/tweetbutton[3].png) left no-repeat; padding-left: 20px;' title='Share on Twitter' rel='nofollow' target='_blank' >Tweet This</a>

Save the Template and you should see a Tweet This link below each of your posts like this

Tweet This

Optional Edits

1. You can edit via=twitter with your twitter user name. So if your twitter username is john, then change via=twitter to via=john

2. You can also edit related=bloggerplugins:Widgets and Tutorials for Blogger .You can replace bloggerplugins with a twitter handle that you would like to recommend. You can replace Widgets and Tutorials for Blogger with a description of the recommended account

3. You can also edit Tweet This with the text you want  to see on the link

20 comments :

  1. not useful feature. Original java Twittbutton is better

    ReplyDelete
  2. Your article was really well written and easy to follow. I think that a lot of other people would find this article super useful.

    ReplyDelete
  3. cool! Thanks for the info! Very helpful!

    ReplyDelete
  4. how would one create the same thing that you have the top of your posts -- the two boxes with counters -- in each post in blogger (at the bottom preferably)?

    ReplyDelete
  5. very very very good

    ReplyDelete
  6. thx man,your article help me alot on blogging since im newbie on blogging....thx a lot..

    ReplyDelete
  7. Awesome! this worked for my blog! with a little tweak in the background image and text it worked customized to my liking! thanks!

    ReplyDelete