We hope you'll love today's post will be like. Today, I'll share with you popular blogs Labnol style Facebook like box. Labnol from all over India, a popular blog. So do not delay, take a look at how to add to your blog.
- Adding Widget Code
1. Go to Layout > Add A Gadget
2. Select HTML/Javascript
3. Paste the following code inside it,
<style>.wgFB{
width:320px;height:150px;border-radius:3px;position:relative;background-color:#f4f4f4;padding:5px 10px 15px 0;max-width:96%}.wgFB,.wgFB:before,.wgFB:after{background:#f4f4f4;border:1px solid #ccc}.wgFB:before,.wgFB:after{content:"";position:absolute;bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.wgFB:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #ccc}
</style><div class="wgFB"> <div style="height:160px;overflow:hidden"> <fb:like-box href="https://www.facebook.com/Gulpa-Tutorial-1499947946979069" data-width="340" data-height="189" data-show-faces="true" data-show-border="false" data-stream="false" data-header="false"></fb:like-box> </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_GB/all.js#xfbml=1&appId=549510788403215";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
width:320px;height:150px;border-radius:3px;position:relative;background-color:#f4f4f4;padding:5px 10px 15px 0;max-width:96%}.wgFB,.wgFB:before,.wgFB:after{background:#f4f4f4;border:1px solid #ccc}.wgFB:before,.wgFB:after{content:"";position:absolute;bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.wgFB:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #ccc}
</style><div class="wgFB"> <div style="height:160px;overflow:hidden"> <fb:like-box href="https://www.facebook.com/Gulpa-Tutorial-1499947946979069" data-width="340" data-height="189" data-show-faces="true" data-show-border="false" data-stream="false" data-header="false"></fb:like-box> </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_GB/all.js#xfbml=1&appId=549510788403215";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
4. Replace Gulpa-Tutorial-1499947946979069 with your Facebook fan page URL.
5. Now save your template and you are all done!
5. Now save your template and you are all done!
Post a Comment
0 comments
Dear readers, after reading the Content please ask for advice and to provide constructive feedback Please Write Relevant Comment with Polite Language.Your comments inspired me to continue blogging. Your opinion much more valuable to me. Thank you.