إضافة سلايد شو تلقائي لمدونات بلوجر
مرحبا بكم اخواني في كل جديد من مدونة جزائري ويب
اليوم باذن الله سوف اشرح لكم كيفية اضافة سلايد شو احترافي
(سلايدرشو المحترف) لمدونات بلوجر بطريقه سهله ومضمونه
هذا السلايدرشو يعرض لك اخر المواضيع المضافه في قسم معين بطريقه تلقائيه
حيث يتم تحديد هذا القسم او التسميه حسب رغبتك
- من لوحة التحكم -> قالب -> تحرير HTML
- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
- ابحث عن الوسم
]]></b:skin> و اضف الكود التالي فوقه:
/* CSS Slider */ #alwansd{height: 273px; margin: 10px 0px; background: #34495e;width: 666px;} .alwanw{position: relative;height: 254px;} .alwanw .contentdiv{visibility: hidden;position: absolute;opacity: 1;} .alwan-ps{text-align: right; float: right; padding: 0 4px; margin: 6px auto;} .alwan-ps .toc{width: 95px; font-size: 0; border-radius: 0.5px; height: 6px; float: right;background: #fff; margin-right: 10px;} .alwan-ps a.selected{background:#18629C;} .alwan-ps .prev, .alwan-ps .next {display:none;} .alwanip{width: 646px; padding: 10px !important; bottom: 0; float: left !important; position: absolute; background: rgba(32, 45, 59, 0.85);} .alwanip a{color: #dcdcdc; font: 16px GESSTwoMediumRegular,tahoma; line-height: 10px; display: block; padding: 12px 0; margin: 0 0px;} .alwanip h6{margin: 0;} .alwanip h6 a:hover {color:#18629C;} .alwanip .alwand{font:12px GESSTwoMediumRegular,tahoma; margin:4px 0; color:#a5a5a5;display: none; } .alwanip p{font-size: 13px; margin: 0; font: normal 12px GESSTwoMediumRegular,tahoma; color: #f1f1f1; line-height: 19px;} .alwansf a img{float: right !important; width: 666px; height: 251px;} .alwansf {float: right !important; width:666px!important;} .column-center-outer {width: 666px;}
الآن قم بالبحث عن: <head/>
<script type='text/javascript'> /* Script from:http://jazairiweb.blogspot.com */ imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhEOnJ_VAHzQfp19JRGZtEMdiziQS-Jkb9XNniuWHNwPqNbs3FfoGwg929f6HRHQuRzKMeqSALy5KzafVxczOhSZeELE2rO5IPn8oH9QILb1o9Tzz3U5177X1Be9FIyE0isyb7RLgX61I/w618-h509-no/Vinage_Logos.png"; showRandomImg = true; aBold = true; summaryPost = 150; numposts1 = 6; label1 = "خدماتنا"; 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 showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();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; 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 = '<div class="contentdiv"><div class="alwansf"><a href="'+posturl+'"><img width="617" height="385" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="alwanip"><h6><a href="'+posturl+'">'+posttitle+'</a></h6><div class="alwand" >'+daystr+'</div><p>' +removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>'; document.write(trtd); j++; }} </script>
- قم بتغيير كلمة خدماتنا باسم القسم الذي سيتم عرض مواضيعه
- بعد ذلك قم بالبحث عن
<body/> والصق الكود التالي قبله مباشره (فوقه)
<script src='https://googledrive.com/host/0B2v7cH8soLJraTNUTkhtRWtIMTA'></script> <script> featuredcontentslider.init({ id: "slider1", //id of main slider DIV contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"] toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc] nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide. enablefade: [true, 0.5], //[true/false, fadedegree] autorotate: [true, 6000], //[true/false, pausetime] onChange: function(previndex, curindex){ //event handler fired whenever script changes slide //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc) //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc) } }) </script>
وبالاخير قم بالبحث عن <div id='main-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'> <div id='alwansd'> <div class='alwanw' id='slider1'> <script> document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>"); </script> </div> <div class='alwan-ps' id='paginate-slider1'> </div> </div> </b:if>
