الدرس 32 اضافة سلايدر شو متجاوب و مخصص للاقسام على بلوجر

 اضافة  سلايدر شو متجاوب  و مخصص للاقسام على بلوجر

شرح الطريقة السهلة لاضافة سلايدر شو متجاوب responsive slideshow على مدونة بلوجر blogger يمكنك تخصيص عدد مواضيعه و القسم الذي تريد اظهاره

السلام عليكم احبابي اخواني  متابعي قسم دورة انشاء مدونة بلوجر احترافية على موقع علوم و تقنيات فى هذا الدرس ان شاء الله سوف نشرح  طريقة تركيب سلايدر شو متجاوب مع كل الشاشات الذكية بطريقة سهلة على مدونتك بدون الحاجة الى اضافة الاكواد على نموذج القالب الخاص بك بل من منصة التخطيط مباشرة .

فى الدرس هذا ساقدم لكم نموذجين من نماذج السلايدر شو يمكنك اضافتهم فى اي مكان على مدونة بلوجر , فوق المواضيع على الصفحة الرئيسية او على القائمة الجانبية لمدونتك , و فى الدرس ايضا سوف نتطرق حول طريقة التعديل على السلايدر من حيث عدد المواضيع التى يظهرها , تخصيص السلايدر ليظهر فقط قسم محدد , التشغيل التلقائى او اليديوي للسلايدر شو , التحكم فى اظهار السلايدر على الصفحة الرئيسية فقط او على المواضيع ,  كل هذا ستجدون شرحه على الفيديو

اكواد السلايدر الاول و الذي انصح ان يكون فوق مواضيع الصفحة الرئيسية لمدونة بلوجر

//<![CDATA[ function FeaturedPost(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"#featuredpost",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://ift.tt/1QrVIb9",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var c=h.blogURL;var d=h.MaxPost*200;if(h.blogURL===""){c=window.location.protocol+"//"+window.location.host}g.html(' nextprev ‘).addClass(h.loadingClass);var f=function(w){var q,k,m,u,x,p,t,v,r,l=””,s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+=' ‘+k+’ ‘+t+’ ‘+v+’ ‘+x+’ ‘+m+” “}e(“ul”,g).append(l)};var b=function(){var i=”/-/”+h.tagName;if(h.tagName===false){i=””;e.ajax({url:c+”/feeds/posts/default”+i+”?max-results=”+h.MaxPost+”&orderby=published&alt=json-in-script”,success:f,dataType:”jsonp”,cache:true})}else{e.ajax({url:c+”/feeds/posts/default”+i+”?max-results=”+h.MaxPost+”&orderby=published&alt=json-in-script”,success:f,dataType:”jsonp”,cache:true})}(function(){setTimeout(function(){e(“#prevx”).click(function(){e(“#slides li:first”).before(e(“#slides li:last”));return false});e(“#nextx”).click(function(){e(“#slides li:last”).after(e(“#slides li:first”));return false});if(h.autoplay){var k=h.interval;var l=setInterval(“rotate()”,k);e(“#slides li:first”).before(e(“#slides li:last”));e(“#slides”).hover(function(){clearInterval(l)},function(){l=setInterval(“rotate()”,k)});function j(){e(“#nextx”).click()}}g.removeClass(h.loadingClass)},d)})()};e(document).ready(b)})(jQuery)}; function rotate() { $(‘#nextx’).click(); } //]]> //

اكواد السلايدر الثاني و الذي انصح ان يكون على القائمة الجانبية لمدونة بلوجر

//<![CDATA[ function FeaturedPostSide(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://ift.tt/1hfN1Co",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var d=h.MaxPost*200;g.html(' nextprev ‘);var f=function(w){var q,k,m,u,x,p,t,v,r,l=””,s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+=' ‘+k+’ ‘+t+’ ‘+v+’ ‘+x+’ ‘+m+” “}e(“ul”,g).append(l).addClass(h.loadingClass)};var c=function(){e(h.idcontaint+” .nextx”).click()};var b=function(){e.get((h.blogURL===””?window.location.protocol+”//”+window.location.host:h.blogURL)+”/feeds/posts/summary”+(h.tagName===false?””:”/-/”+h.tagName)+”?max-results=”+h.MaxPost+”&orderby=published&alt=json-in-script”,f,”jsonp”);setTimeout(function(){e(h.idcontaint+” .prevx”).click(function(){e(h.idcontaint+” .sliderx li:first”).before(e(h.idcontaint+” .sliderx li:last”));return false});e(h.idcontaint+” .nextx”).click(function(){e(h.idcontaint+” .sliderx li:last”).after(e(h.idcontaint+” .sliderx li:first”));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.idcontaint+” .sliderx li:first”).before(e(h.idcontaint+” .sliderx li:last”));e(h.idcontaint+” .sliderx”).hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e(“ul”,g).removeClass(h.loadingClass)},d)};e(document).ready(b)})(jQuery)}; //]]> //

تصنيف :