Twitter Signature/Counter below every Blogger Post by LoneEagle.

Επειδή λοιπόν όλοι μας βαριόμαστε αυτά που προτείνουν κάποια sites, για το Twitter σκεφτήκαμε να σας παρουσιάσουμε κάτι διαφορετικό, κάτι που φτιάξαμε εμείς για όλους εσάς.

Έτσι, για να μην μένουμε συνέχεια στα ίδια και στα ίδια.

Είναι μια εικόνα η οποία μπαίνει κάτω από κάθε ανάρτηση & πατώντας πάνω της ο κάθε χρήστης που έχει λογαριασμό στο twitter, συνδεέται αυτόματα στο λογαριασμό σας......& κου λου που...κου λου που

Για να το περάσετε θα κάνετε τα εξής απλά βήματα:



0.Πριν την οποιαδήποτε αλλαγή κρατήστε BACKUP ΤΟ ΠΡΟΤΥΠΟ ΣΑΣ για να αποφύγετε δυσάρεστες καταστάσεις σε περίπτωση λάθους!!!!!!!

1. Θα κάνετε Σύνδεση/Login στο blog σας & θα μπείτε στον Πίνακα Ελέγχου σας --> Σχεδίαση --> Επεξεργασία HTML
2. Εκεί θα τσεκάρετε το κουτάκι "Επέκταση προτύπων γραφικών στοιχείων"
3. Και θα κοιτάξετε να βρείτε τον παρακάτω κώδικα με Ctrl + F....

]]></b:skin>

Μόλις το βρείτε επικολλήστε τον παρακάτω κώδικα στην προηγούμενη γραμμή.

<!--Twitter-Signature-Counter-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
.twitter_follow_us{background-image:url(....direct link image....);

border:inset 2px #D3DEEA;// περίγραμμα, σχέδιο, πάχος, χρώμα

<!-- START Αν δε θέλετε τις στρογγυλεμένες γωνίες μπορείτε να το αφαιρέσετε -->
-moz-border-radius-topleft: 11px;-moz-border-radius-topright:11px;-moz-border-radius-bottomleft:11px;-moz-border-radius-bottomright:11px;-webkit-border-top-left-radius:11px;-webkit-border-top-right-radius:11px;-webkit-border-bottom-left-radius:11px;-webkit-border-bottom-right-radius:11px;border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-left-radius:11px;border-bottom-right-radius:11px;
<!-- STOP Αν δε θέλετε τις στρογγυλεμένες γωνίες μπορείτε να το αφαιρέσετε -->

background-repeat:no-repeat;
height:70px;// ύψος
width:600px;// πλάτος
margin-bottom:1px;margin-top:1px}

.follow_us_text{font-family:"Times New Roman",Georgia,Serif;// γραμματοσειρά
font-size:16px;// μέγεθος γραμματοσειράς κειμένου
color:#7e9ea6;// χρώμα
width:230px;// πλάτος κειμένου
padding-left:115px;// απόσταση απο την αριστερή πλευρά
padding-top:10px;// απόσταση απο την κορυφή
line-height:15px;// ύψος γραμμής
float:left;
-webkit-font-smoothing:subpixel-antialiased;
text-shadow:1px 1px 0 #f2fdff
}
.follow_us_button_outer{width:190px;float:right;padding-top:26px;margin-right:60px}
<!--Twitter-Signature-Counter-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Οι τιμές που έχω χρησιμοποιήσει στο css βασίζονται στις εικόνες που σας προσφέρω παρακάτω.

Aναλυτικότερες πληροφορίες για τα περιγράμματα (border) θα βρείτε εδώ

Κοιτάξτε τις εικόνες που έφτιαξα, και πάρτε ιδέες...για να φτιάξετε την δική σας ΜΟΝΑΔΙΚΗ εικόνα.
Ορισμένοι από εσάς, τους δίνεται η ευκαιρία να μεγαλουργήσουν!!!

Αλλιώς αντιγράψτε την διεύθυνση που βρίσκεται κάτω από κάθε εικόνα & περάστε την στην πρώτη γραμμή του παραπάνω κώδικα, εκεί που λέει: ....direct link image....




http://i987.photobucket.com/albums/ae359/LoneEagle110/WebEllements/twitterback6.jpg



http://i987.photobucket.com/albums/ae359/LoneEagle110/WebEllements/twitterback5.jpg



http://i987.photobucket.com/albums/ae359/LoneEagle110/WebEllements/twitterback3.jpg



http://i987.photobucket.com/albums/ae359/LoneEagle110/WebEllements/twitterback10.jpg



http://i987.photobucket.com/albums/ae359/LoneEagle110/WebEllements/twitterback9.jpg



http://i987.photobucket.com/albums/ae359/LoneEagle110/WebEllements/twitterback8.jpg



http://i987.photobucket.com/albums/ae359/LoneEagle110/WebEllements/twitterback4.jpg


4. με Ctrl + F.... θα κοιτάξετε να βρείτε...

<data:post.body/> υπάρχει σε όλα τα πρότυπα/templates
ή
<div class='post-footer'> υπάρχει σε όλα τα πρότυπα/templates
ή
<p class='post-footer'>
ή
<div class='post-footer-line post-footer-line-1'>
ή
<p class='post-footer-line post-footer-line-1'>

Εάν έχετε περάσει το Αυτοματοποιημένο "Read more..." θα κατεβείτε λίγο πιο κάτω & θα βρείτε το 2ο <data:post.body/>

Μόλις το βρείτε θα προσθέσετε τον παρακάτω κώδικα στην επόμενη γραμμή, αφού πρώτα προσθέσετε τα στοιχεία σας.

<!--Twitter-Signature-Counter-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<div class='twitter_follow_us'>
<div class='follow_us_text'>...το κείμενο της υπογραφής σας...</div>
<div class='follow_us_button_outer'><a class='twitter-follow-button' data-show-count='true' href='https://twitter.com/LoneEagle110'>Follow @ LoneEagle110</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<!--Twitter-Signature-Counter-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Αλάξτε μόνο τα κόκκινα γράμματα, βάζοντας το USERNAME ΣΑΣ'>Follow @ USERNAME ΣΑΣ το όνομα που χρησιμοποιείτε στο Twitter, και στο ...το κείμενο της υπογραφής σας... γράψτε το δικό σας μήνυμα.

4.Τέλος πατήστε Προεπισκόπηση & αν δεν σας βγάλει κάποιο λάθος, πατήστε ΑΠΟΘΗΚΕΥΣΗ.

Και κάντε Ανανέωση την σελίδα σας.

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