Automatically Scroll Page Up/Down.

</br><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgX5eZ1_DIzhrdc5FKMewOfEpXUfDO3Ld9AzLkg-Gb0WgODVDfbBvzYw7tn9Tc4DLCu7Z-RIPGy4CGst9lWeHojiAqHzZ2bKQ3jwotxyigbPysWrKhuYcGP9dtlWCwD3XZnjwD-2whSyw/s1600/Automatically+Scroll+Page+UpDown.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5752774904550128130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgX5eZ1_DIzhrdc5FKMewOfEpXUfDO3Ld9AzLkg-Gb0WgODVDfbBvzYw7tn9Tc4DLCu7Z-RIPGy4CGst9lWeHojiAqHzZ2bKQ3jwotxyigbPysWrKhuYcGP9dtlWCwD3XZnjwD-2whSyw/s400/Automatically+Scroll+Page+UpDown.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 272px;" /></a><br /><h3 class="post-title entry-title"><span style="color:#99A3FF;"><br /><span style="float:left;font-family:'Apple Chancery',cursive;color:#394DFA;font-size:70px;line-height:50px;margin:5px 5px 0px 0px; position:relative;text-shadow:2px 2px 2px rgb(153, 102, 255);">Δ</span>ύο "υπέροχα χεράκια" που έφτιαξα, με την Ελληνική σημαία, να δείχνουν σε αντίθετη κατεύθυνση. <br />Το ένα δείχνει επάνω & θα σας πάει στην κορυφή της σελίδας, ενώ το άλλο δείχνει προς τα κάτω, που θα σας πάει στο κατώτατο σημείο της σελίδας & όλα αυτά μονάχα με ένα πέρασμα του κέρσορα από πάνω από το κάθε εικονίδιο. <br /><br />Είναι αρκετά βολικό widget ειδικά για όσους έχουν μακροσκελή κείμενα στη σελίδα τους & δεν χρησιμοποιούν το "Διαβάστε περισσότερα" είτε του blogger είτε από κάποιο hack, με αποτέλεσμα να κουράζουν τους επισκέπτες τους. <br /><br />Ας πάμε να το δούμε λοιπόν πως θα τα βάλετε στο ιστολόγιο σας:<br /><br /><center><img oncontextmenu="return false" src="http://i41.tinypic.com/t0rt5x.jpg" /></center><br /><br />Θα πάτε στον Πίνακα ελέγχου σας --> Διάταξη --> Προσθήκη gadget και θα κοιτάξετε να βρείτε το HTML/JavaScript.<br /><br /><center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuzxKmxERSatjsUhAKE-btebpQ1EOXsTiusXzU7qPyrl95W2FDm_Cnkr5t_WX-5-__YBY_CJmhzOy1uWPJcpECs-ZyQWkA1ZyKLzA-a8E8vYiUUY9SDShyhJDgO5lyLM1gRhBH14J2oI/s1600/Html+JavaScript+gadget.jpg" width="500"></center><br /><br />Κάντε αντιγραφή τον παρακάτω κώδικα και επικολλήστε τον μέσα στο HTML/JavaScript.<br /><br /><center><img oncontextmenu="return false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqldwzrKrKovSi68e-9w0C1qcR36Yi46WRHP9WeehsmOc2ZHnjP2CpjU6HgiPnv3xJk80_9WvM4T21TdTr2tCQDw7b-AAKnUDafL_10Evpu2lLW45-v7nNZlnYgKei-pmQKpa6Pa7kpyc/s1600/Select+HTMLJavascript+gadget+and+paste+the+code+in+the+content+box.jpg" width="500"></center><br /><br /><div class="code"><div class="code_content"><br /><!--Scroll-Page-Up-Down-STARTS-Widget-by-http://loneeagle110.blogspot.gr/--><br /><div id="updownbuttonsle" style="position:absolute;"><br /><a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img src="http://i987.photobucket.com/albums/ae359/LoneEagle110/WebEllements/UpHandGR.png" border="0" title="move to top"/></a><br /><br /><a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img src="http://i987.photobucket.com/albums/ae359/LoneEagle110/WebEllements/DownHandGR.png" border="0" title="go down"/></a></div><br /><script><br />var Hoffset=80 <br />var Voffset=300 <br />var thespeed=3 <br />var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1<br />var myspeed=0<br />var ieHoffset_extra=document.all? 15 : 0<br />var cross_obj=document.all? document.all.updownbuttonsle : document.getElementById? document.getElementById("updownbuttonsle") : document.updownbuttonsle<br />function iecompattest(){<br />return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<br />}<br />function positionit(){<br />var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset<br />var dsoctop=document.all? iecompattest().scrollTop : pageYOffset<br />var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra<br />var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight<br />if (document.all||document.getElementById){<br />cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"<br />cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"<br />}<br />else if (document.layers){<br />cross_obj.left=dsocleft+window_width-Hoffset<br />cross_obj.top=dsoctop+window_height-Voffset<br />}<br />}<br />function scrollwindow(){<br />window.scrollBy(0,myspeed)<br />}<br />function initializeIT(){<br />positionit()<br />if (myspeed!=0){<br />scrollwindow()<br />}<br />}<br />if (document.all||document.getElementById||document.layers)<br />setInterval("initializeIT()",20)<br /></script><br /><!--Scroll-Page-Up-Down-STOPS-Widget-by-http://loneeagle110.blogspot.gr/--><br /></div></div><br /><br />Πατήστε ΑΠΟΘΗΚΕΥΣΗ.<br /><br />Αυτό ήταν !<br /></span></h3><br /><marquee behavior="alternate" direction="left" scrollamount="3"><strong><em><span style="color:#cc0000;"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></span></em></strong></marquee>

Blogger Help Blogger Tutorials JavaScript Scrollers Automatically Scroll Page Up/Down.

Δ ύο "υπέροχα χεράκια" που έφτιαξα, με την Ελληνική σημαία, να δείχνουν σε αντίθετη κατεύθυνση. Το ένα δείχνει επάνω & θα σας ...

Διαβάστε περισσότερα »

Text or Image Crawler.

</br><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOg5TTn6AigKRhivdsMAMWUPdrKLvlB3wvuiUvQ-u9Oohh4jPXfJXhloRRZ3W9bu9zbIw-XpBJKPZmLyfj36nk28IDIpNZaQdy_FgQHkPcyeEq0lfjQlcrULd1eYd58eMh1toSvomCz-g/s1600/Text+or+Image+Crawler.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="Text or Image Crawler" border="0" id="BLOGGER_PHOTO_ID_5530590056360215058" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOg5TTn6AigKRhivdsMAMWUPdrKLvlB3wvuiUvQ-u9Oohh4jPXfJXhloRRZ3W9bu9zbIw-XpBJKPZmLyfj36nk28IDIpNZaQdy_FgQHkPcyeEq0lfjQlcrULd1eYd58eMh1toSvomCz-g/s400/Text+or+Image+Crawler.jpg" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 204px;" /></a><br />Εδώ θα σας δείξουμε μια υπέροχη εφαρμογή (Crawler) στην οποία μπορείτε να προσθέσετε εικόνες ή κείμενο.<br />Αξίζει να σημειωθεί ότι πηγαίνοντας τον κέρσορα στις άκρες του (crawler), κινείται από την αντίθετη πλευρά & με διαφορετική ταχύτητα.<br />Δηλαδή, όσο πιο άκρη είναι ο κέρσορας, τόσο, πιο γρήγορα γίνεται η κύλιση, ενώ, όσο πλησιάζετε τον κέρσορα προς το κέντρο η ταχύτητα κύλισης μειώνεται στο ελάχιστο.<br /><br />Δοκιμάστε το και δεν θα χάσετε.<br /><br />Καταρχήν θα πάτε να κατεβάσετε το script και να το ανεβάσετε σε κάποιον server.<br /><br /><a href="http://scriptsrb.googlecode.com/files/crawler.js" target="_blank">Crawler.js</a><br /><br />Δείτε σχετική ανάρτηση <a href="http://loneeagle110.blogspot.com/2010/02/online-storage-file.html" target="_blank">εδώ</a><br /><br />Κατόπιν, θα μπείτε στον Πίνακα ελέγχου του blog σας >>> Σχεδίαση >>> Επεξεργασία HTML.<br /><br />Και με το Ctrl + F θα κάνετε αναζήτηση για το....<br /><br /><div class="code"><div class="code_content"><br /><head><br /></div></div><br /><br />Μόλις το βρείτε, θα πάτε στην επόμενη γραμμή από το <strong><em><span style="color:#cc0000;"><head></span></em></strong><br />και θα προσθέσετε το script.<br /><br />Στο σημείο που λέει <strong><em><span style="color:#cc0000;">...crawler.js...</span></em></strong> θα προσθέσετε την διεύθυνση από τον server που ανεβάσατε προηγουμένος το script.<br /><br /><div class="code"><div class="code_content"><br /><script type="text/javascript" src="....crawler.js...."></script><br /></div></div><br /><br />Θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ και....<br /><br />θα ξαναπάτε στον Πίνακα Ελέγχου σας ---> Σχεδίαση ---> Στοιχεία Σελίδας ---><br /><br />Προσθήκη Gadget.<br /><br />Και θα βρείτε το HTML/JavaScript<br /><br />Θα το ανοίξετε και θα ρίξετε μέσα στο gadget έναν από τους παρακάτω κώδικες αφού προσθέσετε το κείμενο που θέλετε ή τις ανάλογες εικόνες.<br /><br /><strong><em><span style="color:#4FF9FF;">Γιά Κείμενο:</span></em></strong><br /><br /><div class="code"><div class="code_content"><br /><!--Text-or-image-crawler-Widget-STARTS-Widget-by-http://loneeagle110.blogspot.com/--><br /><div class="marquee" id="mycrawler"><br />....το κείμενο σας...<br /></div><br /><br /><script type="text/javascript"><br />marqueeInit({<br />uniqueid: 'mycrawler',<br />style: {<br />'padding': '5px',<br />'width': '480px',<br />'color': '#fff',<br />'background': 'grey',<br />'font-family': 'sans-serif',<br />'border': '1px solid #BD0410'<br />},<br />inc: 8, <br />mouse: 'cursor driven', <br />moveatleast: 4,<br />neutral: 150,<br />savedirection: true<br />});<br /></script><br /><!--Text-or-image-crawler-Widget-STOPS-Widget-by-http://loneeagle110.blogspot.com/--><br /></div></div><br /><br /><strong><em><span style="color:#4FF9FF;">Για εικόνες:</span></em></strong><br /><br /><div class="code"><div class="code_content"><br /><!--Text-or-image-crawler-Widget-STARTS-Widget-by-http://loneeagle110.blogspot.com/--><br /><script type="text/javascript"><br />marqueeInit({<br />uniqueid: 'mycrawler',<br />style: {<br />'padding': '5px',<br />'width': '480px',<br />'background': 'black',<br />'border': '1px solid #BD0410'<br />},<br />inc: 8, <br />mouse: 'cursor driven', <br />moveatleast: 4,<br />neutral: 150,<br />savedirection: true<br />});<br /></script><br /><br /><div class="marquee" id="mycrawler2"><br /><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...." /><br /></div><br /><br /><script type="text/javascript"><br />marqueeInit({<br />uniqueid: 'mycrawler2',<br />style: {<br />'padding': '5px',<br />'width': '480px',<br />'height': '180px'<br />},<br />inc: 5, <br />mouse: 'cursor driven', <br />moveatleast: 2,<br />neutral: 150,<br />savedirection: true<br />});<br /></script><br /><!--Text-or-image-crawler-Widget-STOPS-Widget-by-http://loneeagle110.blogspot.com/--><br /></div></div><br /><br />Θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ.<br /><br />Τέλος!!!<br /><br />Εμείς σας δείξαμε τον τρόπο, τώρα ή έμπνευση είναι δική σας.<br /><br /><marquee behavior="alternate" direction="left" scrollamount="3"><strong><em><span style="color:#cc0000;"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></span></em></strong></marquee>

Blogger Help Blogger Tutorials Image Effects JQuery Tutorials Scrollers Sliders Text or Image Crawler.

Εδώ θα σας δείξουμε μια υπέροχη εφαρμογή (Crawler) στην οποία μπορείτε να προσθέσετε εικόνες ή κείμενο. Αξίζει να σημειωθεί ότι πηγαίνοντας ...

Διαβάστε περισσότερα »