How Add Tweet Me (Twitter) Button To Each Blogger Post



How Add Tweet Me Button To Each Blogger Post,as you would have been using this twitter for sure as twitter now has gain much popularity nowadays with increase in its users and a great source of traffic for bloggers.As me too has started using it a lot and i am loving it,its really feel great when see your followers increasing.You can follow me here on twitter.

So today i will tell you on how to add tweet your post button in each blogger post.As i have previoulsy placed a tutorial on on how to add retweet button to each blogger post.And there one of the reader comment asked me to to have button not showing count,so i thought of holding post for him.



Login to your blogger.Then got To Its Layout > Edit Html > Expand Widgets

Search for this line <data:post.body/>

After finding it,Just add the below codes after it:-


<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @twitter_username " + data:post.url' title='Tweet it on Twitter'><img src='http://Link_to_twitter_image'/></a>


Now just replace the red codes above with your twitter username and image link of twitter uploaded on your server.

Now save your template and you will be able to see tweet me button below each blogger post which can be tweeted by your readers.

22 comments:

moustafa said...

wonderful blog

comment on mine and try the traffic system

www.theway2profits.blogspot.com

raj said...

well i m trying to add stumble upon button to my each blog post but getting error message

i tried the code after writing data:post.body and also tried deleting this code and writing after it but no help

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type "img" must be followed by either attribute specifications, ">" or "/>".

please help me out at your earliest

raj said...

well this trick did not work for me only image came and nothing more, i added my twitter username on red letters and my image url in img src but did not get any success, what could be the problem. reply soon

www.webprogrammingscripts.blogspot.com

Anshul said...

@raj this tweet button is working i checked again as you said but still if you not able to add just use latest tweet butons used now a days as its older form of using tweet me Get it from here

And now about stumbleupon button use below codes for it they will work.

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Stumble Upon'>Share On Stumble</a>

Twitter Buttons said...

If you have twitter account and would like to add more followers, you should embed the follow me button to your blog.

Exclusiv Muzic l Hottest Hip Hop, Reggaeto, R&amp;B &amp; Latin said...

I cant find the code, there is not such a code on my theme -_- !
help please ?

Anshul said...

Its impossible. You have forgot to expand your codes and then find.

Tomaz said...

Hi Anshul. Long time no see!
Well, I need your advice on retweet button.
I have 10 posts with "read more" enabled posts on every page of my blog. AFter adding retweet button code to my template, button appears on front page on all my 10 posts. Is there a way to get it done, so that retweet button would appear only on each post after visiting full post (after clicking "read more")
Here is how it currently looks this on my blog. www.pcterritory.net.

thanks

thanks

Anshul said...

@tomaz just use the twitter codes in between below codes and use them.Then it will show up only as you want.

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<--- twitter codes here ----->


</b:if>

Tomaz said...

@Anshul
It works now. But now retweet button appears at the end of the post in footer and not at the beginning on top.
Any suggestion?

Meor Shahidi said...

Hi anshul,thank you for a sharing.I also have same problem with Tomaz.Now I get a solution about that.Have a nice day!

Anshul said...

@tomaz just add codes before the code you find instead after it to make it show at top.

The Cup said...

Hey Anshul, thanks for the template.

My twitter icon ends up in strange places instead of always at the bottom of the post (sometimes on the side if I insert an image)....Is there a solution to this.

Thanks!

Anshul said...

@the cup just use this tag <br/> before the code i told u to place in tutorial.

The Cup said...

Thanks! :)

Also, How can you change the date post widget to be on the other side of the post?....and with a different icon?

The Cup said...

Thanks!:)

Also, how to you get the Post date icon to display on the other side of the post so that it doesn't effect the layout....and how do you change the icon?

Anshul said...

@ the cup layout is complex use as it is will,be good .Possible is everyhting but u will get messed up doing it.

Not A Paper Cup said...

ok, thanks Anshul. But in that case, would you be able to tell me how to remove it from the blogposts??....

thanks again in advance:)

Anshul said...

@Not just remove this image link to remov date icon
http://2.bp.blogspot.com/_j82W7u9kZbs/SywtGvlFNpI/AAAAAAAAAao/jO6vscdLAzc/s400/entry-date.gif

and to make it float right
find
#content .entry-meta
there is css property in it float:left; make it float:right;

Bettina Johnson said...

Thanks, I am so glad I found your instructions!!!

Diana Boston said...

Just thought I'd let you all know that Blogger has built in a share system so you don't have to fiddle with code.

Tiffany "Mariposa" said...

I need the "Link_to_twitter_image"! Can you help with that please!?

Post a Comment