6 FLOATING FACEBOOK LIKE BOX ΓΙΑ ΤΟ BLOG ΣΑΣ

Σ'αυτή την ανάρτηση θα σας δείξω πως να προσθέσετε ένα διαφορετικό και πολύ χρήσιμο μετακινούμενο FACEBOOK BUTTON στα δεξιά της οθόνης σας αποκαλύπτοντας το LIKE BOX..Είναι πολύ χρήσιμο γιατί

• εξοικονομεί χώρο στο blog σας και συγκεκριμένα στο sidebar 
• βρίσκεται πάντα στο οπτικό πεδίο των αναγνωστών σας,αυξάνοντας έτσι τα like στην facebook σελίδα σας

Τα βήματα είναι τα εξής:
 ►Σύνδεση στο Blogger►Σχεδίαση►

Κάνετε αντιγραφή και επικόλληση τον παρακάτω κωδικό

<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/AVvXsEg2toDMsXwEKMWmSJc_8B1TblKKkNOCpjiBOWiz3z8Zgjql3P9w61LCFHuxiFQRKffmu-yPyg8UKSudYziOOZI1lPCMILZ1eucNKKXcTPJBKuVxOoMJrPG7pX9K2vaNEAOEzGL-6yjcX7Y/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%2Fόνομα_του_fan_page_σας%2FID_του_fan_page &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><span><a href="http://blog-act-design.blogspot.com/2012/01/floating-facebook-like-box-blog.html" target="_blank">Useful gadgets</a></span>
</div></div>

Αντικαταστήστε το όνομα_του_fan_page_σας καιτο ID_του_fan_page με αυτά την δική σας Facebook σελίδα(η διεύθυνση βρίσκεται στην address bar του broswer σας)
ΑΠΟΘΗΚΕΥΣΗ

 ΑΝ ΣΑΣ ΑΡΕΣΕ ΤΟ ΑΡΘΡΟ ΒΑΘΜΟΛΟΓΗΣΤΕ Ή ΑΦΗΣΤΕ ΤΟ ΣΧΟΛΙΟ ΣΑΣ!!!