floating facebook like box for blogger + e??es? id se facebook page

???a? a???�?? ?d?? �e t? floating twitter followers box for blogger �e �??? d?af??? p?? p???e?ta? ??a t? facebook a?t? ??a t? twitter.

 ? d?ad??as?a p??s????? t?? e??a? p??? e?????. 

 1. s??des? st? blogger.com
2. ???ta?? > ???s???? gadget > HTML/JavaScript
3. Ep??????ste e?e? 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%2Fbloggertipsgr%2F643745905641753&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>
<div align="right"><span style="font-size: xx-small;background:#fff;"><a href="http://www.bloggertips.gr" target="_blank">BloggerTips.gr</a></span></div>
</div></div>

???s??? t??a: 

sa? ??? �a????e? �e ??????? t? http%3A%2F%2Fwww.facebook.com%2Fpages%2Fbloggertipsgr%2F643745905641753 
p??pe? ?a a?t??atast?sete t? bloggertipsgr �e t? d??? sa? name ?a? t? 643745905641753 �e t? d??? sa? id 
? ?e???? �??f? e??a? http%3A%2F%2Fwww.facebook.com%2Fpages%2Fname%2Fid 
de? ?????ta? de?t?? d?e????se?? �e username p.?. https://www.facebook.com/www.bloggertipstips.gr

e??es? id se facebook fan page: 

update: st?? pa?a??t? f?t? ??? ???e? ?????. t? name de? e??a? a?t? p?? ??? ?????se?!

??a pa??de??�a a? ? url sa? e??a? t?? �??f??: https://www.facebook.com/www.bloggertipstips.gr t?te s�?ste t? www ?a? a?t??atast?ste t? �e t? graphd??ad? ?a ???e? ?ts?: https://graph.facebook.com/www.bloggertipstips.gr 
a? a????ete t? https://graph.facebook.com/www.bloggertipstips.gr
p???-p??? ?a sa? e�fa??se? t? id t?? se??da? sa? ?a? pa?a??t? t? name t?? (de? f?t?)

??ste ?t??�??! 

?? sa? ??ese ???te like st? se??da �a? st? facebook, ap? t? fan box widget p?? ????�e d?p?a! 

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

Related Posts