Text or Image Crawler. |  Στάλες στο γαλάζιο ® <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOg5TTn6AigKRhivdsMAMWUPdrKLvlB3wvuiUvQ-u9Oohh4jPXfJXhloRRZ3W9bu9zbIw-XpBJKPZmLyfj36nk28IDIpNZaQdy_FgQHkPcyeEq0lfjQlcrULd1eYd58eMh1toSvomCz-g/s72-c/Text+or+Image+Crawler.jpg' rel='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiME6DVcbv3gKvBNmYAN6FDaLxToDKS-E4cTNSSmHJAS370hC-oKXqo1VtWSfx20ExDsIsLjKJppxnTl_N-7lJi_B4ZDQzj5BQ5TZ9fMdN27ybf3x0Yzs0Jd7JQo_Ar824kLqZbIbRkOUU/s640/Stales_sto_Galazio.jpg'/>

0


Text or Image Crawler
Εδώ θα σας δείξουμε μια υπέροχη εφαρμογή (Crawler) στην οποία μπορείτε να προσθέσετε εικόνες ή κείμενο.
Αξίζει να σημειωθεί ότι πηγαίνοντας τον κέρσορα στις άκρες του (crawler), κινείται από την αντίθετη πλευρά & με διαφορετική ταχύτητα.
Δηλαδή, όσο πιο άκρη είναι ο κέρσορας, τόσο, πιο γρήγορα γίνεται η κύλιση, ενώ, όσο πλησιάζετε τον κέρσορα προς το κέντρο η ταχύτητα κύλισης μειώνεται στο ελάχιστο.

Δοκιμάστε το και δεν θα χάσετε.

Καταρχήν θα πάτε να κατεβάσετε το script και να το ανεβάσετε σε κάποιον server.

Crawler.js

Δείτε σχετική ανάρτηση εδώ

Κατόπιν, θα μπείτε στον Πίνακα ελέγχου του blog σας >>> Σχεδίαση >>> Επεξεργασία HTML.

Και με το Ctrl + F θα κάνετε αναζήτηση για το....


<head>


Μόλις το βρείτε, θα πάτε στην επόμενη γραμμή από το <head>
και θα προσθέσετε το script.

Στο σημείο που λέει ...crawler.js... θα προσθέσετε την διεύθυνση από τον server που ανεβάσατε προηγουμένος το script.


<script type="text/javascript" src="....crawler.js...."></script>


Θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ και....

θα ξαναπάτε στον Πίνακα Ελέγχου σας ---> Σχεδίαση ---> Στοιχεία Σελίδας --->

Προσθήκη Gadget.

Και θα βρείτε το HTML/JavaScript

Θα το ανοίξετε και θα ρίξετε μέσα στο gadget έναν από τους παρακάτω κώδικες αφού προσθέσετε το κείμενο που θέλετε ή τις ανάλογες εικόνες.

Γιά Κείμενο:


<!--Text-or-image-crawler-Widget-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div class="marquee" id="mycrawler">
....το κείμενο σας...
</div>

<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '5px',
'width': '480px',
'color': '#fff',
'background': 'grey',
'font-family': 'sans-serif',
'border': '1px solid #BD0410'
},
inc: 8,
mouse: 'cursor driven',
moveatleast: 4,
neutral: 150,
savedirection: true
});
</script>
<!--Text-or-image-crawler-Widget-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->


Για εικόνες:


<!--Text-or-image-crawler-Widget-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '5px',
'width': '480px',
'background': 'black',
'border': '1px solid #BD0410'
},
inc: 8,
mouse: 'cursor driven',
moveatleast: 4,
neutral: 150,
savedirection: true
});
</script>

<div class="marquee" id="mycrawler2">
<img src="....image direct link...." /> <img src="....image direct link...." /> <img src="....image direct link...." /> <img src="....image direct link...." /> <img src="....image direct link...." />
</div>

<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '5px',
'width': '480px',
'height': '180px'
},
inc: 5,
mouse: 'cursor driven',
moveatleast: 2,
neutral: 150,
savedirection: true
});
</script>
<!--Text-or-image-crawler-Widget-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->


Θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ.

Τέλος!!!

Εμείς σας δείξαμε τον τρόπο, τώρα ή έμπνευση είναι δική σας.

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

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

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

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

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

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

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

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

 
Top
Blogger Tutorials

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