Learn How To Become a blogger ,Free Templates,Blogger Widgets, Blogger Gadgets,Blogger Tricks And Tips ,Download browsers,software,Net

Wednesday, September 19, 2012

New Stylish Facebook Like Box For Blogger

Facebook Page Is Also Good Way To Promote Blog And Increase Readers. This Facebook Box Will Help Your Visitor To Become Regular Reader Just By Clicking Like Button. Most Of Readers Like To Fetch Updates From Facebook Page

Many blog add simple Facebook like box but with the help of this you can make your blog something different and get more Facebook followers.

Simple steps to add Simple Facebook Like Box:
  1. Click on the 'Layout' tab
  2. Click on the "Add a Gadget".
  3. Click on the " HTML/JavaScript".
  4. Paste in the code.
 <style type="text/css">
/* PBT Customize Facebook Like Box */
.PBTFB
{width:280px;height:250px;border-radius:3px;position:relative;background-color:#f4f4f4;padding:5px
10px 15px 0;margin-left: 10px;
}
.PBTFB,.PBTFB:before,.PBTFB:after{background:#f4f4f4;border:1px
solid #ccc}.PBTFB:before,.PBTFB:after{content:"";position:absolute;bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.PBTFB:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #ccc}
</style>
<div class="PBTFB">
<div style="height:260px;overflow:hidden">
<fb:like-box href="http://www.facebook.com/bloggertofree" data-width="300" data-height="210" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span>
<iframe id="fdc6e0618" name="f2cf41b5fc" 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: 230px; width: 300px; " class="fb_ltr"
src=http://www.facebook.com/plugins/likebox.php?api_key=200726879962149&amp;border_color=%23f4f4f4&amp;channel=https%3a%2f%2fs-static.ak.fbcdn.net%2fconnect%2fxd_proxy.php%23cb%3dfb784b5f%26origin%3dhttp%253a%252f%252fwww.bloggertofree.com%252ff2af5e41a%26relation%3dparent.parent%26transport%3dpostmessage&amp;colorscheme=light&amp;header=false&amp;height=289&amp;href=http%3a%2f%2fwww.facebook.com%2fbloggertofree&amp;locale=en_us&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=300"></iframe></span></fb:like-box>
</div>
</div>
5. Change bloggertofree to your Facebook Page name/id. and save !

0 comments:

Post a Comment

Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
JeHad Hussein

Note: Only a member of this blog may post a comment.

Subscribe via email for free

Activate your subscription by clicking on the link in an email from Feedburner. We respect your privacy.

Most Popular

 

random topics

Followers

Bloggers - Meet Millions of Bloggers

Are you looking for?

Become a Fan On Facebook!

Follow @Bloggertofree