Ads 468x60px

Πέμπτη 6 Νοεμβρίου 2014

Auto Scrolling Recent Posts ( update )

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

Τοποθετείτε πολύ εύκολα στο blog μας και για να γίνει αυτό...

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

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

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

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

<script type="text/javascript">
    var w2bWidth= 100;
    var w2bScrollAmount=10;
    var w2bScrollDelay=400;
    var w2bDirection="left";
    var w2btargetlink="yes";
    var w2bnumPosts=15;
    var w2bBulletchar =">>>";
    var w2bimagebullet="yes";
    var w2bimgurl="https://lh4.googleusercontent.com/-hzqvcZ7F_3Q/UN5Hioa_VzI/AAAAAAAAF0M/d0lbwlQBC-E/s40/an47..gif";
    var w2bfontsize=16;
    var w2bbgcolor="F9F9F7";
    var w2blinkcolor="0A0A0A";
    var w2blinkhovercolor="adf0ca";
</script>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/49409267/js.files-css%20files/SCRLOLER%20TICKER/NBT_Animated_Recent_SliderTech2.js" ></script>
<script type="text/javascript" src="
ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΤΟΥ BLOG ΣΑΣ/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=15" ></script>
<noscript><a href="https://dl.dropboxusercontent.com/u/49409267/js.files-css%20files/SCRLOLER%20TICKER/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://lh4.googleusercontent.com/-hzqvcZ7F_3Q/UN5Hioa_VzI/AAAAAAAAF0M/d0lbwlQBC-E/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>

..................................................................................................................................................
ΑΛΛΑΓΕΣ 

 Ότι σημειώνω στον 2ο κώδικα ισχύει και για τον πρώτο!

 var w2bScrollDelay=200;-- Εδώ τσεκάρετε την ταχύτητα του scroll.Αν μειώσετε το 200
πάει πιο αργά, εάν το αυξήσετε πάει πιο γρήγορα!!

var w2bnumPosts=15;-- Εδώ το πόσες αναρτήσεις θα παρουσιάζονται!!

https://lh4.googleusercontent.com/-hzqvcZ7F_3Q/UN5Hioa_VzI/AAAAAAAAF0M/d0lbwlQBC-E/s40/an47..gif-- Εδώ είναι η εικόνα που μπαίνει μπροστά από κάθε τίτλο.Η την αλλάζετε,
η αφήνετε αυτήν που έχω βάλει εφόσον σας αρέσει!

ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΤΟΥ BLOG ΣΑΣ--Εδώ μπαίνει το url του blog σας!

Μόλις τελειώσετε πατήστε Αποθήκευση και είστε έτοιμοι!!

ΠΡΟΣΟΧΗ ΕΔΩ 

Για πιο γρήγορες αλλαγές εφόσον θέλετε, χρώματα διαστάσεις κτλ μπορείτε να
χρησιμοποιήσετε  τον generator του δημιουργού από την πηγή που δίνω!

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

Demo1
Demo2

Πηγή κώδικα
thanks to way2blogging.org


Edit by



0 σχόλια :

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

Icon Icon Icon

spice up your blog


Giveaway of the Day
Άδεια Creative Commons
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .