Αυτόματο slider εναλλαγής των 20 τελευταίων αναρτήσεων - Automatic Blogger Slideshow

Η παρακάτω ανάρτηση αποτελεί προσφορά του Γλυφάδα web!

Μπορείτε κι εσείς να στέλνετε έξυπνα blogger hacks στο help@bloggertips.gr

Πρόκειται για ένα αυτόματο slider το οποίο παρουσιάζει τις 20 πιο πρόσφατες αναρτήσεις με τίτλους, χωρίς να χρειάζεται καμία άλλη παρέμβαση πλήν της αρχικής Προσθήκης του gadget HTML/Javascript. Δηλαδή είναι απίστευτα εύκολο να το βάλετε!

Ενα demo του Automatic content slider υπάρχει στην παρακάτω διεύθυνση ωστε να το δείτε σε λειτουργία.

http://news-glyfadaweb.blogspot.com/

Δείτε και τα άλλα sliders του bloggertips.gr

Slider Εικόνων - The Best Image Effect! - Slimbox 2.02 για jquery 1.4.2
Βαλε Slider στο blog σου - Featured Post Content Slider
Gallery Εικόνων - Image Effect με jQuery Hover / Zoom για Blogger

Για να το βάλετε ακολουθήστε τα παρακάτω αριθμημένα βήματα:

1. Σύνδεση στον λογαριασμό μας από το blogger.com

2. Σχεδίαση>Στοιχεία σελίδας>Προσθήκη gadget>HTML/Javascript

3. Εδώ επικολλούμε τον παρακάτω κώδικα

<div style="BORDER-BOTTOM: #000000 5px solid; BORDER-LEFT: #000000 0px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #000000; BORDER-TOP: #000000 0px solid; BORDER-RIGHT: #000000 5px solid; PADDING-TOP: 5px">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<style type="text/css" media="screen">
<!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:395px; } #spylist ul{ width:650px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:640px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:395px; overflow: hidden; background:#000000 url() repeat-x; border:1px solid #000000; } #spylist li a { text-decoration:none; color:#ffc042; font-size:18px; height:0px; overflow:hidden; margin:0px 0px; padding:0px 0px 0px 0px; } #spylist li img { float:left; margin-right:0px; background:#000000; border:0; } .spydate{ overflow:hidden; font-size:12px; color:#cd1713; padding:2px 0px; margin:1px 0px 0px 0px; height:15px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:12px; color:#cd1713; padding:0px 0px; margin:0px 0px; } -->
</style>

<script language="javascript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUGxU4XuswzVkrF3mYyNCrJESYSNlNSZLv_82uHllSKeVVallNNqvYP67r461eRidxLAcy_gtkUeEHLriJWWx18G4FvCMqDfMk4oiepxaZ2YT9UehSEk_lSNt2UQOR3nftO-g70fp0H4/s400/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUGxU4XuswzVkrF3mYyNCrJESYSNlNSZLv_82uHllSKeVVallNNqvYP67r461eRidxLAcy_gtkUeEHLriJWWx18G4FvCMqDfMk4oiepxaZ2YT9UehSEk_lSNt2UQOR3nftO-g70fp0H4/s400/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUGxU4XuswzVkrF3mYyNCrJESYSNlNSZLv_82uHllSKeVVallNNqvYP67r461eRidxLAcy_gtkUeEHLriJWWx18G4FvCMqDfMk4oiepxaZ2YT9UehSEk_lSNt2UQOR3nftO-g70fp0H4/s400/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUGxU4XuswzVkrF3mYyNCrJESYSNlNSZLv_82uHllSKeVVallNNqvYP67r461eRidxLAcy_gtkUeEHLriJWWx18G4FvCMqDfMk4oiepxaZ2YT9UehSEk_lSNt2UQOR3nftO-g70fp0H4/s400/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUGxU4XuswzVkrF3mYyNCrJESYSNlNSZLv_82uHllSKeVVallNNqvYP67r461eRidxLAcy_gtkUeEHLriJWWx18G4FvCMqDfMk4oiepxaZ2YT9UehSEk_lSNt2UQOR3nftO-g70fp0H4/s400/noimage.png";
showRandomImg = true;
boxwidth = 630;
cellspacing = 0;
borderColor = "#000000";
bgTD = "#000";
thumbwidth = 640;
thumbheight = 330;
fntsize = 30;
acolor = "#000";
aBold = true;
icon = " ";
text = "GlyfadA web";
showPostDate = true;
summaryPost = 20;
summaryFontsize = 10;
summaryColor = "#ffffff";
icon2 = " ";
numposts = 20;
home_page = "http://www.glyfadaweb.gr/";
limitspy=1
intervalspy=9000
</script>

<div id="spylist">
<script type="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js"></script>
</div></div>

Τέλος να σημειώσω οτι είναι απόλυτα παραμετροποιήσιμο όσων αφορά τις διαστάσεις απεικόνισης και το μέγεθος των τίτλων, και αυτό που πρέπει να γίνει αμέσως μετά την τοποθέτηση είναι η αλλαγή της διεύθυνσης του URL, ώστε να φαίνονται οι δικές σας τελευταίες 20 αναρτήσεις.

home_page = "http://www.glyfadaweb.gr/";

Αλλαγή με την δική σας διεύθυνση.

Κατά τη συγγραφή της παραπάνω ανάρτησης, άκουγα το παρακάτω -τούρκικο- τραγούδι:



Αυτή η ανάρτηση ήταν προσφορά του Glyfada Web τον οποίον και ευχαριστούμε. Μπορείτε να επικοινωνήσετε μαζί του μέσω του glyfadaweb@gmail.com

Όποιος θέλει επίσης να συνεισφέρει, μπορεί να στέλνει τις αναρτήσεις του στο help@bloggertips.gr μαζί με το όνομα και το link του blog του.

Copyrights: http://www.bloggertips.gr/