How To Add Retweet Button Just Below The Post Title of Blogger Site

Twitter is very popular & powerful social marketing site in the cyber world. Now a day, the blog’s owner are desperately trying to spread their content links or page links all over the internet. As most of the tech-related people come in Twitter; it is easy to make a people to click on a tweeted link in order to drive these towards your website or blog.

I think adding a Retweet button in above your post content or just right side or below of the post title can increase the rate of the Retweeting drastically.

Now I will give you an easy solution to add the retweet button in below of your blogger post title. As in blogspot or Blogger site there is no way to use plugin like wordpress, I can teach you a hacks that can easily be done. Download your existing template before applying any hacks on your blog.

• Firstly Open Your Blogger Dashboard and Go to your desire Blog where you want to add the retweet button.

• Click on the “Edit Html” tab. Your template’s HTML will be opened.

• Now click on the “Expand Widget Templates” to open all of the codes.

• Find the <div class=’post-header-line-1′/> .

• Now Copy the code below:

<div style=”float:right;padding:4px;”>

<script>

tweetmeme_style = ‘compact’;

tweetmeme_url = ‘<data:post.url/>’;

tweetmeme_source = ‘shamimnasir’;

</script>

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

</div>

• Paste this code just below the tag <div class=’post-header-line-1′/>  in your template.

• Change the Tweetmeme source name ‘shamimnasir’ from the code by placing your twitter username.

• Save the template.

• You are done!

Notes : If you  have any trouble to find the <div class=’post-header-line-1′/>  code from your template; you can try to find this tag <data:post.body/> . Press CTRL + F from your keyboard to open the search box and type “data:post.body” on the search box. A colored text will take you on a thing which is exactly you were searching for. Now copy the codes of No. 5 (See above) and paste it just above the <data:post.body/> tag. It’s done!

If you feel any problem to do the hacks still now, just leave comments below with details of your problem. I will try my best to assist you.



Related posts:

1. How To Place Google Adsense Ad Below The Post Title of Blogger/Blogspot Blog?
2. How to Create Expandable Post By Using “Read More” Option at Blogger (Blogspot)
3. Why Attractive Post Title Is Important?
4. Google’s +1 Button | How to Use It on Your Site & the Benefit of It
5. SEO For A Post | Steps That Every Blogger Should Know
6. How To Use HTML Alt Tag in Image of Blogger (Blogspot) Blog?

Tagged as: hacks, smm. blogger