Login Create an Account

Facebook Like Box Widget for Blogger – Blogspot

The Facebook Like Box Widget for Blogger – Blogspot is a special version of the Facebook Fan Page Like Box, this widget is designed

Details Comments (6)

The Facebook Like Box Widget for Blogger – Blogspot is a special version of the Facebook Fan Page Like Box, this widget is designed only for Google Blogs. This widget is very useful for webmaster to allow their visitors promote their Blogger / Blogspot blog to Facebook Social Network.

11057178_955752887777717_1517751206_n[1]

Facebook Like Box for Blogger – Blogspot

<div id="sneeit-blogger-fb-root"></div>
<div id="fb-root"></div>
<script>
/*page-url-s*/var pageUrl = 'https://www.facebook.com/sneeitdotcom/';/*page-url-e*/
  /*page-name-s*/var pageName = 'Sneeit';/*page-name-e*/
  /*data-width-s*/var dataWidth = 300;/*data-width-e*/
  /*data-height-s*/var dataHeight = 70;/*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 = false;/*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>
<!-- 
BLOGGER-WIDGET-OPTIONS
"Facebook Page URL" : {
	"type" : "url", 
	"start" : "/*page-url-s*/var pageUrl = '",
	"default" : "https://www.facebook.com/sneeitdotcom/",
	"end" : "';/*page-url-e*/",
	"desc": "The URL of your Facebook Page"
},
"Facebook Page Name" : {
	"start" : "/*page-name-s*/var pageName = '",
	"default" : "Sneeit",
	"end" : "';/*page-name-e*/",
	"desc": "The name of your Facebook Page"
},
"Width" : {
	"type" : "number", 
	"start" : "/*data-width-s*/var dataWidth = ",
	"default" : 300,
	"end" : ";/*data-width-e*/",
	"desc": "The pixel width of the plugin. Min. is 180 & Max. is 500"
},
"Height" : {
	"type" : "number", 
	"start" : "/*data-height-s*/var dataHeight = ",
	"default" : 70,
	"end" : ";/*data-height-e*/",
	"desc": "The pixel height of the plugin. Min. is 70"
},
"Small Header" : {
	"type" : "checkbox", 
	"check" : true,
	"uncheck" : false,
	"start" : "/*data-header-s*/var dataSmallHeader = ",
	"default" : "false",
	"end" : ",/*data-header-e*/",
	"desc": "Use the small header instead"
},
"Adapt Container Width" : {
	"type" : "______", 
	"start" : "/*data-adapt-s*/var dataAdaptContainerWidth = ",
	"default" : false,
	"end" : ";/*data-adapt-e*/",
	"desc": "Try to fit inside the container width"
},
"Hide Cover Image" : {
	"type" : "checkbox", 
	"check" : true,
	"uncheck" : false,
	"start" : "/*data-cover-s*/var dataHideCover = ",
	"default" : false,
	"end" : ";/*data-cover-e*/",
	"desc": "Hide cover photo in the header"
},
"Show Friend Faces" : {
	"type" : "checkbox", 
	"check" : true,
	"uncheck" : false, 
	"start" : "/*data-face-s*/var dataShowFacePile = ",
	"default" : false,
	"end" : ";/*data-face-e*/",
	"desc": "Show profile photos when friends like this"
},
"Render Tab" : {
	"start" : "/*data-tabs-s*/var dataTabs = '",
	"default" : "timeline",
	"end" : "';/*data-tabs-e*/",
	"desc": "Tabs to render i.e. timeline, events, messages. Use a comma-separated list to add multiple tabs, i.e. timeline, events."
},
"App ID" : {
	"start" : "/*appId-s*/var appId = '",
	"default" : "403849583055028",
	"end" : "';/*appId-e*/",
	"desc": "Your Facebook APP ID"
}

BLOGGER-WIDGET-OPTIONS
-->

Load Comments (6)

Blogger Widgets

Flexible Recent Comment Widget for Blogger

Blogger Widgets

Simple Flickr Badge with CSS3 Effects for Blogger / Blogspot