javascript - Can we customize facebook likebox? -
i trying customize number of feeds , auto scroll functionality in facebook likebox using below code.
<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_in/sdk.js#xfbml=1&appid=453991991316939&version=v2.0";fjs.parentnode.insertbefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
have tried multiple canvas resize methods given in multiple websites getting stuck. ideas? how can customize or great if have created plugin this?
you need copy given below css code facebook box code , paste in page. need changee url in iframe *************** facebook url. <style type="text/css"> .f-bookmain { background-color:#e1e1e1; width:320px; border:1px solid #bcbcbc; padding:15px 0 15px 15px; height:280px; } .f-bookinnerblock { overflow:hidden; height:280px; border:1px solid #aaa; } </style> <div class="f-bookmain"> <div class="f-bookinnerblock"> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3a%2f%2fwww.facebook.com%2f***************& width=300&height=258&colorscheme=light&show_faces=true&header=false&stream=false& show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"> </iframe> </div> </div> <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/all.js#xfbml=1"; fjs.parentnode.insertbefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> need changee url in iframe *************** facebook url.
Comments
Post a Comment