Πέμπτη 1 Απριλίου 2010
Κυλιόμενο κείμενο
Σε αυτή την ανάρτηση θα σας δείξω ένα τέχνασμα, κάπως πιο πολυπλοκο είναι η αλήθεια, με το οποίο θα μπορείτε να εμφανίζετε σε τίτλους όποιες αναρτήσεις έχετε κάνει με τις φωτογραφίες τους, όπως φαίνεται παρακάτω...
Για να γίνει αυτό πρέπει να κάνετε τα εξής...
Συνδέεστε στο ιστολόγιό σας πηγαίνετε στο Πανόπτης/Διάταξη-Στοιχεία Σελίδας/Προσθήκη gadget και επιλέγετε το HTML/JavaScrip. Εκεί επικολλάτε τον παρακάτω κωδικό
.
Αφού τον επικολλήσετε και πριν το αποθηκεύσετε πρέπει να κάνετε κάποιες προσθήκες. Εκεί που γράφω "εδώ η διεύθυνση της ανάρτησής σας" βάζετε την διεύθυνση που βρίσκεται η σελίδα ώστε να κατευθύνεται όποιος κάνει κλικ. Εκεί που γράφω " εδώ ο τίτλος της ανάρτησης που θέλετε", βάζετε τον τίτλο που θα εμφανίζεται.
Εκεί που γράφω "Εδώ η διεύθυνση της φωτογραφίας" πρέπει να βάλετε την ("direct url") την απευθείας διεύθυνση της φωτογραφίας που θέλετε, ώστε να εμφανίζεται η φωτογραφία. Για να βρείτε αυτή τη διεύθυνση εύκολα, βρίσκετε πρώτα την ανάρτησή σας και πατάτε να κάνετε επεξεργασία. Πηγαίνετε από το "Σύνθεση" στο "Επεξεργασία HTML" βρίσκετε τον κωδικό που υπάρχει στη θέση της εικόνας. Αντιγράφετε από αυτόν τον κωδικό την διαύθυνση της φωτογραφίας, όπως φαίνεται στην εικόνα παρακάτω, και το επικκολάτε στο "Εδώ η διεύθυνση της φωτογραφίας".
Αν θέλετε να δημιουργήσετε περισσότερους συνδέσμους απλά κάνετε την ίδια διαδικασία προσθέτοντας αυτόν τον κωδικό κάτω από τους προηγούμενους.
.
Χρησιμοποιείστε τις παρακάτω εντολές για να κάνετε αλλαγές στο κείμενο. Οι εντολές όλες μπαίνουν στην αρχή του κωδικού και μετά το
The Value (εντολές)
direction="left" Κάνει το κείμενο να κινείται προς τα αριστερά
direction="right" Κάνει το κείμενο να κινείται προς τα δεξιά
direction="up" Κάνει το κείμενο να κινείται προς τα πάνω
direction="down" Κάνει το κείμενο να κινείται προς τα κάτω
behavior="alternate" Κάνει το κείμενο να κινείται προς τα ξεξιά και μόλις φθάσει στο τέλος του αρχίζει και κινείται αντίστροφα και προς τα αριστερά
behavior="slide" Κάνει το κείμενο να σταματάει όταν φτάσει στο τέλος του
loop="4" Ελέγχει τον αριθμό των φορών που θα εμφανίζεται το κείμενο
scrollamount="2" Ελέγχει την ταχύτητα του κειμένου (1=αργό)
width="400" Ρυθμίστε το πλάτος του κειμένου
height="66" Ρυθμίστε το ύψος του κειμένου
onmouseover="this.stop()" onmouseout="this.start()" Σταματάει το κείμενο όταν βάζετε το ποντίκι
επάνω και το ξαναξεκινάει όταν παίρνετε το ποντίκι από επάνω.bgcolor="#9999CC" Αλλάζει το χρώμα του φόντου (κωδικούς χρωμάτων θα βρείτε εδώ)
style="color: #FF0000" Αλλάζει το χρώμα του κειμένου
style="font-size: 1em" Αλλάζει το μέγεθος των γραμμάτων
style="font-family: Tahoma" Αλλάζει τον τύπο των γραμμάτων
Το αποθηκεύετε και είναι έτοιμο!
Για να γίνει αυτό πρέπει να κάνετε τα εξής...
Συνδέεστε στο ιστολόγιό σας πηγαίνετε στο Πανόπτης/Διάταξη-Στοιχεία Σελίδας/Προσθήκη gadget και επιλέγετε το HTML/JavaScrip. Εκεί επικολλάτε τον παρακάτω κωδικό
.
Αφού τον επικολλήσετε και πριν το αποθηκεύσετε πρέπει να κάνετε κάποιες προσθήκες. Εκεί που γράφω "εδώ η διεύθυνση της ανάρτησής σας" βάζετε την διεύθυνση που βρίσκεται η σελίδα ώστε να κατευθύνεται όποιος κάνει κλικ. Εκεί που γράφω " εδώ ο τίτλος της ανάρτησης που θέλετε", βάζετε τον τίτλο που θα εμφανίζεται.
Εκεί που γράφω "Εδώ η διεύθυνση της φωτογραφίας" πρέπει να βάλετε την ("direct url") την απευθείας διεύθυνση της φωτογραφίας που θέλετε, ώστε να εμφανίζεται η φωτογραφία. Για να βρείτε αυτή τη διεύθυνση εύκολα, βρίσκετε πρώτα την ανάρτησή σας και πατάτε να κάνετε επεξεργασία. Πηγαίνετε από το "Σύνθεση" στο "Επεξεργασία HTML" βρίσκετε τον κωδικό που υπάρχει στη θέση της εικόνας. Αντιγράφετε από αυτόν τον κωδικό την διαύθυνση της φωτογραφίας, όπως φαίνεται στην εικόνα παρακάτω, και το επικκολάτε στο "Εδώ η διεύθυνση της φωτογραφίας".
Αν θέλετε να δημιουργήσετε περισσότερους συνδέσμους απλά κάνετε την ίδια διαδικασία προσθέτοντας αυτόν τον κωδικό κάτω από τους προηγούμενους.
.
Χρησιμοποιείστε τις παρακάτω εντολές για να κάνετε αλλαγές στο κείμενο. Οι εντολές όλες μπαίνουν στην αρχή του κωδικού και μετά το
The Value (εντολές)
direction="left" Κάνει το κείμενο να κινείται προς τα αριστερά
direction="right" Κάνει το κείμενο να κινείται προς τα δεξιά
direction="up" Κάνει το κείμενο να κινείται προς τα πάνω
direction="down" Κάνει το κείμενο να κινείται προς τα κάτω
behavior="alternate" Κάνει το κείμενο να κινείται προς τα ξεξιά και μόλις φθάσει στο τέλος του αρχίζει και κινείται αντίστροφα και προς τα αριστερά
behavior="slide" Κάνει το κείμενο να σταματάει όταν φτάσει στο τέλος του
loop="4" Ελέγχει τον αριθμό των φορών που θα εμφανίζεται το κείμενο
scrollamount="2" Ελέγχει την ταχύτητα του κειμένου (1=αργό)
width="400" Ρυθμίστε το πλάτος του κειμένου
height="66" Ρυθμίστε το ύψος του κειμένου
onmouseover="this.stop()" onmouseout="this.start()" Σταματάει το κείμενο όταν βάζετε το ποντίκι
επάνω και το ξαναξεκινάει όταν παίρνετε το ποντίκι από επάνω.bgcolor="#9999CC" Αλλάζει το χρώμα του φόντου (κωδικούς χρωμάτων θα βρείτε εδώ)
style="color: #FF0000" Αλλάζει το χρώμα του κειμένου
style="font-size: 1em" Αλλάζει το μέγεθος των γραμμάτων
style="font-family: Tahoma" Αλλάζει τον τύπο των γραμμάτων
Το αποθηκεύετε και είναι έτοιμο!
Εγγραφή σε:
Σχόλια ανάρτησης (Atom)
0 σχόλια:
Δημοσίευση σχολίου