Facebook like box- Social Plugin -Embed like button


It is a very easy to get a like button on your blogger site 



You just need to follow few given step , That all !
  • First go to this link  https://developers.facebook.com/docs/plugins/embedded-posts 
  • goto your facebook page and copy the link and paste it on  under the "Facebook Page URL" 
  • then you can see the DEMO of page . how it will looks like on your web/blogger page (see the given below picture ;-

Facebook Page URL























  • scroll down click on "GET CODE"
Get Code





















  • when you see code like this on picture  : JavaScrips   

JAVA Script




















  • Copy the scrip and go to Blogger /Dashboard/Layout/ add Gadget

Blogger Layout























  •      add  HTML/JavaScript and paste JAVAScript code copied from Facebook Development page  ( Step 2: Include the JavaScript SDK on your page once, ideally right after the opening <body> tag. And   Step 3: Place this code wherever you want the plugin to appear on your page.
  • nclude the JavaScript SDK on your page once, ideally right after the opening <body> tag.
  • <div id="fb-root"></div>
  • <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.6";
  •   fjs.parentNode.insertBefore(js, fjs);
  • }(document, 'script', 'facebook-jssdk'));</script> 
<div class="fb-page" data-href="https://www.facebook.com/ICT-Bridge-306626879674869/" data-tabs="timeline" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/ICT-Bridge-306626879674869/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/ICT-Bridge-306626879674869/">ICT Bridge</a></blockquote></div>

Configure HTML/JAVAScript
















  • Save it. and click on "Save Arrangement"  
  • view your blogger 
Final view of Facebook like page on your blog-spot 















Congratulation ! YOU HAVE DONE IT. 

Please let me know if you have any confusion !







Comments

Popular posts from this blog

विश्वभर इन्टरनेट सेवा दिँदै स्टारलिंक

आफ्नो मोबाइल दर्ता भए/नभएको यसरी थाहा पाउनुस्, अनलाइनबाटै कसरी दिने दर्ता आवेदन ?

How do I download or save a YouTube video to my computer?