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:
wonderful blog
comment on mine and try the traffic system
www.theway2profits.blogspot.com
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
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
@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='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Stumble Upon'>Share On Stumble</a>
If you have twitter account and would like to add more followers, you should embed the follow me button to your blog.
I cant find the code, there is not such a code on my theme -_- !
help please ?
Its impossible. You have forgot to expand your codes and then find.
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
@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 != "item"'>
<--- twitter codes here ----->
</b:if>
@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?
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!
@tomaz just add codes before the code you find instead after it to make it show at top.
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!
@the cup just use this tag <br/> before the code i told u to place in tutorial.
Thanks! :)
Also, How can you change the date post widget to be on the other side of the post?....and with a different icon?
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?
@ the cup layout is complex use as it is will,be good .Possible is everyhting but u will get messed up doing it.
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:)
@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;
Thanks, I am so glad I found your instructions!!!
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.
I need the "Link_to_twitter_image"! Can you help with that please!?
Post a Comment