Site Navigation

Like what you read? Share for your friends!

Facebook developers don't like the "Like box" and they are dumping it in the backyard of fb. The New "Page Plugin" has arrived. But users are having lot of issues in installing the Page plugin in Blogger templates.

First Method: How To Page Plugin Button Social Plugin Code from Facebook

Go to All 11 Facebook Social Share Plugins For Blogspot Blog and follow the steps correctly. After that do the following steps.

Go to FB developers Page Plugin plugin page.

FB developers Page plugin page
FB developers Page plugin page

You can paste your Page URL in the box. 

Select Get code. 

You will get a code like the below;

<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>

Copy the HTML code and not the JavaScript.

Second Method: How To Get Page Plugin Box To Blogger Without Timeline

Go to All 11 Facebook Social Share Plugins For Blogspot Blog and follow the steps correctly. After that do the following steps.

CSS code to copy

/*---Name:Ship Me This Url: http://www.shipmethis.com/2017/04/all-social-plugins-blogger.html --- */ .shipmethis {font-size: 12px;}

Where to Paste the Copied Code

Paste the below CSS before skin code  ]]></b:skin>
You can use CTRL+F to find the code.

HTML code to copy

<div class="fb-page" data-href="https://www.facebook.com/shipmethis" data-width="282" data-height="132" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/shipmethis"><a href="https://www.facebook.com/shipmethis">Ship me this</a></blockquote></div></div>
Just replace the colored code with your information.
You can change width and height of the widget accordingly.

Where to Paste the Copied Code

Paste the HTML codes in a HTML gadget. You can get a new HTML gadget by going to Blogger > Layout > Add a Gadget > HTML/JavaScript

HTML add a gadget in layout of blogger
Click the plus button
Save the Layout.

Hope this post helps. Please Subscribe to the Ship Me 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.