Skip to main content

How To Add a Floating Facebook Gadget


How To Add a Floating Facebook Gadget

How To Add a Floating Facebook Gadget

Are you familiar with that Facebook has placed in an immense chance for us, through which we can boost the amount of faithful readers. Do you want to get advantage from this chance? It is a mixture of HTML code. Place it in your blog, so you can get aFacebook Fan Page. You can also add a floating gadget of facebook to your blog or site and that can help you in increasing your traffic

                                                                 LIVE DEMO

How To Add a Floating Facebook Gadget

Below are the steps to follow:

Step 1: Adding Jquery Javascript plugin)

1. Sign into your blog and go to Template> Edit HTML>
        Proceed>Expand widget temlates. 

2. Find </head> tag by pressing Ctrl + F key.

3. Copy and paste given code right above </head> tag.


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

4. Now save the template.


-------------------------------------------------------------------------------------
 Step 2: Adding Facebook like box widget


1. Go to Layout> Add a gadget> HTML/javascripts

2. Copy it and paste given code into the content 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1E4PPrqA2_MfV8Iriv67MTeZODrxvsBC6a-ZplLnNMuTSi0ZjTpCWGYzkgZ1WVpWpWD3iXZ8eYWTiE1TyrkI5s6u21jbSrP7MFFgMeca6ne3ZC-Evus0QCJkq-p8yDmz1lOD8fR8_obu/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%2Fwww.facebook.com%2Fpaaksolutions&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><span>/ <a href="http://www.paksolutions.blogspot.com/">+Gadget</a></span></div></div>


3. Change the red words to your facebook username.

4. Click on Save. You're finished.
Labels:

Comments

Post a Comment

Popular posts from this blog

Google Dork List For SQL Injection free 2013

Google Dork List For SQL Injection Today i am going to give you Google Dork List For SQL Injection so you can easily do sql injection or prevent it. If you want to take a Google Dork List For SQL Injection then here is Google Dork List For SQL Injection for you just read it below: Google Dork List For SQL Injection: inurl:"page=" & intext:"Warning: mysql_fetch_array()" inurl:"id=" & intext:"Warning: mysql_fetch_array()" inurl:"sida=" & intext:"Warning: mysql_fetch_array()" inurl:"=" & intext:"Warning: mysql_fetch_array()" inurl:"=" & intext:"You have an error in your SQL syntax" inurl:"sida=" & intext:"You have an error in your SQL syntax" inurl:"id=" & intext:"You have an error in your SQL syntax" inurl:"page=" & intext:"You have an error in your SQL syntax" inurl:index.p...
Post a Comment
Read more

The Wolverine Movie review and full story

The Wolverine Movie review The Wolverine is a 2013 American-Australian superhero film featuring the Marvel Comics character Wolverine. It is the sixth installment in the X-Men film series and follows the events of X-Men: The Last Stand (2006). Hugh Jackman reprises his role from previous films as the title character, with James Mangold directing a screenplay written by Christopher McQuarrie, Scott Frank, and Mark Bomback, based on the 1982 limited series Wolverine by Chris Claremont and Frank Miller. McQuarrie was hired to write a screenplay for The Wolverine in August 2009. In October 2010, Darren Aronofsky was hired to direct the film. The project was delayed following Aronofsky's departure and the 2011 Tōhoku earthquake and tsunami in March 2011. In June 2011, Mangold was brought on board to replace Aronofsky. Bomback was then hired to rewrite the screenplay in September 2011. The supporting characters were cast in July 2012 with principal photography beginning at the ...
4 comments
Read more

Naruto Shippuden Episode 418 The Blue Beast vs. Six Paths Madara

Naruto Shippuden Episode 418 Review: Naruto Shippuden Episode 418 was the best episode in a long time. People were already fed up because of fillers but this episode boost up the spirits of the fans of Naruto. Naruto and sasuke both are on the edge of dying. Obito is saving Naruto and now Kabuto is also free from the Itachi Uchiha’s jutsu and come to help Sasuke with the cells of hashirama and his own healing techniques. On the other hand Uchiha Madara is the strongest shinobi at this time and has many powers and he is trying to get the Rennigen eye from Obito and now the mighty guy the The Blue Beast of Kanoha is the only hurdle in his way. In this episode we will see a little fight between Madara and Guy in which gue will open the seventh gate of shock and give Madara a hard time. In this episode we also found out the source of guy’s inspiration which is his father who gave him a dream to follow to be strong and don’t give up. In the following episodes we are going to witness the pow...
Post a Comment
Read more