Παρασκευή 3 Μαρτίου 2017
Add lightning effect
Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε πως μπορούμε να κάνουμε
ένα link, μία πρόταση, μία λέξη να αναβοσβήνει (flashlight) όταν περνάμε τον κέρσορα
από πάνω της!
Είναι ένα πολύ εύκολο και έξυπνο εφέ στο να κάνουμε τους αναγνώστες-
επισκέπτες μας να προσέξουν κάτι!
Δείτε το παράδειγμα πιο κάτω..
Καλώς ήρθατε στο Tech Time
H εγκατάσταση του είναι πάρα πολύ απλή και για να γίνει αυτό
η βάζετε τον κώδικα που θα δείτε πιο κάτω στο HTML
section της ανάρτησης η ακολουθείτε την γνωστή διαδικασία..
Blogger-->Διάταξη
Προσθήκη gadget-->Html javascript
και επικόλληση τον ακόλουθο κώδικα:
............................................................................................................................
40px--ΕΔΩ ΑΛΛΑΖΕΤΕ ΤΟ ΜΕΓΕΘΟΣ ΤΗΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ
000000--ΕΔΩ ΑΛΛΑΖΕΤΕ ΤΟ ΧΡΩΜΑ ΤΟΥ BACKGROUND
ccc--ΕΔΩ ΑΛΛΑΖΕΤΕ ΤΟ ΧΡΩΜΑ ΤΗΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ
FF3300--ΕΔΩ ΑΛΛΑΖΕΤΕ ΤΟ ΧΡΩΜΑ ΤΟΥ ΕΦΕ
#--ΕΑΝ ΘΕΛΕΤΕ ΝΑ ΒΑΛΕΤΕ LINK ΑΛΛΑΖΕΤΕ ΤΟ # ΜΕ ΤΟ LINK ΣΑΣ
ΑΛΛΙΩΣ ΤΟ ΑΦΗΝΕΤΕ ΩΣ ΕΧΕΙ
ΕΔΩ ΤΙ ΘΕΛΕΤΕ ΝΑ ΦΑΙΝΕΤΑΙ --ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΛΕΞΗ-ΚΕΙΜΕΝΟ ΣΑΣ!
Μόλις τελειώσετε από ότι αλλαγή θέλετε να κάνετε πατήστε Αποθήκευση και
είστε έτοιμοι!
Καλή επιτυχία!!!
Πηγή κώδικα
thanks to bloggerspice.com
Edit by
ένα link, μία πρόταση, μία λέξη να αναβοσβήνει (flashlight) όταν περνάμε τον κέρσορα
από πάνω της!
Είναι ένα πολύ εύκολο και έξυπνο εφέ στο να κάνουμε τους αναγνώστες-
επισκέπτες μας να προσέξουν κάτι!
Δείτε το παράδειγμα πιο κάτω..
H εγκατάσταση του είναι πάρα πολύ απλή και για να γίνει αυτό
η βάζετε τον κώδικα που θα δείτε πιο κάτω στο HTML
section της ανάρτησης η ακολουθείτε την γνωστή διαδικασία..
Blogger-->Διάταξη
Προσθήκη gadget-->Html javascript
και επικόλληση τον ακόλουθο κώδικα:
............................................................................................................................
<style>ΑΛΛΑΓΕΣ
/**Trick by www.bloggerspice.com**/
a.BloggerSpice {
font:normal 40px Impact,Arial,Sans-Serif;
background:#000000;
color:#ccc;
text-decoration:none;
text-shadow:1px 1px 0px #000,0 0 0px #000,0 0 0px #000,0 0 0px #000;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;
}
a.BloggerSpice:hover {
color:#fff;
text-shadow:
0px 1px 0px #FF3300,
0px 0px 3px #FF3300,
0px 0px 5px #FF3300,
0px 0px 30px #FF3300,
0px 3px 50px #FF3300;
}
</style>
<center><a class="BloggerSpice" href="#">ΕΔΩ ΤΙ ΘΕΛΕΤΕ ΝΑ ΦΑΙΝΕΤΑΙ</a>
</center>
.............................................................................................................................................
40px--ΕΔΩ ΑΛΛΑΖΕΤΕ ΤΟ ΜΕΓΕΘΟΣ ΤΗΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ
000000--ΕΔΩ ΑΛΛΑΖΕΤΕ ΤΟ ΧΡΩΜΑ ΤΟΥ BACKGROUND
ccc--ΕΔΩ ΑΛΛΑΖΕΤΕ ΤΟ ΧΡΩΜΑ ΤΗΣ ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ
FF3300--ΕΔΩ ΑΛΛΑΖΕΤΕ ΤΟ ΧΡΩΜΑ ΤΟΥ ΕΦΕ
#--ΕΑΝ ΘΕΛΕΤΕ ΝΑ ΒΑΛΕΤΕ LINK ΑΛΛΑΖΕΤΕ ΤΟ # ΜΕ ΤΟ LINK ΣΑΣ
ΑΛΛΙΩΣ ΤΟ ΑΦΗΝΕΤΕ ΩΣ ΕΧΕΙ
ΕΔΩ ΤΙ ΘΕΛΕΤΕ ΝΑ ΦΑΙΝΕΤΑΙ --ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΛΕΞΗ-ΚΕΙΜΕΝΟ ΣΑΣ!
Μόλις τελειώσετε από ότι αλλαγή θέλετε να κάνετε πατήστε Αποθήκευση και
είστε έτοιμοι!
Καλή επιτυχία!!!
Πηγή κώδικα
thanks to bloggerspice.com
Edit by
Εγγραφή σε:
Σχόλια ανάρτησης
(
Atom
)
Smart Defrag 2
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Smart Defrag 2 ένα από τα καλύτερα προγράμματα ανασυγκρότησης των σκληρών μας δίσκων...
Auto Scrolling Recent Posts
Γειά σας ένα πολύ ωραίο widget με οριζόντιο Auto Scrolling για να παρουσιάζουμε τις πρόσφατες αναρτήσεις μας...
Free YouTube Uploader
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Free YouTube Uploader το οποίο μας επιτρέπει...
Social media
Γειά σας τα gadgets και widgets για τα social media δεν έχουν πλέον τελιωμό και σε αυτήν την ανάρτηση θα δούμε...
Back to top button
Γεία σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ γνωστό και χρήσιμο gadget το οποίο μας βοηθά έτσι ώστε...
Sitemap Widget
Γειά σας,σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο και χρήσιμο Sitemap widget το οποίο μας δείχνει μαζεμένες σε μία σελίδα...
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .
0 σχόλια :
Δημοσίευση σχολίου