Κινουμενο like box για το facebook στο blog

Πως να βαλω floating like box στο blog μου

Γεια σας παιδια σημερα θα πουμε πως να βαλουμε ενα κινουμενο like box στο blog μας για το facebook για να μπορουν οι επισκεπτες μας να κανουν like στη σελιδα μας.
floating like box για το facebook στο blog
Το καλο ειναι πως κριβεται δεξια στην οθονη και μας εξικονωμει χορο ωστε να μπορουμε να βαλουμε και αλλα gadget.

παιρνουμε τον παρακατω κωδικο και τον βαζουμε σαν γκατζετ στο blog μας.



δειτε κι αυτα:
Like Box Νεο
 Facebook Like Button For 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("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/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=https://www.facebook.com/pages/Πως-φτιαχνω-blog-pos-ftiaxno-blog/427751680643253?ref=hl&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true">
</iframe><p style=" float:right; margin-right:35px; font-size:7px;" >Powered By | <a style=" font-size:7px; color:#3B78CD; text-decoration:none;" href=https://posftiaxnoblog.blogspot.com/p/blogger-widgets.html />blogger widgets</a></p>
</div>
</div>
</div>
</div>


 πρεπει να αλαξουμε αυτη τη φραση https://www.facebook.com/pages/Πως-φτιαχνω-blog-pos-ftiaxno-blog/427751680643253 με το λινκ της δικης μας σελιδας στο facebook
το αποτελεσμα φενεται στην παραπανω εικονα

Facebook like box δευτερη εκδοση



facebook like box δευτερη εκδοση
Καινουρια πιο ανανεωμενη εκδοση με πιο κομσο στυλ 
κανουμε τα ιδια ακριβως βηματα με πιο πανω δηλαδη το βαζουμε σα gadget και δε ξεχναμε να αλλαξουμ αυτο που λεει ΕΔΩ ΤΟ ΛΙΝΚ ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ με το λινκ της σελιδας σας στο facebook
Οριστε ο κωδικος

<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("facebook").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("facebook").stop(true,false).animate({right: -303}, 500); });    });</script><div id="on">
<div id="facebook_right" style="top: 18%;">
<div id="facebook_div">
<img src="http://4.bp.blogspot.com/-pzM3IebaPHg/T3BF_Cp5ChI/AAAAAAAABTA/uPlhRvqJF2Y/s1600/helperblogger.com-facebook-icon.png" alt="" /><iframe src="//www.facebook.com/plugins/likebox.php?href=ΕΔΩ ΤΟ ΛΙΝΚ ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ ΦΑΨΕΒΟΟΚ&&width=200&height=348&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:348px;" allowtransparency="true"></iframe><p style=" float:right; margin-right:35px; font-size:7px;" >Powered By | <a style=" font-size:7px; color:#3B78CD; text-decoration:none;" href=https://posftiaxnoblog.blogspot.com/p/blogger-widgets.html />blogger widgets</a></p>
</div>
</div>
</div>


facebook like box 3η εκδοση


floating like box
μπαινει και αυτο σα gadget και δε ξεχναμε να αλλαξουμε εκει που λεει
 "εδω το url της σελιδας  στο facebook" με τη σελιδα σας.
και εδω ειναι ο κωδικος

<script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.noopslikebox{background: url("http://3.bp.blogspot.com/--YMTRGpGgko/T0jC5zdicwI/AAAAAAAAAJ8/7eE40O9rc1Q/s1600/fb_static+button.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 42px;width: 245px;z-index: 9999999;position:fixed;right:-250px;top:20%;}.noopslikebox div{border:none;position:relative;display:block;}.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}.noopslikebox span a{color: gray;text-decoration:none;}.noopslikebox span a:hover{text-decoration:underline;}</style><div class="noopslikebox">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=εδω το url της σελιδας σας στο facebook?ref=hl&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div>
</div>

12 comments

kalispera den mporo na katalavo pos to vazoume san gadget ..pos akrivos mpenei....voithiaaaaaaaaaaaa....eyxaristv poli

Γιωτακι πρεπει να πας στη διαταξη προσθηκη gadget και να το βαλεις

grigori pao alla isos kati den kano kala...an mporeis na mou to eksigiseis kalitera..eyxaristo poli ..eimai kainourgia kai prospatho

grigori mpeno ekei pou leei prosthiki dikou sas....alla ti akrivos vazoseyxaristo poli

Γιωτα πας διαταξη-προσθηκη gadget kai μετα καπου ποιο κατω σου γραφει HTML/JavaScript πατας εκει και κανεις επικολληση το κωδικο

γιωτα αντιγραφεις το κωδικο που εχω εγω ποιο πανω

παιδια βαζω το κωδικο στο html του blogspot gadgets k γενικα δ μου τους δεχεται ...ενω παλιοτερα τα δεχοταν,.,.,.,.εχουν αλλαξει κατι ξερεται,.,.,.,.,.,

λογικα παιζει ρολο το προτυπο σου γιατι εγω που τους βαζω δεν εχω κανενα προβλημα

δεν μου βγαζει την σελιδα μου μηπωσ μπορειται να μου πειτε γιατι?
ευχαριστω