Floating Facebook Like Box for Blogger 100% Work

To widget αυτό θα είναι σε μορφή μετακινούμενου button στα δεξιά της οθόνης, αποκαλύπτοντας το like box όπως φαίνεται στη παρακάτω εικόνα.

http://allsuperfoods.blogspot.gr/

1) Σύνδεση στον Blogger
2) Διάταξη
3) Προσθήκη Gadget
4) HTML/JavaScript

Και στο κουτάκι προσθέστε τον παρακάτω κώδικα:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXWK6x5w0P_K_r1_uSdAAwMc1Xx5aKqiyB4H52ZD9UVz-52SOvuo5alrPaME_3munPMgxlFfPgfdMdZ6MMlZUlS2Np-7NOC_DVGK4jl94X86MdzLQq6-HIw0icDriMggThk5kr0o0U6sY/s1600/floatingfb.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: #808080;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%3A%2F%2Fwww.facebook.com%2Fpages%2Fallsuperfoods%2F431242200258410&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true">
</iframe>
<div align="right"><span style="font-size: xx-small;background:#fff;"><a href="http://adf.ly/2779998/banner/blogertipsandtricks.blogspot.gr" target="_blank">add to your Site by Bloger Tips and Tricks</a></span></div>
</div></div>

 Ο κώδικας αυτός μόλις σας πρόσθεσε ένα floating like box με το like box του AllSuperFoods. Για να προσθέσετε το δικό σας, ανοίξτε σε ένα νέο tab το facebook fan page σας:

H διεύθυνση του fan page σας φαίνεται στο address bar του browser σας και είναι της μορφής:
http://www.facebook.com/pages/όνομα_του_fan_page_σας/ID_του_fan_page

Αντικαταστήστε το allsuperfoods με το όνομα_του_fan_page_σας και το id 431242200258410 με το ID_του_fan_page_σας.

To URL του κώδικας σας τώρα θα πρέπει να είναι της μορφής:


href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fόνομα_fan_page_σας%2Fid_fan_page 

ΠΡΟΣΟΧΗ
Αν η διεύθυνση του fan page σας είναι της μορφής:
http://www.facebook.com/όνομα_του_fan_page_σας ...και δεν φαίνεται η ID_του_fan_page

π.χ.

https://www.facebook.com/allsuperfoods

αντικαταστήστε το www με graph
 https://graph.facebook.com/allsuperfoods 

και θα μας δώση την ID

"name": "SuperFoods",
   "is_published": true,
   "website": "http://allsuperfoods.blogspot.gr/",
   "username": "allsuperfoods",
   "description": "-\"\u0395\u0399\u03a3\u0391\u0399 \u039f\u03a4\u0399 \u03a4\u03a1\u03a9\u03a3\" - \u0397 \u03a4\u03a1\u039f\u03a6\u0397 \u0395\u0399\u039d\u0391\u0399 \u039a\u0391\u0399 \u03a4\u039f \u03a6\u0391\u03a1\u039c\u0391\u039a\u039f \u03a3\u039f\u03a5\n\nSuperFoods\n\u0399\u03c0\u03c0\u03bf\u03c6\u03b1\u03ad\u03c2 - Hippophae\n\u0393\u03ba\u03bf\u03c4\u03b6\u03b9 - Goji\n\u039c\u03cd\u03c1\u03c4\u03b9\u03bb\u03bf - \u0392lueberry\n\u0391\u03c1\u03ce\u03bd\u03b9\u03b1 - Aronia\n\u03a6\u03b1\u03b3\u03cc\u03c0\u03c5\u03c1\u03bf - \u039c\u03b1\u03c5\u03c1\u03bf\u03c3\u03af\u03c4\u03b1\u03c1\u03bf - Buckwheat\n\u03a3\u03b9\u03c3\u03ac\u03bd\u03b4\u03c1\u03b1 - Schisandra Berries",
   "about": "You are what you eat - \u201cLet food be thy medicine and medicine be thy food\u201d  Hippocrates -\"\u0395\u0399\u03a3\u0391\u0399 \u039f\u03a4\u0399 \u03a4\u03a1\u03a9\u03a3\"",
   "talking_about_count": 2,
   "category": "Health/wellness website",
   "id": "431242200258410",
   "link": "https://www.facebook.com/allsuperfoods",