Twitter Signature/Counter below every Blogger Post by LoneEagle. |  Στάλες στο γαλάζιο ® <link href='http://3.bp.blogspot.com/-VDDskDkpQRI/TyB64BRg8pI/AAAAAAAAMpU/0rL3VVnPSc8/s72-c/Twitter%2BSignature%2B%2526%2BCounter%2Bbelow%2Bevery%2BBlogger%2BPost.png' rel='https://4.bp.blogspot.com/-ucvLyH7G8ns/WNrpJ42EDOI/AAAAAAAAfwo/V5doGhzXC8QztinTcD9Jfy_YBPCPzpPOgCLcB/s640/Stales_sto_Galazio.jpg'/>

0



Επειδή λοιπόν όλοι μας βαριόμαστε αυτά που προτείνουν κάποια 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....


Twitter Signature & Counter below every Blogger Post

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

Twitter Signature & Counter below every Blogger Post

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

Twitter Signature & Counter below every Blogger Post

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

Twitter Signature & Counter below every Blogger Post

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

Twitter Signature & Counter below every Blogger Post

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

Twitter Signature & Counter below every Blogger Post

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

Twitter Signature & Counter below every Blogger Post

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.Τέλος πατήστε Προεπισκόπηση & αν δεν σας βγάλει κάποιο λάθος, πατήστε ΑΠΟΘΗΚΕΥΣΗ.

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


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

Δημοσίευση σχολίου Blogger

Παρακαλώ, την προσοχή σας ! ! !

* Εάν εντοπίσετε κάποιο πρόβλημα σε κάποια δημοσίευση (μη ενεργός συνδεσμος λ.χ. ή οτιδήποτε άλλο), παρακαλούμε κάντε τον κόπο να γράψετε στα σχόλιά σας, το οποιοδήποτε πρόβλημά σας, ώστε να προβούμε στην άμεση διόρθωσή του.
Επίσης, μπορείτε να αποστείλετε ένα "Ευχαριστώ" προς όσους ασχολήθηκαν & σας προσέφεραν ένα... κομμάτι από τη γνώση τους.

Παράκληση προς τους φίλους αναγνώστες-σχολιαστές:

* Να αποφεύγετε να γράφετε με greekglish γιατί τα σχόλιά σας ΔΕΝ θα γίνονται δεκτά.
* Αποφεύγετε το spamάρισμα στα σχόλια. - Please don't spam me!
* Σε περίπτωση που δεν έχετε καταλάβει κάτι, επικοινωνήστε μαζί μας μέσα από την φόρμα των σχολίων και θα σας απαντήσουμε σε εύλογο χρόνο, γι' αυτό ΜΗΝ καταφεύγετε στη αποστολή e-mail για τις όποιες απορίες σας.
* Χρησιμοποιήστε το Reply (που βρίσκεται κάτω από την εικόνα χρήστη), αν θέλετε να του απευθύνετε το λόγο, ή να απαντήσετε σε προυγούμενο σχόλιο.
* Το μέγιστο όριο χαρακτήρων είναι 4.096
* Τα σχόλιά σας θα δημοσιεύονται μετά τον απαραίτητο έλεγχο.

Σημείωση: Όσοι θέλετε να παίρνετε ειδοποιήσεις για τα σχόλια που κανετε, μην ξεχάσετε να τικάρετε το κουμπί "Να λαμβάνω ειδοποιήσεις"

Σας Ευχαριστούμε για την κατανόηση και την επίσκεψή σας.!

 
Top
Blogger Tutorials

Δημιουργήστε τώρα ένα ιδανικό ιστολόγιο, χωρίς να ξοδέψετε ούτε 1€.Περισσότερα από 500 tutorials είναι στη διάθεσή σας.
Οι διαχειριστές του ιστολογίου «Στάλες στο γαλάζιο» σας συμβουλεύουν...
Αποφεύγετε την οποιαδήποτε προσφερόμενη "βοήθεια" από τυχάρπαστους και κατ' επίφαση "web designers", που από ιδιοτέλεια και μόνο προσπαθούν να εκμεταλλευθούν την άγνοιά σας!!!
Με εκτίμηση
«Στάλες στο γαλάζιο»
:-)