|
|
|
Twitter is one of the fastest growing social networks in the recent days. Many feel it drives a lot of traffic to their blog, especially when they have a large number of followers. We should some how use this twitter to improve traffic to our blog. So, how are we going to do that? Simple, just by adding a "Tweet This" link to our blogger posts. There are certain blogs that include Tweet this in the footer of their posts, that is, at the end of the post as a social bookmarking icon. But I recommend you to place it at the top, next to the title of your post.
This post basically explains, how to add tweet this and also a retweet button to blogger posts. Many blogs have links only for "Tweet this" but not for "ReTweet". This post includes both Tweet and ReTweet option, there by, driving more traffic to your blog and making your posts more effective. This service is provided by Tweetmeme. Check the official page by clicking on the link here: Tweetmeme. The final output after installation will generate a button as shown in the picture. Fine. Enough of bla bla bla.. Let us get in to our work. Follow these steps.
1. Login to your dashboard. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.
2. Now, expand your template, that is, make sure that you have a tick mark in that "Expand Widget Template". Now, do a search using "CTRL+F" for the following line, if you want to show the button below the title of your post:
<div class='post-header-line-1'>
Else, search for the following piece of code to add the button at the right end of your blog posts.<div class='post-body entry-content'>
3. Paste the following piece of code just after the above line(either below the title or embedded with your blog posts).<div style='float:right; margin-left:14px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Click here to subscribe to FREE email updates from "Everything About Blogging", so that you do not miss out anything that can be valuable to you and your blog!
Here I'm again. Be the first here. Thanks for the tips bro! I'll try it :)
REPLYI agree with putting it at the top. Great idea. Thanks for the tip.
REPLY@Ani-ModernEcho: Yes! It simply increases the chances of tweet or Retweet! Enjoy blogging!!
REPLYThanks for the tips, will try and implement tonight. - DJ Emir Mixtapes
REPLY@DJ Emir: You are welcome!! Let me know once you successfully implement this trick!
REPLYThanks so much - I tried other people's code and it didn't work. Yours did and your installation instructions were spot on! Cheers!
REPLYhttp://tensecondsaday.blogspot.com
@Cascade Lily: Thanks! I try these codes personally before I post them. So, I don't think any one will have problem. Check out the other blogger hacks too!!
REPLYThanks for the wonderful tip man...
REPLYBlogging Tips-Tricks and Tutorials
Yes, thank you! This is the only code that has made any sense. Awesome. Awesome. Awesome.
REPLYhttp://theinternethatesyou2.blogspot.com
I just finished adding your widget to my three blogs. Thanks for the code and instructions.
REPLYhttp://www.allpurposeguru.com
http://grace.allpurposeguru.com
http://music.allpurposeguru.com
Yes i have already done this and have seen a marked improvement in my traffic.This makes you posts go viral.
REPLYVery useful, just added to my blog at http://tshirtstrategy.blogspot.com - thanks for the tip..
REPLYThanks Mukund for this - been looking for this particular Twitter plugin.
REPLYI hope I can incorporate it into my blog.
Much thanks.
+Faith
Hi, Thanks for such useful tips. I have implemented it in my blog:
REPLYhttp://about-dog-breeds.blogspot.com/
And it is looking good. Now I wish some people might use this button too :)
Yeah! Checked out your blog about dog breeds. Pretty good. But, make sure that the loading time for your blog is pretty quick because it took a lot of time to load with my net connection. Especially, the header picture...
REPLYI've add the tweet button!Thanks a lot!
REPLYThanks for ur support my blog really ahead.And my traffic is also increased at some part You know one thing iam waiting for ur next post just like waiting for my fav. hero picture.
REPLY@Mohiddin: You just need not wait for it. Please subscribe and you will know when I post. Thanks a lot for your support.
REPLYThanks I have added it to mine but every time I make a post the text and images are all misaligned -- any suggestions?
REPLYAlso, how do you get it to show up in your feed for google reader?
thanks again, this site is great!
How can I put a code to tweet a piece of text, like the first 100 characters, and not the title, and the URL in a blog?
REPLY@Bitchylife: Can you be more specific about what you want? Because I am not able to understand what you want exactly, so be a little bit more precise..
REPLYKatie: Glad to know that, these icons are working perfect in your blog. Hmmm.. I think you have to manually adjust the images and text all the time since I myself have that problem of aligning. Blogger(Google) should take a note of it!!
REPLYExcellent! It helped me in adding to my blog. Very clear and simple explanation.
REPLYVery good tip, been searcing for something that was simple and easy. Everything else was messing with my blog, this one actually works!
REPLYMany thanks
Thanks man, was searching for ages to be able to do this, look great on my blog www.webtvunleashed.co.cc
REPLY@cbizzy: Yeah!! Thanks! Definitely, looks great on your blog. Checked it out!!
REPLYYOU ROCK! That was so simple! Thanks so much!
REPLYthanx a million for the tip. truly awesome!
REPLYhttp://www.imisioluwa.blogspot.com
Worked great!!
REPLYSex, relationships, comedy (incl vaginas with teeth) and more all at www.yourloudspeaker.blogspot.com.
hey, how to remove this ? I can't find the html code of the button ... I try to find the div class='post-header-line-1' and the others but I can't find it ! Please help me ... just e-mail me : adi_rootbeer [at] yahoo [dot] co [dot] id
REPLY@Adi: I have mailed you as per your request. Check your inbox!!!
REPLYthanks a lot man i almost gave up when i found this
REPLY@Jerrin: You are always welcome! I hope you find some more useful tips in my site!! Thanks for the comment!
REPLYthanks SO much! added it to my blog :) by far best tute on adding the tweet this button. i had to retweet this post to share how awesome it is!
REPLY@thesydneygirl: Thanks for the comment and the tweet as well! I hope you enjoy the other tips too!! I hope to see your comments more often on my blog!! Subscribe to the blog so that you don't miss anything related to blogging!!!
REPLYthanks a lot man i almost gave up when i found this
REPLYVery good tip, been searcing for something that was simple and easy. Everything else was messing with my blog, this one actually works!
REPLYMany thanks
I've add the tweet button!Thanks a lot!
REPLYHi, Thanks for such useful tips. I have implemented it in my blog:
REPLYhttp://about-dog-breeds.blogspot.com/
And it is looking good. Now I wish some people might use this button too :)
Very useful, just added to my blog at http://tshirtstrategy.blogspot.com - thanks for the tip..
REPLYYes i have already done this and have seen a marked improvement in my traffic.This makes you posts go viral.
REPLYI just finished adding your widget to my three blogs. Thanks for the code and instructions.
REPLYhttp://www.allpurposeguru.com
http://grace.allpurposeguru.com
http://music.allpurposeguru.com
Yes, thank you! This is the only code that has made any sense. Awesome. Awesome. Awesome.
REPLYhttp://theinternethatesyou2.blogspot.com
Thanks so much - I tried other people's code and it didn't work. Yours did and your installation instructions were spot on! Cheers!
REPLYhttp://tensecondsaday.blogspot.com
Thanks for the tips, will try and implement tonight. - DJ Emir Mixtapes
REPLYI agree with putting it at the top. Great idea. Thanks for the tip.
REPLYThat, my friend, was the best darn directions I have found since I started blogging a month ago. Thanks.
REPLY@Laurie Harrison: Thanks for the comment! I hope you enjoy such ready to use hacks on my blog!! Keep blogging!!!
REPLYAwesome! I've been looking for this forever. Very easy and works like a dream. :)
REPLY@Jemima Valentino: Thanks for the comment! Happy to know that it worked perfect for you!!
REPLYthanks this really helped
REPLY@Ace: Thanks for the comment! I hope you find more useful articles on my blog!!!
REPLYThanks a lot bro. nice post. tweet button is now shining in my blog :) here it is
REPLYhttp://how-to-blogger-blog.blogspot.com
@duke: Yup! I'm glad to see the retweet buttons working on your blog! Hope you enjoy the other tutorials on my blog too!
REPLYThanks a lot Mukund! Your tip was excellent. Kindly visit my Blog and give your discerning views on it. I am a self taught programmer and appreciate tips like this from professionals like you.
REPLY@Saras: Yup! Thanks for the comment Saras! Even, I'm a self-learner as far as blogging is concerned! Just connect with me on gtalk and I can share my views and tips with you:)
REPLYIs there a way to change the background color of the 'tweet' or 'retweet' text? It's green by default but I'd like to change it to the Twitter Blue or something like that because my background is green so it kind of blends in. Any ideas?
REPLYHi, I have tried to find both the pieces of code that are mentioned. But cannot find either. Is there any other way? I blog at http://suchismita-onthebrink.blogspot.in/. Would appeciate help. Thanks.
REPLYUse the tab below to comment. No spam please!!!
POST YOUR COMMENT