/ * * Slider /
.blog_featured_posts {display: : inline-block; width: 100%; margin-top: 0px; margin-bottom: 4px;}
.blog_featured_post {display: block; position: relative; float: right; overflow: hidden ; height: 334px;}
.blog_featured_post.first {width: 43%; margin-left: 9px;}
.blog_featured_post.second {width: 20.79%; margin-left: 9px;}
.blog_featured_post.third, .blog_featured_post.fourth { width: 34.126%; height: 163px;}
.blog_featured_post.third {margin-bottom: 9px;}
.blog_featured_post a {display: block; color: rgb (255, 255, 255); text-shadow 's : rgba (0, 0 , 0, 0.498039) 1px 1px 0px; position: relative; vertical-align: bottom; z-index: 1; height: 100%;}
.blog_featured_post a: hover: before {opacity: 0.6; box-shadow 's : 0px inset - 200px # 5px 3px 000;}
.blog_featured_post a: before {display: block; position: absolute; content: & # 39; & # 39 ;; right: 0px; top: 0px; width: 100%; height: 100%; -shadow 's box: inset -3px 300px 0px 5px # 000; opacity: 0.5; -webkit-transition: all 0.2s; transition: all 0.2s;}
.blog_featured_post .blog_contents a {display: block; position: absolute; z-index : 5; bottom: 30px; right : 30px; left: 30px; font-weight: bold; text-transform: uppercase; line-height: 120%; - webkit-transition: all 0.2s; transition: all 0.2s; font -family: droid arabic Kufi, sans-serif;}
.blog_contents span {font-style: normal; display: block; position: absolute; bottom: 100%; padding: 5px 10px; letter--spacing: 0px; font-size: 11px; line-height: 1; text-shadow 's : none; margin-bottom: 10px; [ background: # F58220;}
.blog_contents span: after {content: & quot; & quot ;; r.jpg-style: solid; r.jpg-width: 21px 21px 7px; r.jpg-color: transparent; r.jpg-bottom-color: # F58220; left: -7px; bottom: 0; position: absolute;}
.blog_contents span: before {content: & quot; & quot ;; r.jpg-style: solid ; r.jpg-width: 21px 21px 7px; r.jpg-color: transparent; r.jpg-top-color: # F58220; right: -7px; top: 0; position: absolute;}
.blog_featured_post a .blog_contents h3 {text-shadow 's : 2px 2px 4px black; padding: 8px 10px 9px; text-align: right; float: right; display: inline-block; background: rgba (0, 0, 0, 0.5) none repeat scroll 0% 0%; width: 114% ; opacity: 0.9; font-size: 12px; font-weight: 700; margin-right: -30px;}
.blog_featured_post.first a .blog_contents h3 {text-shadow 's : 2px 2px 4px black; padding: 10px 8px 9px; text -align: right; float: right; display: inline-block; background: rgba (0, 0, 0, 0.5) none repeat scroll 0% 0%; width: 100%; opacity: 0.9; font-size: 12px; weight-font: 700; margin-right: -30px;}
<! - Slider ->
<script type = 'text / javascript'>
// <! [CDATA [
imgr = new Array ();
imgr [0] = "Http://sites.google.com/site/ Fdblogsite / Menu Home / Nothumbnail.gif ";
ShowRandomImg = true;
ABold = true;
Numposts1 = 4;
Numposts11 = 1;
Newsize = 400;
function Recentposts1 (json) { j = ShowRandomImg? Math.floor ((Imgr.length + 1) * Math.random ()): 0; img = new Array; the if (Numposts1 <= Json.feed.entry.length) Maxpost = Numposts1; else Maxpost = Json.feed. Entry.length; document.write ( '<div class = "Blog_featured_posts">'); for (var i = 0; i <Maxpost; i ++) { var entry = Json.feed.entry [i]; var Posttitle = entry .title. $ t; var Entry.category of tag = [0] .term; var pcm; var Posturl; var = Cropsize Newsize; the if (i == Json.feed.entry.length) break; for (var k = 0 ; k <Entry.link.length; k ++) the if (Entry.link [k] .rel == "alternate") { Posturl Entry.link = [k] .href; break } for (var k = 0; k < Entry.link.length; k ++) the if (Entry.link [k] .rel == "replies" && Entry.link [k] .type == "text / html") { pcm = Entry.link [k]. Title.split ( "") [0]; break } the if ( "content" in entry) var = Postcontent Entry.content. $ t; else the if ( "summary" in entry) var = Postcontent Entry.summary. $ t; var = Postcontent else ""; Postdate = Entry.published. $ t; the if (j> Imgr.length - 1) j = 0; img [i] = imgr [j]; s = Postcontent; a = S.indexOf ( "<img"); . b = S.indexOf ( 'src = "', a); the c = S.indexOf ( '"', . b + 5); d = S.substr ( . b + 5, the c - . b - 5); the if (a! = -1 && ( . b! = -1 && ( the c! = -1 && d! = ""))) img [i] = d; var month = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]; var Month2 = [ "January", "February", "March", "April", "May", "June", "July" , "August", "September", "October", "November", "December"]; 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) the if (parseInt (m) == month [u2]) { m = Month2 [u2]; break } var Daystr day = + "" + m + "" + y; the if (i == 0) { var st = "# FF3D66"; var Trtd = '<div class = "Blog_featured_post first"> <a Href="' + Posturl +'"> <div class = "Blog_contents"> <span>' + of tag + '</ span > <h3> '+ posttitle + ' </ h3> </ div> <div class = "feat-img" style = "background-image: url ( '+ img [i] +');"> </ div > </a> </ div> '; document.write (Trtd) } the if (i == 1) { var Trtd =' <div class = "Blog_featured_post second"> <a href = " '+ Posturl +'" > <div class = "blog_contents" > <span> '+ tag +' </ span> <h3> '+ posttitle +' </ h3> </ div> <div class = "feat-img" style = "background -image: url ( '+ img [i] +'); "> </ div> </a> </ div> '; document.write (Trtd) } the if (i == 2) { var = Trtd' <div class = "blog_featured_post third" > <a href="' + posturl +'"> <div class = "blog_contents"> <span> '+ tag +' </ span> <h3> '+ posttitle +' < / h3> </ div> < div class = "feat-img" style = "background-image: url ( '+ img [i] +');"> </ div> </a> </ div> ' ; document.write (Trtd) } the if (i == 3) { var Trtd = '<div class = "Blog_featured_post fourth"> <a Href="' + Posturl +'"> <div class = "Blog_contents"> < span> '+ tag +' < / span> <h3> '+ posttitle +' </ h3> </ div> <div class = "feat-img" style = "background-image: url ( '+ img [i ] + '); "> </ div> </a> </ div>'; document.write (Trtd) } j ++ } document.write ( '</ div>') }; //]]> </ script>
<div class = 'Blog_featured_posts' id = 'Blog_featured_posts'>
<div class = 'ct-wrapper'>
< . b: the if cond = 'data: Blog.pageType == & quot; index & quot;'>
<script>
document.write ( & quot; & lt; script src = \ & quot; / feeds / posts / default? max-results = & quot; + numposts1 + & quot; & amp; orderby = published & amp; alt = json-in-script & amp; callback = recentposts1 \ & quot; & gt; lt &; \ / script & gt; & quot;);
</ script>
</ . b: the if>
</ div>
</ div>
http://mudwnp.blogspot.com/2016/02/automatic-slider-for-blogger-blog.html
No comments:
Post a Comment