How to add a Facebook floating like Box to blog,amazing new facebook like box tutorial

Add facebook floating like box to your blogger blog easily 

hello my friends today i have another cool tutorial about blogger gadgets......this tutorial about floating facebook like box....(you can see that like box  on my blog right side )...ok i think it so cool and make your blog so professional ok let start the mission.

props you need-

*copy and paste skills :D
*your facebook page should need a facebook user name....if you dont have a user name go and add a user     name it will need for you.

01.now go to your blogger dashboard --> and goto design ---> add gadget ---> HTML/javascript (look at     the example images from new blogger interface)

then goto the layout

go to the add gadget

then copy the code given below.

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRReWDAoDVgD0coz6rofZtI21LdrHwAKGwc-4zXO1G3fQBbDaB5Ygblmmwv468kZ_AIrv0kS_WFDYauerq5g-pkZhIX8STmLGyIo_pmlCbdOafdwOjc1S-lM0xB-81Bf-6QYeCYUbCCxg/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abtlikebox span a{color: gray;text-decoration:none;} .abtlikebox span a:hover{text-decoration:underline;} } </style> <div class="abtlikebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fallneedforyouever&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>widget from :<a href="http://allneedforyou.blogspot.com/"> Allneedforyou </a></span> </div> </div>


02. paste that code to your HTML/javascript content box

03.Then replace allneedforyouever with your facebook user name....if your facebook page dosen't have a          user name goback to your facebook page and go Edit --->and add any user name you like

   
and click save you Done...look at your blog and enjoy....please comment.....

your final result

Read More

How to add a Facebook Like box to blogger

How to add a Social Plugins to the blogger

today i'm gonna teach you how to add a facebook like box to the your blog ok
in his post I am going to show you how to  add it to your own  blog.
(this dosen't need any HTML or Jave Knowledge)

Ok facebook like box is so important  because  If your blogger reader like your  posts on your blog or if they
likes your blog then they can click on this LIKE button given on that like box. and that will increase you facebook likes on you page. it's Simple the friends will see what your
reader likes. Then they will also look in to your site. This will surely
increase the number of visitors to your blog site.

OK let's start

it's need few easy steps..this is the first

1. Firstly you need to create a Facebook fan page. click here to create a facebook page


2.  then after you goto that link given on the top you will see a some categories (look at the example image)


                                                            click on the image to zoom

3. then follow that steps and complete your facebook page ( it's so easy guys )

4.  after complete those steps you will see page like this..then click on the edit button on the page
    (look at the example image)

5.  then click on the "Resources" button at the left

6.  then you click on the social plugings button on the page

7. Then click one the “LIKE BOX” look at the image example below

7. Then you came to this page this is the important part on this tutorial
    copy and paste your page URL to the space for “Facebook
    Page URL” . And customize other settings as your wish .

8. Then click on “Get code” button


9. Now copy "iframe" code. look at the example image given below

Final effort

10. Now go to your DASHBOARD and goto--> DESIGN and goto --> ADD A GADGET then goto -->         HTML/JAVA SCRIPT--> and paste your code into the content box

11. Paste the code you copied in (Iframe code) example given below


12. Then SAVE your new gadget......

That’s a easiest  way to get facebook like box to your blog..now look at your blog and enjoy it

this is the final out come you get  (Click on the images to Zoom)

OK my friend that's it we made it yeah....not me you made it if this post help to get your facebook like box to your blog please put your comment about your feeling...see you soon my friends..bye bye come again and visit us..........

Read More