Pop up Facebook like box

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Σε πολλές Σελίδες ο χώρος στο sidebar είναι πολύτιμος και δε χωράει όσα gadgets θέλουμε να βάλουμε. Αυτή η ανάρτηση θα σας πει πώς θα μπορέσετε να δημιουργήσετε ένα ανοιγόμενο Like box με το που ακουμπάει το ποντίκι. Ακολουθήστε τα παρακάτω βήματα:
  • Σύνδεση στον Blogger
  • Σχεδίαση / Επεξεργασία HTML
  • Βρείτε την </head>
  • Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  • Πατήστε αποθήκευση προτύπου.
  • Πηγαίνετε τώρα στα "Στοιχεία Σελίδας"
  • Επιλέξτε "Προσθήκη gadget - HTML/JavaScript"
  • Επικολλήστε τον παρακάτω κώδικα:
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".bttslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.bttslikebox{background: url("http://2.bp.blogspot.com/-wZ8EcIDjMpk/TrF_Upsz_PI/AAAAAAAABEg/DVjRjdPB73Q/s1600/btt-facebook.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%;}
.bttslikebox div{border:none;position:relative;display:block;}
.bttslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.bttslikebox span a{color: #808080;text-decoration:none;}
.bttslikebox span a:hover{text-decoration:underline;}
</style><div class="bttslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK&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 style="text-decoration:none;font-size:50%;" href="http://www.bloggertipsandtricks.net/2011/10/pop-up-facebook-like-box.html">Add to your blog</a></span></div></div>
  • Αντικαταστήστε "ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK" με το δικό σας link.
Το δικό μου π.χ. είναι http://www.facebook.com/pages/HtmlCodeSynthesis/212732998745341. Βρείτε κι εσείς το αντίστοιχό σας και επικολλήστε το εκεί που σας ζητείται.
  • Πατήστε αποθήκευση και το νέο σας gadget είναι έτοιμο και χωρίς να χρειάζεται χώρο στη Σελίδα σας.

12 comments:

  1. exw ena provlima
    pws allazw t xrwma apo mesa???
    gt se mena stin idia eutheia vgazei mia aspri grammi..

    ReplyDelete
    Replies
    1. Φίλε μου επειδή δεν μπορώ να δω σε ποια σελίδα μπήκε ο κώδικας δε μπορώ να σου εξηγήσω χωρίς να καταλάβω τι ακριβώς θέλεις να κάνεις. Το μόνο που μπορώ να σου πω είναι πως ο κώδικας έτσι όπως τον έχω παρουσιάσει λειτουργεί κανονικά. Μήπως παίζει κάτι με το δικό σου πρότυπο;

      Delete
  2. file moy kalhspera mipos mporeis na me voithisis ???poy mporo na vro ena tetoio idio pou na anigi sta plagia kai na einai chat kai oxi facebook??eyxaristo

    ReplyDelete
    Replies
    1. Φίλε μου, το gadget σου είναι έτοιμο.

      Delete
  3. ευχαρηστω πολυ φιλε μου για την γρηγορη εξυπηρετησει εισαι ωραιος και το gadget τα σπαει

    ReplyDelete
  4. που βρίσκει κανείς τον κώδικα sto fasebook;

    ReplyDelete
    Replies
    1. <iframe src="http://www.facebook.com/plugins/likebox.php?href=ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK&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>

      Όταν επισκέπτεσαι τη Σελίδα που έχεις φτιάξει στο Facebook πάνω ο browser σου δίνει τι link που θα αντικαταστήσεις ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΣ ΣΤΟ FACEBOOK. Χρησιμοποίησε τον κώδικα που σου δίνω αν θες να έχεις το gadget σταθερό ή τους κώδικες της ανάρτησης αν θες να είναι στο πλάι ανοιγόμενο.

      Delete
  5. Den mporw na valo to gadget den xerw giati antikatasto to ling alla meta dn anoigi to gadget gia na doixi tin sellida gt?

    ReplyDelete
    Replies
    1. Δοκίμασέ το ξανά μήπως έχεις σβήσει κάτι κατά λάθος. Ο κώδικας είναι εντάξει και δουλεύει κανονικά.

      Delete
  6. re paides, to gadget einai grameno me jquery, exw ena slides pou einai grameno me json kai otan vazw to gadget den leitourgei to slider (logiko). paizei na to vrw me grameno me json?

    ReplyDelete
  7. geia sou file!poli kalo to script to evala apla tha ithela an ginete na einai san to diko sou na dixnei 3 grames me eikones apo ta atoma k i se mauro xroma i diafanes.an ginete na to kanoume? euxaristo pantos einai poli kalo.

    ReplyDelete
    Replies
    1. &width=245&colorscheme=dark&show_faces=true&connections=9&stream=false&header=false&height=360" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 360px; width: 245px;background:#000;
      Με αυτόν τον κώδικα θα κάνεις τη δουλειά σου. Βρες τον αντίστοιχο δικό σου και αντικατέστησέ τον.

      Delete

 
back to top