Create New Style Facebook Like Box+ Share Button Widget

Posted by Anonymous on

  Now I will discuss how to make Facebook page plugin by fan page like a box with share button widget on your blogger blog. This style is the latest updated. When you install this widget, of course, you need to edit your template after adding widget on-page element.

Create New Style Facebook Like Box+ Share Button Widget

Create Facebook Like Box For Blogger:

Now make a backup of your blogger template because if you have any wrong this template after edited, you can restore this. So click on Backup /Restore and download Full Template. Tutorial details.
  • Login your Blogger Dashboard click here 
  • Select your blog and click on right side bar 
  • Select "Template" on drop down menu
 Create Facebook Like Box For Blogger 

              Most Popular:
             * Add Animated Flying Twitter Bird On Blogger
             * Post Views/ Page Views Counter On BlogSpot Blog
             * Add Feedjit World Live Traffic/ Visitors Widget

Add Facebook Widget For Blogger Sidebar:

  • Click on 'Edit HTML' button
Add Facebook Widget For Blogger Sidebar
  • Click anywhere inside the code area and press the CTRL + F keys on your keyboard to open the Blogger' search box.
  • Write Search box then hit enter your keyboard and find this tag
<body>
  • Past the bellow JavaScript code after this tag then save template

Facebook Page Plugin JavaScript:

<div id="fb-root"></div>
<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.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>

Facebook Page Plugin JavaScript

              Best Widget:
                 * Add Flash Animated Label Tags Cloud Widget
                 * How To Add Total Preview Hit Counter Widget
                 * Add Multi Color Social Followers Widget on Blog

Add Facebook Widget To Blogger Layout:

  • Now go to 'Layout' on page element
Add Facebook Widget To Blogger Layout
Step 1:
A.   Click on "Add Gadget" in your Layout sidebar
B.   Choose "HTML/JvaScript" Gadget on popup window

Add Facebook Share Button To Blogger

 Step 2:
A.   Write widget name in "Title" box if you want
B.   Paste the bellow code in "Content" box

Add Facebook Share Button To Blogger

<div class="fb-page" data-href="https://www.facebook.com/help2blogging" data-width="300" data-height="300" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/help2blogging"><a href="https://www.facebook.com/help2blogging">Help2blogging</a></blockquote></div></div>

Customizing Facebook Like Box Widget Code:

Change help2blogging   red color code and replace your Facebook page name
  • Now click on "Save" button and enjoy your right choice.
  • That's all.
              Top Template:
                 * Fresh Blog Flat White Blogger Template Free Download
                 * Blue APK Software Style Blogger Template Free Download
                 * Elice Responsive Blogger Template free download
--------------------------------------------------------
If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team

Comments

Post a Comment