http://www.problogtricks.com/2013/08/add-blogthis-feature-to-my-blogger-blog.html
Blogger is one of most popular Blogging platforms.Millions of bloggers initiate their blogging journey using blogger.Social networks play an important role in socializing each sites.Before some years ago Blogger has introduced official social sharing button set.It contains a new feature called "Blog This!" with an orange color button.Readers can share blog posts which include BlogThis! feature through blogger. BlogThis! is not only a sharing item,it is an easy method to build backlinks without an effort.You can get Blog this option to your browser by installing Google toolbar.
What is BlogThis! ?
BlogThis! is an easy way to make a blog post without visiting blogger.com. Once you add the BlogThis! link to your browser's toolbar, blogging will be a snap. Or rather, a click. Clicking BlogThis! creates a mini-interface to Blogger prepopulated with a link to the web page you are visiting, as well as any text you have highlighted on that page. Add additional text if you wish and then publish or post from within BlogThis!
There are two ways to use BlogThis!: if you use Windows and Internet Explorer, you can use BlogThis! from the SendTo feature of the Google Toolbar. If you're on another browser, just drag the link below to your browser's Link bar. Then, whenever the mood strikes, click BlogThis! to post to your blog:
How to Add BlogThis! Feature to Blogger blogs
You can add Blogthis! sharing item to your blogger blog easily.If you want to display it on every post,Follow below few steps respectively.
Step 1: Sign in to your Blogger account.
Step 2: Go to Dashboard >> Template >> Edit HTML.
Step 3: Find below code in your template.
<data:post.body/>
Step 4: Now paste below code just below/after of above code( Display BlogThis! feature bottom of every post page) or before/above of above code ( Display BlogThis! feature just below of post title in post pages ).
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left;margin-left:12px;'>
<a href="javascript:popw='';Q='';x=document;y=window;if(x.selection) {Q=x.selection.createRange().text;} else if (y.getSelection) {Q=y.getSelection();} else if (x.getSelection) {Q=x.getSelection();}popw = y.open('http://www.blogger.com/blog_this.pyra?t=' + escape(Q) + '&u=' + escape(location.href) + '&n=' + escape(document.title),'bloggerForm','scrollbars=no,width=475,height=300,top=175,left=75,status=yes,resizable=yes');if (!document.all) T = setTimeout('popw.focus()',50);void(0);">BlogThis!</a>
</div>
</b:if>
- By default BlogThis! link will appear in the left side of blog.If you want to display it in the right side,replace left with right.
- To display BlogThis! in homepage and static pages,remove above highlighted two lines.
- You can add an icon or image instead of BlogThis! text.Look at below code which display an image instead of text.
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left;margin-left:12px;'>
<a href="javascript:popw='';Q='';x=document;y=window;if(x.selection) {Q=x.selection.createRange().text;} else if (y.getSelection) {Q=y.getSelection();} else if (x.getSelection) {Q=x.getSelection();}popw = y.open('http://www.blogger.com/blog_this.pyra?t=' + escape(Q) + '&u=' + escape(location.href) + '&n=' + escape(document.title),'bloggerForm','scrollbars=no,width=475,height=300,top=175,left=75,status=yes,resizable=yes');if (!document.all) T = setTimeout('popw.focus()',50);void(0);"><img src="Image-URL" title="Blogthis!" /></a>
</div>
</b:if>
Step 5: Save your Template.
You're done.View your blog and see that BlogThis! sharing item is working fine on your blog.If you found any error,just leave a comment below to know me.