Αναρτήσεις
Μπορείτε κι εσείς να στέλνετε έξυπνα 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
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>
<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/
| 