Τα βήματα που πρέπει να ακολουθήσετε είναι τα εξής:
Βήμα 1: Συνδεθείτε στο Blogger λογαριασμό σας.
Βήμα 2: Πηγαίνετε " Διάταξη - > Επεξεργασία HTML " και βρείτε τον παρακάτω κώδικα στο πρότυπο: <\ head>
Βήμα 3: Αμέσως πάνω/πριν από αυτόν τον κώδικα,κάντε επικόλληση του κώδικα που σας δίνω παρακάτω :
<style type="text/css">
.feedbacktw {
width: 31px;
height: 116px;
display: block;
font-size: 10px;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/1zb4509.jpg);
position:fixed;
top:20%;
right:2px;
}
.feedbacktw:hover {
width: 31px;
height: 116px;
display: block;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/xpu99c.jpg);
position:fixed;
top:20%;
right:10px;
}
Βήμα 4: Τελικά πηγαίνετε " Διάταξη -> Στοιχεία Σελίδας -> Προσθήκη Gadget (επιλέξτε HTML/JavaScript ) " και προσθέστε αυτόν τον κώδικα:
<a class="feedbackb" href="http://twitter.com/BloggerStop" style="display: scroll;"> </a>
Αλλάξτε το "http://twitter.com/BloggerStop" το δικό σας Twitter profile .
Οι δυο εικόνες που χρησιμοποιούνται είναι με μαύρο και μπλε background .Εάν δεν θέλετε να παρουσιάσετε διαφορετική εικόνα , με το πέρασμα του ποντικιού πάνω στο twitter follow me badge , τότε ακολουθήστε τα παρακάτω βήματα :
1) Βρείτε στο βήμα 3 τον κωδικό :
.feedbacktw:hover {
width: 31px;
height: 116px;
display: block;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/xpu99c.jpg);
position:fixed;
top:20%;
right:10px;
}
2) Και Αντικαταστήστε τον με αυτόν τον κώδικα:
<style type="text/css">
.feedbacktw {
width: 31px;
height: 116px;
display: block;
font-size: 10px;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/1zb4509.jpg);
position:fixed;
top:20%;
right:2px;
}
Αποθηκεύετε το πρότυπό σας και δείτε το αποτέλεσμα .
Καλή τύχη 
Πηγή : bloggerstop.net
0:
