Page 1

dr-blogger.com

http://www.dr-blogger.com/2012/05/widget-facebook-like-box.html

Στατικό αναδυόμενο widget για facebook-like-box. Νέοι bloggers γεια σας ! Μετά από πολύ καιρό μια ανάρτηση, με κώδικα HTML-script, που πολλοί μου έχετε ζητήσει...Είναι το στατικό facebook-like-box που βλέπετε δεξιά, κρυμμένο, που φανερώνεται μόλις περάσει από πάνω το ποντίκι... 1ο) Πρώτα απ'όλα, θα βάλετε αυτή τη φράση ΠΑΝΩ από το </head>: <script

src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> ΠΡΟΣΟΧΗ: εάν έχετε βάλει ήδη αυτό το script για κάποιο άλλο στατικό, αναδυόμενο widget, ΜΗ ΤΟ ΞΑΝΑΒΑΛΕΤΕ .... 2ο) Βάλετε το παρακάτω κώδικα σαν gadget/javascript:

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".dr-bloggerslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .dr-bloggerslikebox{background: url("https://lh4.googleusercontent.com/OQBRW_FpCKg/T1KPe2a6gCI/AAAAAAAADu0/I9DEAAZmU58/s150/facebookbadge.png") norepeat 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%;} .dr-bloggerslikebox div{border:none;position:relative;display:block;} .dr-bloggerslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sansserif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .dr-bloggerslikebox span a{color: gray;text-decoration:none;} .dr-bloggerslikebox span a:hover{text-decoration:underline;} </style> <div class="dr-bloggerslikebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php? href=http%3A%2F%2Ffacebook.com%2Fdr.blogger&amp;width=245&amp;colorscheme=light&amp;show scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe> </div> </div> ***εκεί που βλέπετε με κόκκινα γράμματα τη φράση dr-blogger , θα βάλετε τη διεύθυνση της δικής σας σελίδας...ΠΡΟΣΟΧΗ: ΜΟΝΟ το όνομα της σελίδας σας(στα λατινικά)... πχ το δικό μου είναι http://www.facebook.com/dr.blogger οπότε, απ' ότι βλέπετε, έβαλα μόνο το dr-


blogger....(όχι και το http://www.facebook.com/)..... ***ΠΡΟΣΟΧΗ: αυτό το widget λειτουργεί μόνον για μια σελίδα σας στο facebook, ΚΑΙ ΟΧΙ ΓΙΑ ΤΗ ΠΡΟΣΩΠΙΚΗ ΣΑΣ ΣΕΛΙΔΑ-ΠΡΟΦΙΛ... (άρα φτιάξτε μια σελίδα στο facebook για το blog σας, αφού έχετε φτιάξει τη προσωπική σας σελίδα)... ΠΗΓΗ: thanks to: www.way2blogging.org (αν δεν μπορέσετε να το φτιάξετε από τη δική μου ανάρτηση, μπείτε και φτιάξτε το στη πηγή μου...) ΚΑΛΗ ΕΠΙΤΥΧΙΑ.... {Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω} BlogThis!

Στατικό αναδυόμενο widget για facebook-like-box  

widget for bloggers

Read more
Read more
Similar to
Popular now
Just for you