CAROUSEL POST SLIDER FOR BLOGGER No 1
Αν θέλετε να εμφανίσετε τις αναρτήσεις μίας μόνο συγκεκριμένης ετικέτας τότε προσθέσετε την ετικέτα αυτή στο παρακάτω script που βρίστεται σχεδόν 15 γραμμές πρίν το τέλος αυτού του κώδικα. Μετά την προσθήκη της ετικέτας ο κώδικας θα γίνει έτσι.
<script>
document.write("<script
src=\"http://the-best-widgets.blogspot.gr//feeds/posts/default/-/YOUR-LABEL?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");</script>
Εκεί που γράφει YOUR-LABEL Θα βάλετε την ετικέτα σας. Αν θέλετε να εμφανίζονται όλες αφήστε τον κώδικα όπως ήταν αλλά
μην ξεχάσετε να αλλάξετε το link του δικού
μου blog που είναι με πορτοκαλί γράμματα με το link του δικού σας blog.
Αντιγράψτε και επικολλήστε
μέσα σε ένα gadget τον παρακάτω κώδικα.
<style>
#carousel{width:auto;height:210px;margin-bottom:0px;position:relative;display:block}
#carousel .container {
position:absolute;
left:30px;
width:960px;
height:210px;
overflow:hidden;
background:#255720}
#carousel #previous_button{
position:absolute;
width:30px;
height:210px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcjKNWPu_59T9uQvp5CWMLQ5arBhcXEIgLpiI8Vn0dQfBb1Uvlvbf92pzxAxDDclaq5fZahNbUepWCn_xtq3XErogXSwZOY6e7TcnVc3f48l1vrHG0X6AwWx11FJuhVX4EyqmSTOslADVV/s64-no/arrowleft.png)
center; background-repeat:no-repeat; z-index:100;cursor:pointer;border-right:1px solid #FFFFFF; background-color:#E19797;}
#carousel #previous_button:hover{background-color:#EE6969;}
#carousel #next_button{
position:absolute;
right:0;
width:30px;
height:210px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsbO3dp78Go42HqsWQ6JdQesg12gwtPbdWDX4O_g45hU0ZE-QZHpGISOAcKQ3avC8afCG6Ra2GRcuubl5sr_IlHmlVij1X7-yWSf9CCtHRvGDTol3sa4jBrTIhW_6LZO_L-nTjq6rTjTYs/s64-no/arrowright.png)
center;background-repeat:no-repeat; z-index:100;cursor:pointer;border-left:1px solid #FFFFFF; background-color:#51E286;}
#carousel #next_button:hover{background-color:#4EFF44;}
#carousel ul{width:100000px;position:relative;margin-top:2px}
#carousel ul li{
display:inline;
float:left;
text-align:left;
font-family: Arial;
font-size: 12px;
line-height:14px;
width:167px;
height:190px;
margin:2px 2px
2px 2px;
padding:4px 4px
4px 4px;
border:1px solid #FFFFFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
position:relative;}
#carousel ul li:hover{background-color:#FF6600;}
#carousel ul li a.slider_title{
color: #FFFFFF;
display:block;
margin-top:0px;
left:0px;
bottom:-10px;
position:absolute;
padding:4px 4px
4px 4px;
background-color: #173374;
color:#FFFFFF;
width:100%;
height:80px;}
#carousel ul li a.slider_title:hover{color:#000000;background-color:#FBBB22;}
#carousel img{display:block;padding:4px;}
#carousel a img{display:block;background:#115595; padding:0px;margin-top:0px; margin-bottom:0px;}
.container {width:910px
!important;}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'
type='text/javascript'></script>
<script src='https://googledrive.com/host/0B8GeBeRdN9NsdHdiU0tsaFRWSU0'
type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgoUtdQjVdG4pS1-w80Mkom5PJtT_NHuUIdByX2LQsMbbLKI9JRwLL5Z1sts_ur9ykCjXrARlXXNKH3APzl7xc9mLEbUNJa2QgKx1ioYhXodsa58VywLF-csGzFlonrGC4yo9WGNYKDKDk/s300-no/no+image.jpg";
showRandomImg = false;
aBold = false;
summaryPost = 150;
summaryTitle = 75;
numposts1 = 150;
label1 = "YOUR-LABEL";
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}
s = s.join("");
s = s.substring(0,chop-1);
return s;}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;}}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type ==
'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;}}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b =
s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d
= s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))
img[i] = d;
//cmtext = (text != 'no') ? '<i><font
color="'+acolor+'">('+pcm+' '+text+')</font></i>' :
'';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 =
["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div
class="thumb"><a href="'+posturl+'"><img
width="165" height="106" class="alignnone"
src="'+img[i]+'"/></a></div><p><a
class="slider_title"
href="'+posturl+'">'+posttitle+'</a></p></li>';
document.write(trtd);
j++;}
document.write('</ul>');}
//]]>
</script>
<div id="carousel">
<div id="previous_button"></div>
<div class="container">
<script>
document.write("<script src=\"http://the-best-widgets.blogspot.gr//feeds/posts/default/?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");</script>
<div class="clear"></div></div>
<div id="next_button"></div></div>
<script type="text/javascript">
// <![CDATA[
(function($) { $(document).ready(function(){ $("#carousel
.container").jCarouselLite({
auto: 4000,
scroll: 5,
speed: 800,
visible: 5,
start: 1,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button"});
})})(jQuery)
// ]]>
</script>
