» » » » Floating Facebook Like Box for Blogger !

Floating Facebook Like Box for Blogger !

, ,
S?�e?a ?a as???????�e �e ??a a??et? d?�?f???? social bookmarking widget t?? facebook. ????e?ta? ??a ??a ap?? facebook like box t?? se??da? �a?, �e t? �??? d?af??? ?t? a?t? "?????e?" p??? de??? st?? ????? �a? ?a? "?et????eta?" �e t? ?????�a t?? p??t????? �a?. ???? ????te????? ? pe????af? �??, ??a a?t? d???�?ste t?, ??a ?a ?ata??�ete ?a??te?a!

???????S?? ???ST???S

1. s??des? st?? ???a??as�? sa? ap? blogger.com
2. s?ed?as?> p??s???? gadget> HTML/JavaScript
3. ep??????te t?? pa?a??t? ??d??a

<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/AVvXsEgm7hyphenhyphenmBOsImY7XCE4R3zS9ObuPMPC-ztCKkS-zM8AC3Z-mlsy4gHimIvLekqSTfw3OJpNpOs8Bu6NsBFQIoLQ_bo9GgkEX3OwhEkhVUp75hmeOJDghZItc5v-SVWxaJ-re6u0NMXU8u7I/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%2FOlympiakos%2F110703838950130&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://www.bloggertips.gr/2012/09/floating-facebook-like-box-for-blogger.html" target="_blank">Add this!</a></span>
</div></div>

ed? t??a �p??e?te ?a ???ete p????? a??a??? a? d?at??ete st???e??de?? ???se?? t?? html.. �as??? de? e??a? t?s? ??�a ???s?? ?s? ?a ??ete s????�e? t? �as??? ?????? t??..

*** ap?? facebook like box �p??e?te ?a �??ete ap? t? http://developers.facebook.com/docs/reference/plugins/like-box/ ***

???p?? a????ete t? se??da sa? st? facebook.
???t?te st?? �p??a t?? browser, ? url (Uniform Resource Locator ? -e??.- ???a??? ??t?p?st?? ?????) ?a e??a? t?? �??f?? http://facebook/pages/???�a/id

p.?. http://www.facebook.com/pages/Olympiakos/110703838950130
(????e ??e ????e ??e se �?ep? ?a? t?e?a???�a?.....)

?a? a?t? p?? ??? �a????e? �e ??????? ap? p??? st?? ??d??a, t? a????ete �e ta st???e?a t?? d???? sa? se??da?...

4. ap????e?s? ?a? e?ste ?t??�??!

af?ste t? s????? sa? a? ???ete ?a? ???te a?t? t? post "like" st? facebook..
p??ta a? ???ete...

??a ?a sa? ft???e? t? d???es?...

?????: http://www.bloggertips.gr/
Copyrights: http://www.bloggertips.gr/