ADD FLOATING FACEBOOK LIKE BOX








Make Money                                                                                            Make Money


                                                  While we were studying we used to say rumors or something like incidents happened,dreams,nightmares, experiences,jokes.......This thing get spread all over the class may be within the same day. Its so Fast! The role here for Social networking sites is same. Social Networking sites have great importance in web announcing something and bring huge amount of visitors and enables them to Like Share the content that was so impressive and interesting to them.

DEMO
you can see the box on my blog right hand side....


To Grab this Floating Facebook Like Box Gadget Follow the Steps below:

1)  Login To Your Blogger Dashboard.

2)  Choose Template>Edit HTML>

3)  Find The tag </Head>

4)  Copy The Code Shown below And Paste above </Head>


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



5)  Save The Template

6)  Open Layout>Add gadget>HTML/JavaScript

7)  Copy And Paste The Code Shown below:


<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>



<style type="text/css">
.floatinglikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #000000;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Internet-Money/372263926173502&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#FEFEFE;" allowtransparency="true"></iframe><span><a href=" http://probloggerhome.blogspot.in/2013/06/add-floating-facebook-like-box.html " target="_blank">Get This Free!</a></span></div></div>


8)  Replace the Green Code Shown in the Above Script with you Facebook Fan Page

9)  DONE


Make Money                                                            Make Money


Share on Google Plus
    Blogger Comment
    Facebook Comment

1 comments:

PLEASE FEEL FREE TO LEAVE A COMMENT AND HELP ME.......!!!!!!!

ShareThis