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

Κυριακή, Νοεμβρίου 29

0

scrolling text , marquee html code για το blog σας

Σε αυτό το post θα σας εξηγήσω πως να προσθέσετε Scrolling text ( η αλλιώς marquee ) στο blog sidebars,blog posts,κ.λ.π. 


 Ένας άλλος τρόπος να προσελκύσετε επισκέπτες , είναι να προσθέσετε κάποια διακόσμηση στην σελίδα σας , όπως scrolling text,κ.λ.π. Αλλά, μην την διακοσμήστε πάρα πολύ, ιδιαίτερα εάν η σελίδα σας περιέχει πάρα πολύ κείμενο δεδομένων , διότι ενοχλεί και χαλά τη συγκέντρωση του αναγνώστη.
  Μπορείτε να προσθέσετε scroll bars για να ενημερώσετε τους επισκέπτες σας για το  ποιες θα είναι οι επόμενες αναπροσαρμογές, οι δημοφιλείς αναρτήσεις , οι διαφημίσεις σας, κ.λ.π..
Λοιπόν,πως να προσθέσετε το scrolling text στο blog σας ; Επιτρέψτε μου να σας το εξηγήσω:

Προσθήκη απλού scrolling text:

Εδώ είναι ο κώδικας για να προσθέσετε ένα απλό scrolling text από δεξιά προς αριστερά



Το αποτέλεσμα θα είναι :

Παράδειγμα 1:





code για απλό scrolling text

Εάν θέλετε να είναι λίγο περισσότερο ελκυστικά, δοκιμάστε τα εξής:


Προσθέστε ένα χρώμα υποβάθρου στο scrolling tex :

Παράδειγμα 2:





code για απλό scrolling text

Μπορείτε να επιλέξετε το χρώμα υποβάθρου σας με την αντικατάσταση των hexadecimal code(#99ccff).
Κλικ εδώ για να δείτε όλους τους κωδικούς των Hex χρωμάτων.

Εδώ είναι μερικές ιδιότητες attributes :

direction="left"
direction="right"
direction="up"
direction="down"

Οι ανωτέρω ιδιότητες λένε στο κείμενο προς τα που θα κατευθυνθεί .

Χρησιμοποιήστε τον παρακάτω κώδικα  :


Εδώ είναι μερικά παραδείγματα :
Παράδειγμα 3:
Scroll προς 'right' κατεύθυνση:





code για απλό scrolling text

Παράδειγμα 4:
Scroll προς 'up' κατεύθυνση:





code για απλό scrolling text

Παράδειγμα 5:
Down: ( Άλλαξα τους δεκαδικούς κώδικες hexa για τα διαφορετικά χρώματα )





code για απλό scrolling text

Περισσότερες ιδιότητες: 

Μπορείτε να προσθέσετε αυτήν την ιδιότητα για να εναλλάξετε το κείμενο



Εδώ είναι ο κώδικας για να το κάνετε αυτό:


Παράδειγμα 6:





code για απλό scrolling text

Μπορείτε επίσης να θέσετε την ταχύτητα του κειμένου με αυτήν την απλή ιδιότητα:



Όσο χαμηλότερη η αξία του scrollamount, με τόσο λιγότερη ταχύτητα αυτό κινείται,
Το html code για αυτό θα είναι:


Παράδειγμα 7:(για scrollamout =2)





code για απλό scrolling text

Παράδειγμα 8:(για scrollamount=5)





code για απλό scrolling text

Σταματώντας το κείμενο όταν το ποντίκι περάσει πάνω από το κείμενο: Είναι πολύ χρήσιμο όταν θέλει να διαβάσει ο αναγνώστης το κείμενο, και το scrollamount είναι μεγάλο, έτσι θα βάλει το ποντίκι πάνω από το κείμενο για να σταματήσει το κείμενο και να διαβάσει το θέμα:
Εδώ είναι ο κώδικας για να το κάνετε αυτό


Παράδειγμα 9:





code για απλό scrolling text

(Περαστέ το ποντίκι σας πάνω από το κείμενο για να το δείτε)

Αλλάζοντας τα χρώματα του κειμένου:

Εδώ είναι ο κώδικας για να αλλάξει το χρώμα κειμένων:(Το προσθέτετε πριν και μετά από τις marquee ετικέτες)



Ετσι, ο κώδικας μοιάζει με αυτό


Παράδειγμα 10:
code για απλό scrolling text

Προσθέτοντας hyperlinks:

Μπορείτε επίσης να προσθέσετε hyperlinks στο κείμενο.
Εδώ είναι ο κώδικας :


Το αποτέλεσμα θα μοιάσει με αυτό:





Google Indicator Widgets | Πως να βάλετε ένα όμορφο Tag Cloud στο Blog σας | jQuery Image Magnify Effect


Με λίγη δουλειά μπορείτε να δημιουργήσετε ένα marquee το οποίο θα μοιάζει με ένα κινούμενο λογότυπο :

Δείτε ένα δείγμα :

ΟΤΙ ΧΡΕΙΑΖΕΤΑΙ ΕΝΑΣ BLOGGER!


Εδώ είναι ο πηγαίος κώδικας : 




Προσθέστε Blink εφέ στο marquee :

Δείτε ένα δείγμα :







scrolling text , marquee html code για το blog σας....

Ο πηγαίος κώδικας για αυτό θα είναι :



Σημείωση: Το Blink εφέ δεν λειτουργεί με το Google Chrome

Μπορείτε να συμπεριλάβετε και εικόνες στο marquee :




Εικόνες στο marquee

Ο κώδικας για αυτό θα είναι :





Προσθέστε εικόνα υποβάθρου στο marquee :





background εικόνα στο marquee


Και ο κώδικας για αυτό θα είναι :


Αυτό ήταν!

Τώρα μπορείτε να προσθέσετε αυτό στην πλαϊνή μπάρα του blogger σας, στην ανάρτηση του blog η όπου εσείς θέλετε.

Εάν έχετε οποιεσδήποτε ερωτήσεις , υποβάλετε τις ερωτήσεις σας μέσω των σχολίων σας.

0:

 

© 2010 Bloggertrics

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

ΑΡΧΙΚΗ| Sitemap| Posts RSS