Sport Gadgets – Widgets on Sports

All who have Blogs about Sports and more specifically football. I’ll tell you about some nice and useful Gadgets to add to your Blog and give it the “air” it needs to make it more friendly to your visitors.

We’ve all seen on many Blogs some Gadgets and Widgets that update you for example with Match Scores and that give another character to the Site / Blog. Most of the well-known “Gazzetta” is one of the most popular in Greece.

Let’s go see a collection of the most beautiful and useful Sports Gadgets:

<iframe src=”http://www.bxpbet.com/widgets/tv.php” id=”bxptv” scrolling=”no” style=”margin: 0; padding: 0;” width=”300″ height=”200″ frameborder=”0″></iframe>

Floating Facebook Like Box for Blogger

Good evening, from Blogger Tricks

Today I will show you a very beautiful but practical Blogger Widget.
I refer to Facebook Like Box but to “side button” as in the above picture.

It’s a pretty useful Gadget that every blog should have, since:

  • Saving enough space for your sidebar is important for any web designer.
  • You win Likes by making facebook like box more visible to your visitors.

But let’s see how you will install it on your blog:

1) Sign in to Blogger
2) Design
3) Add Gadget
4) HTML / JavaScript

And in the second box add the following code:

<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/-XmXmlBqBIsk/T0bpFKqRpbI/AAAAAAAAGps/DqATKGBCHPg/s1600/Facebook.png”) no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 33px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:30%;}
.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ΑΝΤ1%2F56484855901&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.bloggertricks.gr/2011/11/floating-facebook-like-box-for-blogger.html” target=”_blank”>Blogger Widgets</a></span></div></div>