Sunday, 13 January 2013

Widgets

How to add Floating facebook like box in blogger?

Today I share the widget of blogger.Here is Floating Fb Like box.This widget is best for web/blog because social media is most important to promote your blog.customize this widget e.g You Can Chang it's Position.This widget Make your blog more Beautiful.Maybe you Like this post.If you want to adding this widget in blogger.please follow these steps.See pic Example of  Floatind facebook like box.


How to Add Floating Facebook Like box to blog?
Follow steps and add this widget. 
  • Go to Blogger > Layout > Add a Gadget > Select HTML/JavaScript Gadget
  • Add an HTML/JavaScript Widget and paste below codes in Gadget box.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FMr.FarhanKayani&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>

Save the widget.

After adding above code now find this tag </head> (use:Ctrl =f)  in your Template >> HTML >> Proceed and Paste the below codes just  above/before the </head> tag.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>


 Changing Mr.FarhanKayani with your Facebook's page user name and  float:right, if you want this Fb like box   appear at left side then change the property right to left in e.g float:left


Post by :Farhan Kayani

SHARE THIS POST   

  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
  • Technorati
Author: Farhan Kayani
I'm Farhan Kayani a Web Designer, Web Developer and Computer Instructor Currently live in Islamabad,I've been interest to forward my experience to the world. . Read More →

56 comments:

  1. farhan kayani muja add karlo skype pa ok meri skype id yeh asimmalik1111

    ReplyDelete
  2. Hey thanks for the information you shared. I will definitely use these steps to apply the floating facebook like box.
    Web Design Company India

    ReplyDelete
  3. I had just use this in my blog... its working fine only in Homepage.... but its on working rest of the pages...

    please suggest...

    site - http://nailartsmumbai.blogspot.in/

    ReplyDelete
  4. OK now u put Jquery.Min.Js code below head
    and check.......

    ReplyDelete
  5. This site is nice and very useful information!!
    To design web sites or making blogs here many information is there.
    When I Try to Design my blog Free Mcx Tips , Free Stock Tips I found this Site!!! Really very excellent!!!
    Thanks,
    By Mcx Tips , Stock Tips

    ReplyDelete
  6. Thanks so much for this helpful information come back again for more interesting information…Keep it up
    Builders in Agra

    ReplyDelete
  7. Nice blog! Very interesting and informative post….Thank's for sharing such a nice information….Keep it up!!! Website Designing in Agra

    ReplyDelete
  8. I needed to thank you for this great read!! I absolutely loved every little bit of it. I’ve got you book-marked to look at new things you post…
    website design

    ReplyDelete
  9. Hi Grat Your Blog,Thank's for this helpful information come back again for more interesting information!!!
    Event planners in Delhi

    ReplyDelete
  10. Hey nice blog,Thank's for this helpful information come back again for more interesting information…Keep it up!
    Taxi in Agra

    ReplyDelete
  11. Great Post, i really like to read articles that are informative and truly have good content.job box thanks for sharing your experiences and that i foresee to reading a lot of.

    ReplyDelete
  12. I hate all this junk that sticks to the side of the browser window blocking my view, slowing down my computer and just being annoying. Ebay has this "scroll to top" button that follows you along the page and is quite annoying. I've tried several tools to block it and the best I came up with is something where it shows as a broken image...but the outline is still there.

    ReplyDelete
  13. Can we use this html anywhere in the blogger or just below the title?

    ReplyDelete
  14. great post

    regards

    http://www.toyingoa.com

    ReplyDelete
  15. Thank you for the information.
    Been installed in: Sruput Dulu Gan

    ReplyDelete
  16. Thank's for helpfull information.
    This is my blog: Sruput Dulu Gan

    ReplyDelete
  17. Sometimes people put up walls, not to keep others out, but to see who cares enough to break them down.
    - Dennyslistens Guest Survey

    ReplyDelete
  18. This is useful content. really apreciate it! Please Visit Our Webpage:
    http://thebusinessplace.in/
    Packers and Movers Pune, Local Household Shifting. Best Moving And Packing Services Now At Your Door In Pune @ TheBusinessPlace.in #PackersMoversPune Provides Packers Movers Pune, Movers Packers in Pune, Local Shifting, Relocation, Packers Movers Pune, Local Household Shifting, Office Shifting, Logistics and Transportation, Top Packers Movers Pune, Best Packers Movers Pune, Good Movers Packers in Pune, Home Shifting Pune, Household Shifting Pune, Cheap Top Movers Packers in Pune, Moving and Packing Service Company Pune.

    ReplyDelete
  19. This is useful content. really apreciate it! Please Visit Our Webpage:
    http://thebusinessplace.in/
    Packers and Movers Pune, Local Household Shifting. Best Moving And Packing Services Now At Your Door In Pune @ TheBusinessPlace.in #PackersMoversPune Provides Packers Movers Pune, Movers Packers in Pune, Local Shifting, Relocation, Packers Movers Pune, Local Household Shifting, Office Shifting, Logistics and Transportation, Top Packers Movers Pune, Best Packers Movers Pune, Good Movers Packers in Pune, Home Shifting Pune, Household Shifting Pune, Cheap Top Movers Packers in Pune, Moving and Packing Service Company Pune.

    ReplyDelete
  20. I really enjoyed reading your blog, you have lots of great content.Please visit here:
    http://packersmoversahmedabad.co.in/
    http://packersmoversahmedabad.co.in/packers-and-movers-vadodara-gujarat
    http://packersmoversahmedabad.co.in/packers-and-movers-surat-gujarat
    http://packersmoversahmedabad.co.in/packers-and-movers-gandhidham-gujarat
    http://packersmoversahmedabad.co.in/packers-and-movers-rajkot-gujarat
    http://packersmoversahmedabad.co.in/packers-and-movers-bhuj
    We are expert in Handling, Movers Packers in Ahmedabad and Packing & Shifting of Household Goods, Office goods, Commercial Equipment and Car, Logistics and Transportation.

    ReplyDelete
  21. Excellent post. It makes me realize the energy of words and pictures. I learn a lot, thank you! Wish you make a further progress in the future.Please Visit Our Webpage:http://packersmoversahmedabad.co.in/
    http://packersmoversahmedabad.co.in/packers-and-movers-vadodara-gujarat
    http://packersmoversahmedabad.co.in/packers-and-movers-surat-gujarat
    http://packersmoversahmedabad.co.in/packers-and-movers-gandhidham-gujarat
    http://packersmoversahmedabad.co.in/packers-and-movers-rajkot-gujarat
    http://packersmoversahmedabad.co.in/packers-and-movers-bhuj
    Packers And Movers Ahmedabad Relocation, Main Office in Ahmedabad Gujarat India, is a most important company relocation and home Shifting services association provided that relocation solutions to individuals and company houses.

    ReplyDelete
  22. Thanks for all the efforts you made,I am very thankful to you that you had given me this opportunity to write on this blog.Please visit this webpage i assure you that it will be very useful for you-http://packersmoversbangalore.in/
    http://blog.packersmoversbangalore.in/
    http://packersmoversbangalore.in/packers-and-movers-austin-town-bangalore

    ReplyDelete
  23. Thanks for all the efforts you made,I am very thankful to you that you had given me this opportunity to write on this blog.Please visit this webpage i assure you that it will be very useful for you-http://packersmoversbangalore.in/
    http://blog.packersmoversbangalore.in/
    http://packersmoversbangalore.in/packers-and-movers-austin-town-bangalore

    ReplyDelete
  24. Thanks for sharing such a valuable information.Im very thankful to you that you had given me this opportunity to write on this blog.please visit our website I assure you that it will be very useful for you.
    http://packersmoverschennai.in/
    http://packersmoverschennai.in/packers-and-movers-indian-institute-of-technology-chennai

    ReplyDelete
  25. Thanks for sharing such a valuable information.Im very thankful to you that you had given me this opportunity to write on this blog.please visit our website I assure you that it will be very useful for you.
    http://packersmoverschennai.in/
    http://packersmoverschennai.in/packers-and-movers-indian-institute-of-technology-chennai

    ReplyDelete
  26. Nice blog.. thanks for sharing a nice blog.. its very interesting and useful for me....please visit my website i assure you that it will benefit you..!!
    http://packers-and-movers-delhi.in/
    http://packers-and-movers-delhi.in/packers-and-movers-pragati-maidan-delhi

    ReplyDelete
  27. Nice blog.. thanks for sharing a nice blog.. its very interesting and useful for me....please visit my website i assure you that it will benefit you..!!
    http://packers-and-movers-delhi.in/
    http://packers-and-movers-delhi.in/packers-and-movers-sansad-marg-delhi

    ReplyDelete
  28. A good informative post that you have shared and appreciate your work for sharing the information.....!!
    http://kolkatapackersmovers.in/
    http://kolkatapackersmovers.in/packers-and-movers-barabazar-kolkata

    ReplyDelete
  29. This is useful content. really apreciate it!Great post....such a brilliant and mindful post Please Visit Our Webpage:
    http://packers-and-movers-gurgaon.in/
    For contacting us u may not need to call and spend money. Keeping in mind the customers convenience alternate chat enquiry option is added to website. At the right corner you can leave enquiry anytime for further information about the shifting services we provide. Movers And Packers Gurgaon service operator will provide you with the information required via chat or will call you as per your suitability. Even u can Call us to 24x7 available services.Packers And Movers Gurgaon

    ReplyDelete
  30. This is useful content. really apreciate it!Great post....such a brilliant and mindful post Please Visit Our Webpage:
    http://packers-and-movers-gurgaon.in/
    For contacting us u may not need to call and spend money. Keeping in mind the customers convenience alternate chat enquiry option is added to website. At the right corner you can leave enquiry anytime for further information about the shifting services we provide. Movers And Packers Gurgaon service operator will provide you with the information required via chat or will call you as per your suitability. Even u can Call us to 24x7 available services.Packers And Movers Gurgaon

    ReplyDelete
  31. PACKERS AND MOVERS IN BANGALORE know the estimation of your money and along these lines MOVERS AND PACKERS BANGALORE give you the alternatives of the sensible, sensible and useful organization suppliers so you can go for them as per your needs, prerequisites and their deeds. You can now successfully consider the cost of your development through the diverse quotes gave by the clearing associations recorded with us.
    http://packers-and-movers-bangalore.in/

    ReplyDelete
  32. PACKERS AND MOVERS IN BANGALORE know the estimation of your money and along these lines MOVERS AND PACKERS BANGALORE give you the alternatives of the sensible, sensible and useful organization suppliers so you can go for them as per your needs, prerequisites and their deeds. You can now successfully consider the cost of your development through the diverse quotes gave by the clearing associations recorded with us.
    http://packers-and-movers-bangalore.in/

    ReplyDelete
  33. really a vry nice blog i really appreciate all your efforts ,thank you so mch for sharing this valuable information with all of us.
    Packers and movers Hyderabad touch base at most elevated amount by virtue of our movement in our organizations. #Movers #Packers #Hyderabad get routinely overhauled with the new transportation vehicles and pressing materials available in business.
    http://packersmovershyderabadcity.in/

    ReplyDelete
  34. really a vry nice blog i really appreciate all your efforts ,thank you so mch for sharing this valuable information with all of us.
    Packers and movers Hyderabad touch base at most elevated amount by virtue of our movement in our organizations. #Movers #Packers #Hyderabad get routinely overhauled with the new transportation vehicles and pressing materials available in business.
    http://packersmovershyderabadcity.in/

    ReplyDelete
  35. I really enjoyed reading your blog, you have lots of great content.Please visit here:
    http://jaipurpackersandmovers.in/
    Packers And Movers Jaipur based company provided that Movers And Packers Jaipur Services for Office, Home, Local or domestic and commercial purposes.

    ReplyDelete
  36. Thanks for sharing useful information for us.I really enjoyed reading your blog, you have lots of great content.Please visit here:
    http://jaipurpackersandmovers.in/
    Packers And Movers Jaipur based company provided that Movers And Packers Jaipur Services for Office, Home, Local or domestic and commercial purposes.

    ReplyDelete
  37. I really enjoyed reading your blog, you have lots of great content.really a vry nice blog i really appreciate all your efforts ,thank you so mch for sharing this valuable information with all of us.Please visit here :
    http://bhubaneswarpackersmovers.in/
    Packers And Movers Bhubaneswar

    ReplyDelete
  38. really a vry nice blog i really appreciate all your efforts ,thank you so mch for sharing this valuable information with all of us. Please visit here : http://bhubaneswarpackersmovers.in/
    Packers And Movers Bhubaneswar

    ReplyDelete
  39. Packers and Movers Chandigarh are extraordinarily talented and offer wide scopes of administrations, for example, stacking and emptying, pressing and #moving, #office #moving, #vehicle #moving, migration and numerous different qualities identified with a move all packaged up in a selective bundle that makes them worth an attempt.
    http://chandigarhpackersandmovers.in/
    http://chandigarhpackersandmovers.in/packers-and-movers-mansa

    ReplyDelete
  40. This is a very good post which I really enjoy reading. It is not every day that I have the possibility to see something like this
    http://packersmoversmumbaicity.in/
    http://packersmoversmumbaicity.in/packers-and-movers-nanded-maharashtra

    ReplyDelete
  41. I really enjoyed reading your blog, you have lots of great content.Please visit here:http://packersmoverspatna.in/
    http://packersmoverspatna.in/packers-and-movers-gaya
    http://packersmoverspatna.in/packers-and-movers-begusarai
    Packers And Movers Patna based company provided that Movers And Packers Patna Services for Office, Home, Local or domestic and commercial purposes.

    ReplyDelete
  42. Packers And Movers Bangalore
    Excellent post! I must thank you for this informative read. I hope you will post again soon.
    Please Visit Our Webpage:
    http://packers-movers-bangalore.in/

    ReplyDelete
  43. Packers And Movers Bangalore
    Thanks on your marvelous posting! I really enjoyed reading it, you’re a great author.Please visit here:
    http://packers-movers-bangalore.in/

    ReplyDelete
  44. i must say you had done a tremendous job,I appreciate all your efforts.Thanks alot for your writings......Waiting for a new 1..Packers And Movers Bhopal
    http://packersmoversbhopal.in/packers-and-movers-indore

    ReplyDelete
  45. I am really enjoying reading your well written articles. I think you spend numerous effort and time updating your blog.Please keep up the good articles!
    please visit our official website for further details-
    http://lucknowpackersandmovers.in/
    http://lucknowpackersandmovers.in/packers-and-movers-bast
    http://lucknowpackersandmovers.in/packers-and-movers-chitrakoot
    Henceforth, it is yet evident that expert Packers And Movers Lucknow will make your turn totally pressure free; whether you need to move inside of Lucknow or need to move to another city of #India.

    ReplyDelete
  46. I am really enjoying reading your well written articles. I think you spend numerous effort and time updating your blog.Please keep up the good articles!
    please visit our official website for further details-
    http://lucknowpackersandmovers.in/
    http://lucknowpackersandmovers.in/packers-and-movers-bast
    http://lucknowpackersandmovers.in/packers-and-movers-chitrakoot
    Henceforth, it is yet evident that expert Packers And Movers Lucknow will make your turn totally pressure free; whether you need to move inside of Lucknow or need to move to another city of #India.

    ReplyDelete
  47. I like your website very much thanks for your share. all the imformation are useful for me,I will come again.Please visit here:
    Packers And Movers Bijasan Road Indore
    Packers And Movers Binawda Indore
    Packers And Movers Burankhedi Indore

    ReplyDelete

Please do not Spam Comments will be Deleted immediatley upon review.


/
show-notice
hide-notice