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>Now You have two Choices i.e where you want to add Facebook Send Button ? Either Above The Post or below the Post.
<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>
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 :)
0 comments:
Post a Comment