Καρτέλα στο πλάι της σελίδας με facebook likebox.

Ο κώδικας που ακολουθεί εμφανίζει ένα μικρό καρτελάκι στα δεξιά της σελίδας με το likebox του facebook.Μόλις περασεις τον κέρσορα από πάνω,ανοίγει και εμφανίζει ολόκληρο το κουτί.

<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/AVvXsEiQ4zAaNcKRRPHJ_BO57FOaGp3DhTMAD91VVsqkCKEPPARbfZb9OOqlkbPAcJLFAZ4uNGuBFTS3BXzAg1-T0-gANyLXlGtdhpWf5PdA9Q85Uoy8ykCnSrMO1sVk3TLAFDuhT3cDyqqtMY-t/s1600/facebook+button.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 30px;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">
<div>
εδώ ο κώδικας του  facebook likebox 
<a href="http://symvl.blogspot.com/2012/05/facebook-likebox.html" target="_blank">απλές συμβουλές Blogger</a></div>
</div>

Τον κώδικα για το likebox μπορείτε να τον πάρετε από εδώ.

Read more ...

πώς αφαιρούμε το όριο (border) από το facebook likebox

Επιτέλους το facebook έβαλε επιλογή για εμφάνιση ή όχι του ορίου στο likebox.Οπότε απλά κάντε αποεπιλογή στο κουτί show border και είστε έτοιμοι.


Παλιά ανάρτηση
Στο διαδίκτυο κυκλοφορούν διάφοροι τρόποι για την αφαίρεση των ορίων του likebox,άλλοι απλοί άλλοι πολύπλοκοι οι οποίοι σε πολλές περιπτώσεις μάλιστα δεν δουλεύουν.
Εγώ θα σας δείξω έναν ακόμη απλούστερο τρόπο,ο οποίος στην πραγματικότητα δεν αφαιρεί το όριο,αλλά το κρύβει.Η απόκρυψη γίνεται με απλό τρόπο,βάζοντας ως χρώμα ορίου το ίδιο με το background του μπλογκ σας.Ειδικά αν το background είναι άσπρο ή μαύρο η απόκρυψη είναι πανεύκολη.
Δείτε παρακάτω τον κώδικα του δικού μου likebox.Μετά βρείτε τη σειρά που λέει border_color  και προσθέστε =white ή =black ανάλογα με το χρώμα που θέλετε.

Αυτό ήταν!Το συγκεκριμένο κόλπο λειτουργεί μόνο όταν χρησιμοποιείτε iframe για το likebox.

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSymvoules%2F266420366744792&width=262&height=258&colorscheme=dark&show_faces=true&border_color=white&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:262px; height:258px;" allowtransparency="true"></iframe>

Read more ...