New Stylish Facebook Likebox For Blogger

Here is a new stylish facebook likebox for your website. Most of them promoting their site by sharing their articles to the social networking sites. For such work here is a likebox for blogger which is somewhat different from others.

This will be attractive and will make your visitors to like your facebook page. It is very simple to add this to your blogger. To get this do the following:


Step 1: Goto your Dashboard-->Layout-->Add a Gadget-->HTML/Javascript

Step 2: Paste the following code in it.

<style>.spiceFB {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 10px 15px 0;
}
.spiceFB, .spiceFB:before, .spiceFB:after {
background: #f4f4f4;
border: 1px solid #ccc;
}
.spiceFB:before, .spiceFB:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.spiceFB:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
</style>
<div class="spiceFB">
<div style="height:155px;overflow:hidden">
<fb:like-box href="https://www.facebook.com/spiceupblogging" data-width="300" data-height="179" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 179px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&amp;channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26
origin%3Dhttp%253A%252F%252Fwww.spiceupblogging.com%252Ff1ae6f85b
c%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;colorsch
eme=light&amp;header=false&amp;height=179&amp;href=https%3A%2F%2F
www.facebook.com%2Fspiceupblogging&amp;locale=en_US&amp;sdk=joey&a
mp;show_faces=true&amp;stream=false&amp;width=300"></iframe></span></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_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>


Step 3: Now replace spiceupblogging with your facebook page name.

Step 4: Now click on the save button.
That's it you are done.... Post your comments below.... Share this gadget with your friends.

If You Enjoyed This Post Please Take 5 Seconds To Share It.

1 comment:

  1. This comment has been removed by a blog administrator.

    ReplyDelete

Abusive Comments are not allowed on this site.
Don't post comments with links included..