17 Styles Animated ( On Hover ) Floating Twitter Follow Me Badge.

Αφού κρατήσετε ένα backup το template σας καλού-κακού....

θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....

</head>

και θα προσθέσετε τον παρακάτω κώδικα πριν το κλείσιμο του </head>

Δείτε στην εικόνα τα σχέδια & με βάση τον αριθμό που έχουν από κάτω, αντιγράψτε το direct link & το On Hover από το παρακάτω πίνακα.
Και τοποθετήστε τα στις ανάλογες θέσεις του παρακάτω κώδικα.

Direct link image	On Hover Direct link
01. http://i42.tinypic.com/353cvh4.jpg	http://i42.tinypic.com/212en7t.jpg
02. http://i40.tinypic.com/j65sts.jpg	http://i44.tinypic.com/2cncvq1.jpg
03. http://i40.tinypic.com/x283dc.jpg	http://i43.tinypic.com/m9sj5y.jpg
04. http://i42.tinypic.com/30kf7mp.jpg	http://i42.tinypic.com/330ab9s.jpg
05. http://i43.tinypic.com/20hwowl.jpg	http://i41.tinypic.com/i1mauo.jpg
06. http://i43.tinypic.com/x5nygw.jpg	http://i43.tinypic.com/2nk2qn9.jpg
07. http://i44.tinypic.com/1zqsowk.jpg	http://i39.tinypic.com/33nukja.jpg
08. http://i43.tinypic.com/24c8jm9.jpg	http://i39.tinypic.com/14112c7.jpg
09. http://i44.tinypic.com/r8ug3o.jpg	http://i43.tinypic.com/18nf54.jpg
10. http://i44.tinypic.com/2rz7u9s.jpg	http://i44.tinypic.com/2gxmamx.jpg
11. http://i44.tinypic.com/6jozr4.jpg	http://i43.tinypic.com/25iaycy.jpg
12. http://i39.tinypic.com/2a68u1k.jpg	http://i42.tinypic.com/2rnk9py.jpg
13. http://i43.tinypic.com/34zjfo5.jpg	http://i43.tinypic.com/a4ak2v.jpg
14. http://i43.tinypic.com/8wjfbs.jpg	http://i41.tinypic.com/5wbecx.jpg
15. http://i42.tinypic.com/23uucco.jpg	http://i43.tinypic.com/fee7ht.jpg
16. http://i41.tinypic.com/dcfzag.jpg	http://i44.tinypic.com/200g0w4.jpg
17. http://i41.tinypic.com/2quhswn.jpg	http://i42.tinypic.com/f5a83s.jpg

<!--FOLLOW-ME-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<style type='text/css'>
.twitterbuttonLE {
width: 31px;
height: 147px;
display: block;
font-size: 10px;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(...Direct link image...);
position:fixed;
top:50%;
right:0px;
}
.twitterbuttonLE:hover {
width: 31px;
height: 147px;
display: block;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(...On Hover Direct link...);
position:fixed;
top:50%;
right:10px;
}
</style>
<!--FOLLOW-ME-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Τώρα κάνετε Προεπισκόπηση κι αφού δε σας βγάλει λάθος θα πατήσετε Αποθήκευση Προτύπου.

Και θα πάτε στον Πανόπτη σας --> Διάταξη --> Στοιχεία Σελίδας --> Προσθήκη gadget --> HTML/JavaScript και θα προσθέσετε τον παρακάτω κώδικα,
α) χωρίς να βάλετε κατι στον Τίτλο.
β) Να προσθέσετε τον σύνδεσμο της σελίδας σας στο twitter.
Και θα πατήσετε αποθήκευση gadget.

<!--FOLLOW-ME-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<a style="display:scroll;" href=".....Your twitter account......." class="twitterbuttonLE"> </a><!--FOLLOW-ME-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Σύντομα θα ανεβάσω κι άλλα σχέδια και σε άλλα χρώματα.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!