Τρίτη 24 Ιανουαρίου 2012

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 σας)
    ΑΠΟΘΗΚΕΥΣΗ






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

    6 σχόλια:

    Ανώνυμος είπε...

    Δουλεύω με dreamweaver, πώς μπορώ να προσθέσω το κώδικα;

    Unknown είπε...

    Καλησπερα. Ωραιο σαν ιδεα αλλα επειδη κατι εκανα στραβα και θελω να το ξαναφτιαξω πως μπορω να το καταργησω; Εκανα καταργηση του gadget αλλα παραμενει.

    Unknown είπε...

    Ακυρη η ερωτηση... βρηκα που ειχα κανει λαθος και το διορθωσα. Ολα καλα. Ειναι τελειο. Σ'ευχαριστω πολυ για ολα οσα αναφερεις σχετικα με τα blog. Nα'σαι καλα.

    Blog ActDesign είπε...

    Σευχαριστω πολυ για τα καλα σου λογια..Κ οτι αλλο θες και μπορω να βοηθησω
    πες μου!

    Unknown είπε...

    pws to bazw apo ta aristera?

    oistros είπε...

    Καλη μέρα, το έχω κάνει και δεν λειτουργεί !!

    Αναγνώστες

    ShareThis

    Για να λαμβάνετε όλες τις ενημερώσεις μέσω Facebook.Απλά κάντε κλίκ στο like button και γίνετε μέλη

    Powered By | Useful Gadgets



     

    Powered By Software Review