Hi! Welcome...

Premium Blogger Template
FREE Premium Blogger Templates
Μοναδικά Free Blogger πρότυπα για το blog σας
Slimbox 2.02 με jquery-1.3.2 στο Bloggspot .
Πώς να εγκαταστήσετε SlimBox σε Blogger
ΙmgBox
Για να παρουσιάσετε τις εικόνες σας με στυλ !!!
31 καλυτέρα Blogger Widgets και addon
Κατάλογος συνδέσμων όπου μπορείτε να ανακαλύψετε περισσότερα widgets για το blog σας.
1 2 3 4 5

Πέμπτη, Σεπτεμβρίου 10

0

Fixed-Floating Twitter Follow Me Button για τα Blogger Blogs

Προσθέστε ένα όμορφο και διακριτικό Floating Twitter Follow Me κουμπί στο Blogger Blog σας και αποκτήστε περισσότερους οπαδούς στο Twitter Παρακάτω θα σας εξηγήσω πώς να το προσθέσετε γρήγορα fixed-floating twitter follow me badge στα blog's σας.




Τα βήματα που πρέπει να ακολουθήσετε είναι τα εξής:

Βήμα 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:

 

© 2010 Bloggertrics

WordPress Theme by: WooThemes. | Converted into Blogger Templates by : Bloggertrics

ΑΡΧΙΚΗ| Sitemap| Posts RSS