How to add Facebook widget in blog
For inserting a Facebook Like Page widget in your blogs. You need to do first of all copy below code.2. Go to the Layout.3. Click on Add the Widget.
4. Paste the code.
5. Save
Note: Before adding a widget change yellow text with your own page address.
<div id="sneeit-blogger-fb-root"></div>
<div id="fb-root"></div>
<script>
/*page-url-s*/var pageUrl = 'https://www.facebook.com/pakzonesite/';/*page-url-e*/
/*page-name-s*/var pageName = 'Pak Zone';/*page-name-e*/
/*data-width-s*/var dataWidth = 210;/*data-width-e*/
/*data-height-s*/var dataHeight = 100;/*data-height-e*/
/*data-header-s*/var dataSmallHeader = false;/*data-header-e*/
/*data-adapt-s*/var dataAdaptContainerWidth = false;/*data-adapt-e*/
/*data-cover-s*/var dataHideCover = false;/*data-cover-e*/
/*data-face-s*/var dataShowFacePile = true;/*data-face-e*/
/*data-tabs-s*/var dataTabs = 'timeline';/*data-tabs-e*/
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
/*appId-s*/var appId = '403849583055028';/*appId-e*/
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.6&appId="+appId;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
var parent_width = document.getElementById("sneeit-blogger-fb-root").offsetWidth;
if (parent_width > 0 && dataAdaptContainerWidth) {
dataWidth = parent_width;
}
document.write('<div class="fb-page" data-href="'+pageUrl+'" data-tabs="'+dataTabs+'" data-width="'+dataWidth+'" data-height="'+dataHeight+'" data-small-header="'+dataSmallHeader+'" data-adapt-container-width="'+dataAdaptContainerWidth+'" data-hide-cover="'+dataHideCover+'" data-show-facepile="'+dataShowFacePile+'"><blockquote cite="'+pageUrl+'" class="fb-xfbml-parse-ignore"><a href="'+pageUrl+'">'+pageName+'</a></blockquote></div>');
</script>
If you need any help email me.
