F.E.O. ΚΑΙ FREE DOWNLOADS

Καλή εβδομάδα σε όλους και σε όλες. Να ξεκινήσουμε με μια δυσάρεστη είδηση. Το Feed Each Other (a.k.a. F.E.O.) κατεβάζει τα ρολά στης 31 Μαρτίου. Αυτός ο aggregator δεν είναι τόσο διαδεδομένος στην ελληνική blogόσφαιρα αλλά τα ξενόγλωσσα blogs και ειδικότερα τα αγγλόφωνα τον έχουν στα tops των προτιμήσεων τους. Στο παρακάτω screenshot που με ένα κλικ πάνω του μπορείτε να το μεγενθύνετε θα δείτε τους λόγους που οδηγούνε τον ιδιοκτήτη του σε αυτήν την απόφαση. Αν θέλετε να επισκευτείτε τη σελίδα με τη σύντομη αιτιολογία κάντε κλικ εδώ.

Να περάσουμε σε κάποιες διαδυκτιακές προτάσεις. Θέλετε free downloads σε προγράμματα; Επισκευτείτε το DOWNLOADS.COM. Εκεί θα βρείτε χρήσιμα freeware προγράμματα τόσο για Windows όσο και για Mac.
Δεύτερη πρόταση που έχω να σας κάνω είναι το πολύ καλό Freeware Files. Αξίζει να το επισκευτείτε. Θα βρείτε drivers, utilities, games, προγράμματα κάθε κατηγορίας ακόμα και πιο εξεζητημένα.
Τρίτη πρόταση και εξίσου καλή είναι το Tripod. Εκεί εκτός από το freeware υλικό που θα βρείτε μπορείτε να βρείτε διάφορα tutorials (π.χ. πως μπορείτε αν κατασκευάσετε μια σελίδα με κώδικα HTML ακόμα και αν δε γνωρίζετε το παραμικρό από γλώσσες προγραμματισμού).
Για τους χρήστες των Windows XP και Vista που θέλουν κάποια βασικά προγράμματα στα συστήματα τους προτείνω το 100-Downloads. Το μόνο σίγουρο είναι ότι δε θα σας απογοητεύσει.
Άλλες τρεις παρόμοιες ιντερνετικές λύσεις στο οικονομικό μας είναι και οι ακόλουθες: Free Stuff Me, Programy και The Free Site.
Εξερευνείστε τα και θα μείνετε ικανοποιημένοι σε μεγάλο βαθμό. Δεν πρέπει να είναι απαραίτητη προϋπόθεση ότι τα καλά κοστίζουν κιόλας. ;-)

ΑΥΤΟΜΑΤΗ ΚΥΛΙΣΗ ΣΕΛΙΔΩΝ

Σήμερα θα δούμε ένα κολπάκι που θα βοηθάει τους αναγνώστες μας να έχουν λυμμένα τα χέρια τους όταν διαβάζουν τις αναρτήσεις μας. Αντί να είναι το ένα χέρι μονίμως στο ποντίκι και να κατεβαίνουν σιγά - σιγά στο blog μας μια φορά αρκεί να κάνουν κλικ στο βελάκι δεξιά στη scroll down μπάρα και η σελίδα μας θα κατεβαίνει αυτόματα. Δείτε το παρακάτω screenshot για να καταλάβετε (κλικ στην εικόνα για να τη δείτε σε μεγέθυνση).


Μπείτε στο λογαρισμό σας και πάτε πανόπτης, διάταξη και επεξεργασία HTML. Πατήστε το Control και F (Ctrl+F) για να ανοίξει στο κάτω μέρος της οθόνης το ψαχτήρι και μέσα στο πλαίσιο αυτού πληκτρολογήστε: </body>
Θα δείτε ότι μέσα στον κώδικα του template σας εμφανίζει αυτό που πληκτρολογήσαμε στο ψαχτήρι χρωματισμένο. Ακριβώς μια γραμμή παραπάνω κάνουμε κλικ και πατάμε enter για να δημιουργηθεί μια κενή γραμμή πριν το </body> και σ' αυτή τη γραμμή κάνουμε αντιγραφή - επικόλληση (copy - paste) τον παρακάτω κώδικα:

<script language="JavaScript1.2">

//change 1 to another integer to alter the scroll speed. Greater is faster
var speed=1
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}

function iecompattest(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}

function scrollwindow(){
if (document.all)
temp=iecompattest().scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp

Πατήστε αποθήκευση (save) και τέλος. Πως δουλεέυει; Απλά αν κάνετε μια φορά κλικ στο κάτω βελάκι της κυλιόμενης μπάρας ή αν με το ποντίκι τραβήξετε την κυλιόμενη μπάρα προς τα κάτω αυτό ξεκινάει και κατεβάζει τη σελίδα σας. Για να το σταματήσετε πατήστε το πάνω βελάκι της κυλιόμενης μπάρας ή τραβήξτε με το ποντίκι την κυλιόμενη μπάρα προς τα πάνω. Κάντε κλικ εδώ για να δείτε πως δουλεύει. Καλή επιτυχία.

ΔΗΜΙΟΥΡΓΙΑ ΚΑΙ ΠΡΟΣΘΗΚΗ ANIMATED TEXT BANNER

Σήμερα θα σας δείξω πως μπορούμε να βάλουμε ένα κινούμενο banner. Ονομάζεται scrolling or marqee text, δηλαδή το κείμενο του banner κινείται από πάνω προς τα κάτω ή το αντίθετο ή από αριστερά προς τα δεξιά και το αντίθετο. Πρώτα πρέπει αν καταλάβουμε πως δουλεύει ο κώδικας έτσι ώστε να τον φέρουμε στα μέτρα μας.
Το κείμενο του banner πρέπει να περικλείεται από δύο tags. Το opening tag και το closing tag. Δείτε το παρακάτω παράδειγμα:

<opening tag> Το κείμενο σας </closing tag>

Ο κώδικας για το scrolling or marqee text banner πρέπει να μοιάζει με τον παρακάτω:

<marquee>Το κείμενο σας - Demo</marquee>

Αν προσθέσετε τον παραπάνω κώδικα στο blogspot θα δείτε ένα demo κείμενο σε άσπρο φόντο (background) και ακίνητο. Εμείς πρέπει να προσθέσουμε στον κώδικα χρώμα φόντου, ταχύτητα που κινείται το κείμενο, κατεύθυνση κειμένου, διαστάσεις banner. Για να προσθέσουμε όλα τα παραπάνω είναι ιδιαίτερα εύκολο, απλά θέλει λιγάκι προσοχή. Για παράδειγμα, για να βάλουμε κατεύθυνση κειμένου πρέπει να προσθέσουμε στον κώδικα το παρακάτω:
direction="right"

Το παραπάνω πρέπει να προστεθεί μετά το opening tag που στην περίπτωση μας είναι το <marquee> Ο κώδικας του banner θα πρέπει να δείχνει κάπως έτσι:

<marquee direction="right">Το κείμενο σας - Demo</marquee>

Με τον ίδιο τρόπο προσθέτουμε και τα υπόλοιπα στοιχεία, values στα αγγλικά, (χρώμα φόντου, ταχύτητα που κινείται το κείμενο, διαστάσεις banner) στον κώδικα. Ας προσθέσουμε χρώμα φόντου. Το στοιχείο που θα προσθέσουμε είναι της μορφής bgcolor="#FF00FF" (όπου #FF00FF είναι το χρώμα). Να θυμάστε ότι πάντα προσθέτουμε τα values μετά το opening tag που στην περίπτωση μας είναι το <marquee> Ο κώδικας θα πρέπει να μοιάζει με τον παρακάτω:

<marquee bgcolor="#FF00FF" direction="right">Το κείμενο σας - Demo</marquee> Με τον ίδιο τρόπου βάζουμε και τα υπόλοιπα στοιχεία του βαννερ μας. Παρακάτω έχω ένα πίνακα με τα στοιχεία που μπορείτε να προσθέσετε και μια μικρή επεξήγηση του καθενός.

The Value	ΕΠΕΞΗΓΗΣΗ
direction="left"	Κάνει το κείμενο να κινείται προς τα αριστερά.
direction="right"	Κάνει το κείμενο να κινείται προς τα δεξιά.
direction="up"	Κάνει το κείμενο να κινείται προς τα πάνω.
direction="down"	Κάνει το κείμενο να κινείται προς τα κάτω.
behavior="alternate"	Κάνει το κείμενο να κινείται προς τα δεξιά και μόλις φτάσει στο τέλος της διαδρομής του το κείμενο αλλάζει κατεύθυνση (προς τα αριστερά) και επιστρέφει στην αρχή.
behavior="slide"	Κάνει το κείμενο να σταματάει μόλις φτάσει στο τέλος της διαδρομής του.
loop="4"	Αν θέλετε να ελέγχετε πόσες φορές θα εμφανιστεί το κείμενο στο banner προσθέστε αυτό το value και αλλάξτε τον αριθμό (4) στον επιθυμητό από εσάς.
scrollamount="2"	Με αυτό το value ελέγχετε την ταχύτητα που κινείται το κείμενο. Το 1 είναι αργό, το 2 γρηγορότερο και τα 3, 4, 5 ακόμη γρηγορότερα. Όσο μεγαλύτερο αριθμό βάλετε τόσο αυξάνεται η ταχύτητα με την οποία κινείται το κείμενο.
width="400"	Με αυτό ελέγχετε το πλάτος του banner. Όσο μεγαλύτερη τιμή τόσο φαρδύτερο το banner.
height="66"	Με αυτό ελέγχετε το ύψος του banner. Όσο μεγαλύτερη τιμή τόσο ψηλότερο το banner.
onmouseover="this.stop()" onmouseout="this.start()"	Με αυτό το value καθορίζουμε το κείμενο να σταματάει όταν πάνω στο banner βρίσκεται ο δείκτης από το ποντίκι και όταν το απομακρύνουμε να συνεχίσει να κινείται το κείμενο.
bgcolor="#9999CC"	Με αυτό αλλάζουμε το χρώμα του φόντου (background). Θα σας δείξω αργότερα πως βρίσκουμε την κωδική ονομασία του επιθυμητού χρώματος.
style="color: #FF0000"	Με αυτό αλλάζουμε το χρώμα της γραμματοσειράς. Θα σας δείξω αργότερα πως βρίσκουμε την κωδική ονομασία του επιθυμητού χρώματος.
style="font-size: 1em"	Με αυτό αλλάζουμε το μέγεθος της γραμματοσειράς.
style="font-family: Tahoma"	Με αυτό αλλάζουμε τη γραμματοσειρά.
style="font-size: 12pt; color: #800000; font-family: Tahoma"	Με αυτόν το τρόπο μπορούμε να προσθέσουμε στον κώδικα του banner τα values και να αλλάξουμε τη γραμματοσειρά, το μέγεθος αυτής και το χρώμα αυτής.

Αν θέλετε να βάλετε links αντί για κείμενο θα πρέπει να ανάμεσα στα opening tags να βάλετε τον παρακάτω κώδικα:

<a href="Link URL">Link Title</a>

Αν θέλετε και κείμενο και link απλά μέσα στο κείμενο βάλτε τον παραπάνω κώδικα και όπου Link URL είναι η διεύθυνση που θέλετε να βάλετε και όπου Link Title είναι ο τίτλος για το link.
Ένας demo κώδικας για animated banner που φτιάξαμε είναι ο παρακάτω:

<marquee direction="Up" scrollamount="8" width="318" style="font-size: 12pt;
color: #800000; font-family: Tahoma" height="66" bgcolor="#FFCC99">Το κείμενο σας - Demo</marquee>

Το αποτέλεσμα είναι το παρακάτω:

Το κείμενο σας - Demo

Όταν δημιουργήσετε τον κώδικα του banner σας η προσθήκη αυτού είναι εύκολη υπόθεση. Πάτε πανόπτης, διάταξη, προσθήκη gadget και HTML/JavaScript και πατάτε αποθήκευση (save).
Σχετικά με το πως βρίσκουμε τις κωδικές ονομασίες των χρωμάτων για να αλλάξουμε το όνομα της γραμματοσειράς ή το χρώμα του φόντου είχα περιγράψει έναν τρόπο στο post για την προσθήκη animated cloud. Ας τον επαναλάβουμε:
Για να αλλάξουμε χρώμα στο φόντο ή τη γραμματοσειρά πρέπει να αλλάξουμε την παράμετρο #ffffff. Πώς όμως; Πρέπει να ανοίξουμε άλλο ένα παράθυρο εργασίας στον browser και να μπούμε πάλι στο λογαριασμό μας και από εκεί πάμε πανόπτης, διάταξη και γραμματοσειρές και χρώματα. Εκεί μπορούμε να δούμε τον κωδικό των χρωμάτων φόντου και γραμματοσειρών. Δείτε την παρακάτω φωτογραφία (κλικ για μεγέθυνση): Στα δεξιά βλέπετε τον κωδικό χρώματος που στην προκειμένη περίπτωση είναι το άσπρο. Εσείς στον κώδικα πρέπει να βάλετε τον κωδικό του χρώματος του template σας.

Άλλος τρόπος είναι να ψάξουμε μέσω της Google για free color generator. Ένα free download code generator μπορείτaι να κάνετε από εδώ. Καλή επιτυχία!