15 Στατικό αναδυόμενο widget για facebook-like-box.

Νέοι bloggers γεια σας ! Μετά από πολύ καιρό μια ανάρτηση,  με κώδικα HTML-script, που πολλοί μου έχετε ζητήσει...Είναι το στατικό facebook-like-box που βλέπετε δεξιά, κρυμμένο, που φανερώνεται μόλις περάσει από πάνω το ποντίκι...
1ο) Πρώτα απ'όλα, θα βάλετε αυτή τη φράση ΠΑΝΩ από το </head>:


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


ΠΡΟΣΟΧΗ: εάν έχετε βάλει ήδη αυτό το script για κάποιο άλλο στατικό, αναδυόμενο widget, ΜΗ ΤΟ ΞΑΝΑΒΑΛΕΤΕ ....

2ο) Βάλετε το παρακάτω κώδικα σαν gadget/javascript:


<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".dr-bloggerslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.dr-bloggerslikebox{background: url("https://lh4.googleusercontent.com/-OQBRW_FpCKg/T1KPe2a6gCI/AAAAAAAADu0/I9DEAAZmU58/s150/facebookbadge.png") 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%;}
.dr-bloggerslikebox div{border:none;position:relative;display:block;}
.dr-bloggerslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.dr-bloggerslikebox span a{color: gray;text-decoration:none;}
.dr-bloggerslikebox span a:hover{text-decoration:underline;}
</style>
<div class="dr-bloggerslikebox" style="">
    <div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fdr.blogger&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>

***εκεί που βλέπετε με κόκκινα γράμματα τη φράση dr-blogger , θα βάλετε τη διεύθυνση της δικής σας σελίδας...ΠΡΟΣΟΧΗ:  ΜΟΝΟ το όνομα της σελίδας σας(στα λατινικά)...
πχ το δικό μου είναι  http://www.facebook.com/dr.blogger  οπότε, απ' ότι βλέπετε, έβαλα μόνο το  dr-blogger....(όχι και το http://www.facebook.com/).....

***ΠΡΟΣΟΧΗ: αυτό το widget λειτουργεί  μόνον για μια σελίδα σας στο facebook, ΚΑΙ ΟΧΙ ΓΙΑ ΤΗ ΠΡΟΣΩΠΙΚΗ ΣΑΣ ΣΕΛΙΔΑ-ΠΡΟΦΙΛ... (άρα φτιάξτε μια σελίδα στο facebook για το blog σας, αφού έχετε φτιάξει τη προσωπική σας σελίδα)...
ΠΗΓΗ:  thanks to:  www.way2blogging.org
(αν δεν μπορέσετε να το φτιάξετε από τη δική μου ανάρτηση, μπείτε και φτιάξτε το στη πηγή μου...)
ΚΑΛΗ ΕΠΙΤΥΧΙΑ....
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}