Ads Top

Add Facebook Send Button To Blogger 2013


Add Facebook Send Button To Blogger 2013

Whenever Bloggers post an article they want to spread that article like fire in the forest,the question is why the Do this?Because the more you get the views of the article the more popular your blog will be?And if you have a relationship with AdSense then it will help you to LOW the Page CTR.However due to high page-views your blog Alexa and Search result increases.On this purpose i am going to share Facebook Send button which will surely help your blog visitors to easily share any article of your Blog To Facebook.

Live Demo For Facebook Send Button

Check The Send Button Below The Live Streaming.

How To Add Facebook Send Button To Blogger

Installing Facebook Send Button is very easy,you just need to copy the below script and paste it before the below mentioned tag.
  • Sign in to your Blogger Account
  • Visit the Dashboard
  • Now Click On Template(Shown below)
  • Edit HTML
  • Now Proceed it
  • Check the Small Box "Expand Widget Templates"
  • Now Search For This Code <data:post.body/> by pressing CTRL+F.
  • Now Copy the below Script .
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-send" expr:data-href="data:blog.url"></div>
Now You have two Choices i.e where you want to add Facebook Send Button ? Either Above The Post or below the Post.

Adding Facebook Send Button Above The Blogger Post

For Adding the Send button above the Blogger Post Copy the above Script and paste it above <data:post.body/>.And hit save Template,that's it :)

Adding Facebook Send Button Below The Blogger Post

Now For Adding the Send Button Below the Blogger Post Copy the Above Code and paste it after <data:post.body/> , and hit save template that's it :)
Note:- Before Pasting Code into Template must take backup of your template(if you can,t take backup of Template Read This Article) .In Magazine Blogger Templates <data:post.body/> is present 2 or 3 times so paste the above code 2 and 3 times.

Conclusion

So What's Up? This was all about adding facebook send button to Blogger , if you have any funny question ask freely , we are here to answer you :)

No comments:

Categories

adsense adsense optimization adsense tips Animation Announcement Apps Background backlinks Basic blog Blog Design blogger Blogger Design Blogger Hack blogger pages blogger posts Blogger Security Blogger Special Tricks Blogger Templates Blogger Tips Blogger Tips & Tricks Blogger tools blogger tricks Blogger Widgets Blogger Widgets and plugins Blogging Basic Tips Blogging ethics Blogging tips Blogging Tools Blogging Tricks Btemplates 2013 Btemplates 2014 Bugs and Errors click bombing Comments css CSS and HTMLTricks CSS3 Cursors custom domain Design Drop Down Menu Earning Tips Editing emoticons Events Facebook Facebook tricks Featured Content Slider firebug Flash Free Coupons Free Recharge Gadget Generator Google Google AdSense Google Analytics Google Plus Google Plus Tricks Guest Posts Horizontal Menu How To HowTo Tuts HTML Image Image Effects Increase traffic instagram Interesting invalid clicks Java Script javascript jQuery Label labels Link Building Links LOGO Makers Make Money Make Money Online Marketing Menu bar menus Menus for Blogger Multi Tabbed Navigation navigation menu News Numbered Page Optimizing Other Tricks Page Photoshop Pop Out popular posts Post posts presentations Pure CSS Menu recent comments recent posts related posts Responsive Blogger Templates robots Rss Search box SEO SEO Strategy SEO Tips & Tricks sitemap Slide Show slideshows Social Media social media plugins statcounter static pages Style your Blog swf Tab Menu Template Template Designing Template Tricks Templates templates 2016 threaded comments Tips tools Traffic Tips Twitter Unlock modems Vertical bar Video Wallpapers Web Designing web hosting Webmaster Tools Widget Widget Generators Widgets wordpress WordPress Plugins WordPress Themes WordPress Tricks WP Tips
Powered by Blogger.