Post Auto Slider

Αυτόματο slider για τις αναρτήσεις σας

Φίλοι bloggers γειά σας !!! Σε αυτή την ανάρτηση σας δίνω ένα εύκολο post slider που παρουσιάζει αυτόματα τις αναρτήσεις του blog σας...Αλλάξτε αν θέλετε τις διαστάσεις, στα μέτρα και τα μεγέθη του blog σας...


Βάλτε τον κώδικα σαν gadget => HTML/Javascript :

<!--   begin post slider  -->
<style scoped="" type="text/css">
#coinautoslide{margin:0 auto;border:4px solid white;border-radius:2px;font:normal normal 11px Verdana,Geneva,sans-serif;line-height:1.6em}
.coin-slider{overflow:hidden;zoom:1;position:relative}
.coin-slider a{text-decoration:none;outline:none;border:none}
.cs-buttons{font-size:0;padding:10px;float:left}
.cs-buttons a{margin-left:5px;height:10px;width:10px;float:left;border:1px solid #B8C4CF;color:#B8C4CF;text-indent:-1000px}
.cs-active{background-color:#B8C4CF;color:#FFFFFF}
.cs-buttons a{border-radius:50%;background:#CCC;background:-webkit-linear-gradient(top,#CCCCCC,#F3F3F3);background:-moz-linear-gradient(top,#CCCCCC,#F3F3F3);background:-o-linear-gradient(top,#CCCCCC,#F3F3F3);background:-ms-linear-gradient(top,#CCCCCC,#F3F3F3);background:linear-gradient(top,#CCCCCC,#F3F3F3)}
a.cs-active{background:#599BDC;background:-webkit-linear-gradient(top,#599BDC,#3072B3);background:-moz-linear-gradient(top,#599BDC,#3072B3);background:-o-linear-gradient(top,#599BDC,#3072B3);background:-ms-linear-gradient(top,#599BDC,#3072B3);background:linear-gradient(top,#599BDC,#3072B3);border-radius:50%;box-shadow:0 0 3px #518CC6;border:1px solid #3072B3!important}
.cs-title{width:100%;padding:5px 0;background-color:#000000;color:#FFFFFF}
.cs-title strong{display:block;font-size:120%}
.cs-title p{margin:0}
.cs-title cite{font-size:90%}
.cs-title strong,.cs-title cite,.cs-title p{padding:0 10px}
.cs-prev,.cs-next{background-color:#000000;color:#FFFFFF;padding:0 10px}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
var AutoCoinConfig = {
 url_blog: "http://www.dr-blogger.com/",
 MaxPost: 8,
 cmtext: "comments",
 MonthNames : ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
 pBlank : "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",
 NoCmtext : "comment number",
 imageSize :500,
 SumChars : 100,
 tagName:false,
 width: 500,
 height: 250,
 spw: 7,
 sph: 5,
 delay: 3000,
 sDelay: 30,
 opacity: 0.7,
 titleSpeed: 500,
 effect: '',
 navigation: true,
 links : true,
 hoverPause: true,
 prevText: 'prev',
 nextText: 'next'
};
</script>
<script src="http://dr-blogger.com/files/scripts/coinslider.js" type="text/javascript"></script>
<!--  end post slider  -->

***Αντικαταστήστε τη διεύθυνση του μπλογκ μου, με τη δική σας (τα κόκκινα γράμματα)
***Το  MaxPost: 8  εκφράζει πόσες αναρτήσεις θέλετε να φαίνονται...Μπορείτε να βάλετε περισσότερες η λιγότερες ...
***Τα μεγέθη  width: 500,  height: 250,   εκφράζουν  το μέγεθος του slider...αν δεν έχετε πολύ χώρο, μπορείτε να τα μικρύνετε...
***Προσοχή : Εαν οι εικόνες των αναρτήσεών σας είναι μικρές, τότε θα επαναλαμβάνονται μέσα στο slider...γι αυτό να βάζετε μέτριες εως μεγάλες εικόνες στις αναρτήσεις σας...

Πηγή  και  DEMO:  Thanks to  workshop.rs/projects/coin-slider/ ...