Floating Twitter Followers Box for Blogger

Σήμερα θα σας παρουσιάσω ένα πολύ όμορφο αλλά και πρακτικό Blogger Widget.
Αναφέρομαι στο Twitter Followers Box αλλά σε "πλάγιο κουμπί" όπως στην εικόνα. 

Είναι πιστεύω ένα αρκετά χρήσιμο Gadget που πρέπει να έχει κάθε blog, αφού:

• Κερδίζεις αρκετό χώρο στο siderbar σου που είναι σημαντικό για κάθε blogger.
• Κερδίζεις Followers κάνοντας το twitter followers box πιο φανερό στους επισκέπτες.
  

Πάμε όμως να δούμε πως θα το εγκαταστήσετε στο blog σας:

1) Σύνδεση στον Blogger
2) Σχεδίαση
3) Προσθήκη Gadget
4) HTML/JavaScript

Και στο δεύτερο κουτάκι προσθέστε τον παρακάτω κώδικα:

<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() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function()
{$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//--> </script>
<style type="text/css">
.twitterboxot{background: url("http://1.bp.blogspot.com/-ldfb1FsK_Xk/T0bpHaTD5nI/AAAAAAAAGqE/7y1fL69TQa8/s1600/Twitter.png")
no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 29px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:1%;}</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
id="twitterfanbox"></div
id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init("bloggertricksgr");</script><center><span style="font-size: xx-small;">Powered by <a href="http://www.bloggertricks.gr/2012/02/floating-twitter-followers-box-for.html" target="_blank">Blogger Hacks</a></span></center></div>

Αντικαταστήστε το bloggertricksgr με το δικό σας στο Twitter και πατήστε αποθήκευση.

www.bloggertricks.gr