Site Navigation

Like what you read? Share for your friends!

Facebook presence is very critical to improve traffic and user engagement. Usually referral traffic has lesser bounce rate and that will help to reduce the total bounce rate of the website / blogspot blog. Here is an easy way to have a Facebook Timeline On Your Blogspot Blog.

timeline facebook on blogger
Timeline FB


If you are in very new in blogging, you may have to go through some steps to add FB timeline to your blog.


Step 1. Go to 11 Facebook Share Buttons And Plugins for Blogger Post and follow the steps correctly.

1.1 You have to add Facebook og Metadata to blog template
1.2 Verify the Meta Tags Added in the Blogger Template
1.3 Then add Add Facebook JavaScript SDK To Blog-spot Blog

Step 2: Go to Add Facebook Page Plugin to BlogSpot Blog Template

Page plugin was introduced by Facebook after scrapping like box. However they both are same in functions. What we are gonna do is to introduce a code to the existing script.

Copy the below code and change the red colored "https://www.facebook.com/shipmethis" to your page URL.

<div class="fb-page" data-href="https://www.facebook.com/shipmethis" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/shipmethis" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/shipmethis">Ship Me This</a></blockquote></div>

Step 3: Go to Blogger
3.1. Select Layout
3.2 Select Add a Gadget
3.3 Select HTML/JavaScriptAdd [This will allow you to add third-party such as Facebook script and code for timeline to your blog]
3.4 Paste the code in the box
3.5 Save


Easy Way To Put Facebook Timeline On Your Blogspot Blog


If you are finding any difficulties in copying and pasting codes, just copy the following codes and paste it in the HTML/Javascript gadget box and save it.

Don't forget to change the red colored "https://www.facebook.com/shipmethis" to your page URL.

<div class="fb-page" data-href="https://www.facebook.com/shipmethis" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/shipmethis" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/shipmethis">Ship Me This</a></blockquote></div><div id='fb-root'/> <script> /* <![CDATA[ */ (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/sdk.js#xfbml=1&version=v2.9"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); /* ]]> */ </script>

Share the post if you like this.


Comments || >

Subscribe via Email

Don't Miss Any Updates, Stay Connected!.

We respect your privacy and will never share your email address with any person or organisation.