random
1

How To Customize Facebook Page Plugin for Bloger Blog Or Websites

The older version of Facebook like box always carried out Facebook branding out but you know new Facebook Page like box plugin is much and much better as it comes without any Facebook branding. That new Facebook like box plugin allows you to show caver photo of your Facebook Fan Page to show inside the like box. You can even add any “Call to Action” button like Contact Us, Sign Up to drive people from Facebook to your email newsletter.Now  you can attach styles to .fb-page. Here is the code for you.


Write Your Post In Your Native Language In Blogger Blog


Step No. 01:
Go To Your Blogger Dashboard.

Step No. 02:
Select "Layout" From Blogger Dashboard.
How To Customize Facebook Page Plugin for Bloger Blog Or Websites
How To Customize Facebook Page Plugin for Bloger Blog Or Websites

Step No. 03:
Now Choose "Add  Gadget" Option.

Step No. 04:
Just Select "HTML/JavaScript".
How To Customize Facebook Page Plugin for Bloger Blog Or Websites
Add captionHow To Customize Facebook Page Plugin for Bloger Blog Or Websites

Step No. 04:
And Copy The Below Code And Paste In To It.

  • /*--- Start Pak Blogz Facebook Page Plugin Widget --- */ 

  •     <div class="fb-page" 
  •          data-href="https://www.facebook.com/ShoutedBlog"  
  •          data-small-header="false"  
  •          data-hide-cover="false"    
  •          data-show-facepile="true"  
  •          data-show-posts="false">
  •     </div>
  •      
  •     <div id="fb-root"></div>
  •      
  •     <style>
  •      
  •       .fb-page, .fb-page:before, .fb-page:after {
  •         border: 1px solid #ccc;
  •       }
  •      
  •       .fb-page:before, .fb-page:after {
  •         content: "";
  •         position: absolute;
  •         bottom: -3px;
  •         left: 2px;
  •         right: 2px;
  •         height: 1px;
  •         border-top: none
  •       }
  •       
  •       .fb-page:after {
  •         left: 4px;
  •         right: 4px;
  •         bottom: -5px;
  •         box-shadow: 0 0 2px #ccc
  •       }
  •     </style>
  •      
  •     <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/sdk.js#xfbml=1&version=v2.4";
  •         fjs.parentNode.insertBefore(js, fjs);
  •       }(document, 'script', 'facebook-jssdk'));
  •     </script>

  • /*--- End Pak Blogz Facebook Page Plugin Widget--- */ 

Step No. 05:
Save Your Gadget.

Customization

Don't Forget To Replace Blue Highlighted Color Text With Your Own Facebook Page URL.
You Can See Some CSS Style Feature In Your New Facebook Like Box Plugin.

How To Customize Facebook Page Plugin for Bloger Blog Or Websites Reviewed by Ghulam Haider on 01:48:00 Rating: 5

No comments:

All Rights Reserved by Shouted Blog © 2014 - 2015
Designed by Ghulam Haider

Contact Form

Name

Email *

Message *

Powered by Blogger.