Auto Scrolling Recent Posts

Γειά σας ένα πολύ ωραίο widget με οριζόντιο Auto Scrolling για να παρουσιάζουμε
τις πρόσφατες αναρτήσεις μας,η να δείχνει τις ετικέτες του blog σας,η μπορείτε να
βάλετε κάποια λινκς που θέλετε να μπούν οι αναγνώστες σας και έτσι θα τα προσέξουν
οπωσδήποτε!!!
Τοποθετείτε πολύ εύκολα στο blog μας και για να γίνει αυτό...

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα-->

ΚΩΔΙΚΑΣ ΓΙΑ ΑΣΠΡΑ ΑΝΟΙΧΤΟΧΡΩΜΑ ΠΡΟΤΥΠΑ 
...........................................................................................................................

<script type="text/javascript">
    var w2bWidth= 100;
    var w2bScrollAmount=10;
    var w2bScrollDelay=200;
    var w2bDirection="left";
    var w2btargetlink="yes";
    var w2bnumPosts=15;
    var w2bBulletchar =">>>";
    var w2bimagebullet="yes";
    var w2bimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO8TqpsvhuLu-OLnJzeyK3CYc7UIrnRWApkWeZhUJXzkoPXdu1hQjnL5QTfYQIDnrmON9PnxaAX4Os_We7dpDt39c37ia7VpGMTn0GqSdCXMYjtUEWDq2mqphFbWnExQdO9bX36E5lj6w/s40/an47..gif";
    var w2bfontsize=16;
    var w2bbgcolor="FFFFFF";
    var w2blinkcolor="7e1cd9";
    var w2blinkhovercolor="854207";
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recentposts-scroller-v3.js" ></script>
<script type="text/javascript" src="ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΤΟΥ BLOG ΣΑΣ/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=15" ></script>
<noscript><a href="http://www.way2blogging.org/2010/06/auto-scrolling-recent-posts-widget-for.html">Auto Scroll Posts by Wat2Blogging</a></noscript>
.....................................................................................................................................
ΚΩΔΙΚΑΣ ΓΙΑ ΜΑΥΡΑ ΣΚΟΥΡΑ ΠΡΟΤΥΠΑ
.........................................................................................................................
 <script type="text/javascript">
    var w2bWidth= 100;
    var w2bScrollAmount=10;
    var w2bScrollDelay=200;
    var w2bDirection="left";
    var w2btargetlink="yes";
    var w2bnumPosts=15;
    var w2bBulletchar =">>>";
    var w2bimagebullet="yes";
    var w2bimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO8TqpsvhuLu-OLnJzeyK3CYc7UIrnRWApkWeZhUJXzkoPXdu1hQjnL5QTfYQIDnrmON9PnxaAX4Os_We7dpDt39c37ia7VpGMTn0GqSdCXMYjtUEWDq2mqphFbWnExQdO9bX36E5lj6w/s40/an47..gif";
    var w2bfontsize=16;
    var w2bbgcolor="FFFFFF";
    var w2blinkcolor="7e1cd9";
    var w2blinkhovercolor="854207";
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recentposts-scroller-v3.js" ></script>
<script type="text/javascript" src="ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΤΟΥ BLOG ΣΑΣ/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=15" ></script>
<noscript><a href="http://www.way2blogging.org/2010/06/auto-scrolling-recent-posts-widget-for.html">Auto Scroll Posts by Wat2Blogging</a></noscript>
..................................................................................................................................................
ΑΛΛΑΓΕΣ 
 var w2bScrollDelay=200;--Εδώ τσεκάρετε την ταχύτητα του scroll.Αν μειώσετε το 200
πάει πιο αργά,εάν το αυξήσετε πάει πιο γρήγορα!!
var w2bnumPosts=15;--Εδώ το πόσες αναρτήσεις θα παρουσιάζονται!!
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO8TqpsvhuLu-OLnJzeyK3CYc7UIrnRWApkWeZhUJXzkoPXdu1hQjnL5QTfYQIDnrmON9PnxaAX4Os_We7dpDt39c37ia7VpGMTn0GqSdCXMYjtUEWDq2mqphFbWnExQdO9bX36E5lj6w/s40/an47..gif--Εδώ είναι η εικόνα που μπαίνει μπροστά από κάθε τίτλο.Η την αλλάζετε,
η αφήνετε αυτήν που έχω βάλει εφόσον σας αρέσει!!
ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΤΟΥ BLOG ΣΑΣ--Εδώ μπαίνει το url του blog σας!!

Μόλις τελιώσετε πατήστε Αποθήκευση και είστε έτοιμοι!!
ΠΡΟΣΟΧΗ ΕΔΩ 
Σε όσους αρέσουν από τα demo οι κώδικες τους βάζουν απευθείας από εδώ,ΑΛΛΑ για
τους πιο ψαγμένους και για αυτούς που θέλουν άλλα χρωματα,διαστάσεις. κτλ κτλ κτλ
μπορούν να πάνε στην σελίδα του δημιουργού από την πηγή και να χρησιμοποιήσουν
τον generator!!Ελπίζω να σας άρεσε η ανάρτηση!!

Καλή επιτυχία!!!

Demo1
Demo2

Πηγή κώδικα


Edit by vaiol!!!