سلايدر تلقائي لمدونات بلوجر

مشاركة:

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

السلام عليكم
نقدم لكم في هذه التدوينة كود سلايدر تلقائي واحترافي وجميل وبدون اخطاء ولا يسبب مشاكل في سيرورة المدونة ويقوم بعرض آخر المواضيع بطريقة تلقائية انيقة وجميلة ولا يحتوي على روابط خارجية كما ان متميز بخط تاهوما المتميز TAHOMA .
 كما ان طريقة إظافته سهلة جدا وحتى للمبتدئين في مدونات بلوجر إذ يضاف من التخطيط فقط 
الطريقة : 
>>>>>> التخطيط
>>>>>>>> إظافة أداة html/javascript
ثم إظافة الكود التالي:



<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://abdessamadweb.com",
 MaxPost: 8,
 cmtext: "تعليقات",
 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: 'السابق',
 nextText: 'التالي'
};

</script>

<script type="text/javascript">
  (function(f){var e=[],c=[],k=[],m=[],d=[],h=[],b=[],g=[],l=[],a=[],j=[];f.fn.coinslider=f.fn.CoinSlider=function(A){var r=function(E){var I=parseInt(e[E.id].width/e[E.id].spw),D=I,L=parseInt(e[E.id].height/e[E.id].sph),H=L,C=0,J=0,K=0,G,F,N=e[E.id].width-e[E.id].spw*D,B=N,M=e[E.id].height-e[E.id].sph*H,O=M;for(G=1;G<=e[E.id].sph;G++){B=N;if(O>0){O--;H=L+1}else{H=L}for(F=1;F<=e[E.id].spw;F++){if(B>0){B--;D=I+1}else{D=I}c[E.id][C]=G+""+F;C++;if(e[E.id].links){f("#"+E.id).append("<a href='"+m[E.id][0]+"' class='cs-"+E.id+"' id='cs-"+E.id+G+F+"' style='width:"+D+"px; height:"+H+"px; float: left; position: absolute;'></a>")}else{f("#"+E.id).append("<div class='cs-"+E.id+"' id='cs-"+E.id+G+F+"' style='width:"+D+"px; height:"+H+"px; float: left; position: absolute;'></div>")}f("#cs-"+E.id+G+F).css({"background-position":-J+"px "+(-K+"px"),left:J,top:K});J+=D}K+=H;J=0}f(".cs-"+E.id).mouseover(function(){f("#cs-navigation-"+E.id).show()});f(".cs-"+E.id).mouseout(function(){f("#cs-navigation-"+E.id).hide()});f("#cs-title-"+E.id).mouseover(function(){f("#cs-navigation-"+E.id).show()});f("#cs-title-"+E.id).mouseout(function(){f("#cs-navigation-"+E.id).hide()});if(e[E.id].hoverPause){f(".cs-"+E.id).mouseover(function(){e[E.id].pause=true});f(".cs-"+E.id).mouseout(function(){e[E.id].pause=false});f("#cs-title-"+E.id).mouseover(function(){e[E.id].pause=true});f("#cs-title-"+E.id).mouseout(function(){e[E.id].pause=false})}};var y=function(C){clearInterval(b[C.id]);var B=e[C.id].delay+e[C.id].spw*e[C.id].sph*e[C.id].sDelay;b[C.id]=setInterval(function(){v(C)},B)};var v=function(B,C){if(e[B.id].pause===true){return}z(B);a[B.id]=0;l[B.id]=setInterval(function(){o(B,c[B.id][a[B.id]])},e[B.id].sDelay);f(B).css({"background-image":"url("+k[B.id][g[B.id]]+")"});if(typeof(C)=="undefined"){g[B.id]++}else{if(C=="prev"){g[B.id]--}else{g[B.id]=C}}if(g[B.id]==k[B.id].length){g[B.id]=0}if(g[B.id]==-1){g[B.id]=k[B.id].length-1}f(".cs-button-"+B.id).removeClass("cs-active");f("#cs-button-"+B.id+"-"+(g[B.id]+1)).addClass("cs-active");if(h[B.id][g[B.id]]){f("#cs-title-"+B.id).css({opacity:0}).animate({opacity:e[B.id].opacity},e[B.id].titleSpeed);f("#cs-title-"+B.id).html(h[B.id][g[B.id]])}else{f("#cs-title-"+B.id).css("opacity",0)}};var o=function(C,B){f(".cs-"+C.id).attr("href",m[C.id][g[C.id]]).attr("target",d[C.id][g[C.id]]);if(a[C.id]==e[C.id].spw*e[C.id].sph){clearInterval(l[C.id]);return}f("#cs-"+C.id+B).css({opacity:0,"background-image":"url("+k[C.id][g[C.id]]+")"});f("#cs-"+C.id+B).animate({opacity:1},300);a[C.id]++};var p=function(C){var B;f(C).append("<div id='cs-navigation-"+C.id+"'></div>");f("#cs-navigation-"+C.id).hide();f("#cs-navigation-"+C.id).append("<a href='#' id='cs-prev-"+C.id+"' class='cs-prev'>"+e[C.id].prevText+"</a>");f("#cs-navigation-"+C.id).append("<a href='#' id='cs-next-"+C.id+"' class='cs-next'>"+e[C.id].nextText+"</a>");f("#cs-prev-"+C.id).css({position:"absolute",top:e[C.id].height/2-15,left:0,"z-index":1001,"line-height":"30px",opacity:e[C.id].opacity}).click(function(D){D.preventDefault();v(C,"prev");y(C)}).mouseover(function(){f("#cs-navigation-"+C.id).show()});f("#cs-next-"+C.id).css({position:"absolute",top:e[C.id].height/2-15,right:0,"z-index":1001,"line-height":"30px",opacity:e[C.id].opacity}).click(function(D){D.preventDefault();v(C);y(C)}).mouseover(function(){f("#cs-navigation-"+C.id).show()});f("<div id='cs-buttons-"+C.id+"' class='cs-buttons'></div>").appendTo(f("#coin-slider-"+C.id));for(B=1;B<k[C.id].length+1;B++){f("#cs-buttons-"+C.id).append("<a href='#' class='cs-button-"+C.id+"' id='cs-button-"+C.id+"-"+B+"'>"+B+"</a>")}f.each(f(".cs-button-"+C.id),function(D,E){f(E).click(function(F){f(".cs-button-"+C.id).removeClass("cs-active");f(this).addClass("cs-active");F.preventDefault();v(C,D);y(C)})});f("#cs-navigation-"+C.id+" a").mouseout(function(){f("#cs-navigation-"+C.id).hide();e[C.id].pause=false});f("#cs-buttons-"+C.id).css({left:"50%","margin-left":-k[C.id].length*15/2-5,position:"relative"})};var z=function(F){var G=["random","swirl","rain","straight"],D,C,B,E;if(e[F.id].effect===""){E=G[Math.floor(Math.random()*(G.length))]}else{E=e[F.id].effect}c[F.id]=[];if(E=="random"){B=0;for(D=1;D<=e[F.id].sph;D++){for(C=1;C<=e[F.id].spw;C++){c[F.id][B]=D+""+C;B++}}q(c[F.id])}if(E=="rain"){n(F)}if(E=="swirl"){t(F)}if(E=="straight"){u(F)}j[F.id]*=-1;if(j[F.id]>0){c[F.id].reverse()}};var q=function(B){var D=B.length,C,F,E;if(D===0){return false}while(--D){C=Math.floor(Math.random()*(D+1));F=B[D];E=B[C];B[D]=E;B[C]=F}};var t=function(C){var E=e[C.id].sph,F=e[C.id].spw,L=1,K=1,D=0,H=0,J=0,B,I=true,G;while(I){H=(D===0||D===2)?F:E;for(G=1;G<=H;G++){c[C.id][J]=L+""+K;J++;if(G!=H){switch(D){case 0:K++;break;case 1:L++;break;case 2:K--;break;case 3:L--;break}}}D=(D+1)%4;switch(D){case 0:F--;K++;break;case 1:E--;L++;break;case 2:F--;K--;break;case 3:E--;L--;break}B=w(E,F)-s(E,F);if(F<=B&&E<=B){I=false}}};var n=function(E){var I=e[E.id].sph,B=e[E.id].spw,H=0,G=1,C=1,F=1,D=true;while(D){for(i=F;i<=G;i++){c[E.id][H]=i+""+parseInt(C-i+1);H++}C++;if(G<I&&C<B&&I<B){G++}if(G<I&&I>=B){G++}if(C>B){F++}if(F>G){D=false}}};var u=function(E){var B=0,D,C;for(D=1;D<=e[E.id].sph;D++){for(C=1;C<=e[E.id].spw;C++){c[E.id][B]=D+""+C;B++}}};var s=function(C,B){if(C>B){return B}else{return C}};var w=function(C,B){if(C<B){return B}else{return C}};var x=function(B){c[B.id]=[];k[B.id]=[];m[B.id]=[];d[B.id]=[];h[B.id]=[];g[B.id]=0;a[B.id]=0;j[B.id]=1;e[B.id]=f.extend({},f.fn.coinslider.defaults,A);f.each(f("#"+B.id+" img"),function(C,D){k[B.id][C]=f(D).attr("src");m[B.id][C]=f(D).parent().is("a")?f(D).parent().attr("href"):"";d[B.id][C]=f(D).parent().is("a")?f(D).parent().attr("target"):"";h[B.id][C]=f(D).next().is("span")?f(D).next().html():"";f(D).hide();f(D).next().hide()});f(B).css({"background-image":"url("+k[B.id][0]+")",width:e[B.id].width,height:e[B.id].height,position:"relative","background-position":"top left"}).wrap("<div class='coin-slider' id='coin-slider-"+B.id+"' />");f("#"+B.id).append("<div class='cs-title' id='cs-title-"+B.id+"' style='position: absolute; bottom:0; left: 0; z-index: 1000;'></div>");r(B);if(e[B.id].navigation){p(B)}v(B,0);y(B)};this.each(function(){x(this)})};f.fn.coinslider.defaults={width:565,height:290,spw:7,sph:5,delay:3000,sDelay:30,opacity:0.7,titleSpeed:500,effect:"",navigation:true,links:true,hoverPause:true,prevText:"prev",nextText:"next"}})(jQuery);

var config=AutoCoinConfig,urlxx=config.url_blog,urltag="/-/"+config.tagName;if(config.url_blog===""){urlxx=window.location.protocol+"//"+window.location.host}if(config.tagName===false){urltag=""}function AutoCoinSlider(w){var u,c,m,g,t,k,b,s,f,e,h,o,v,q,d="",a=w.feed.entry;if(a!==undefined){d="<div id='coinautoslide'>";f=a.length;for(var r=0;r<f;r++){e=a[r].link.length;for(var p=0;p<e;p++){if(a[r].link[p].rel=="alternate"){u=a[r].link[p].href;break}}for(var n=0;n<e;n++){if(a[r].link[n].rel=="replies"&&a[r].link[n].type=="text/html"){m=a[r].link[n].title.split(" ")[0];break}}if("content" in a[r]){t=a[r].content.$t}else{if("summary" in a[r]){t=a[r].summary.$t}else{t=""}}if("media$thumbnail" in a[r]){k=a[r].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+config.imageSize)}else{k=config.pBlank}if(m===0){g=' <span class="cm">'+config.NoCmtext+"</span>"}else{g=' <span class="cm">'+m+" "+config.cmtext+"</span>"}t=t.replace(/<\S[^>]*>/g,"");if(t.length>config.SumChars){t=t.substring(0,config.SumChars)+"..."}c=a[r].title.$t;s=a[r].published.$t.substring(0,10),h=s.substring(0,4),o=s.substring(5,7),v=s.substring(8,10),q=config.MonthNames[parseInt(o,10)-1],b='<span class="date"><span class="dd">'+v+'</span> <span class="dm">'+q+'</span> <span class="dy">'+h+"</span></span>";d+='<a href="'+u+'" target="_blank"><img src="'+k+'" alt="'+c+'"/><span><strong>'+c+"</strong><cite>"+b+g+"</cite><p>"+t+"</p></span></a>"}d+="</div>";$("#coinslidewrap").html(d);$("#coinautoslide").coinslider({width:config.width,height:config.height,spw:config.spw,sph:config.sph,delay:config.delay,sDelay:config.sDelay,opacity:config.opacity,titleSpeed:config.titleSpeed,effect:config.effect,navigation:config.navigation,links:config.links,hoverPause:config.hoverPause,prevText:config.prevText,nextText:config.nextText,})}else{$("#coinslidewrap").html("<span>No result!</span>")}}document.write('<div id="coinslidewrap"/>');document.write('<script type="text/javascript" src="'+urlxx+"/feeds/posts/summary"+urltag+"?redirect=false&max-results="+config.MaxPost+'&alt=json-in-script&callback=AutoCoinSlider"><\/script>');
</script>


الاحمر : حجم السلايد شو , ويجب مراعاة حجم الصورة ايضاَ كي يتناسب معك , المهم غيرهم الإثنين واجعلهم نفس الحجم يابطل .
الاصفر : رابط المدونة وهو مهم فقم بتغييره برابط مدونتك .
الازرق : طول السلايد شو ، يمكنك تغيره ليتناسب مع قالب مدونتك 
.


لا تحرمونا من ردودكم المشجعة

تعليقات

Google: 1

  1. Thank you for the auspicious writeup. It in reality was a enjoyment account it. Look advanced to far introduced agreeable from you! By the way, how can we communicate? hotmail sign in

    ردحذف

الاسم

أرشفة,5,البنوك الالكترونية,1,الربح من الأنترنت,4,تخفيضات,1,تدوين,12,تطبيقات,1,سيو,6,شروحات بلوجر,9,شروحات ووردبريس,3,عالم الووردبريس,2,عالم بلوجر,7,عالم بوجر,4,قوالب بلوجر,2,قوالب بلوجر مجانية,2,مواقع مفيدة و عروض,8,نصائح سيو,5,نصائح للمدونين,4,
rtl
item
عبد الصمد ويب : سلايدر تلقائي لمدونات بلوجر
سلايدر تلقائي لمدونات بلوجر
https://3.bp.blogspot.com/-5xCp5UHdwPU/VIc6JNJlGdI/AAAAAAAADDg/J65n1nUTyzQ/s1600/%D8%B3%D9%84%D8%A7%D9%8A%D8%AF%2B%D8%B4%D9%88%2B%D8%AE%D9%81%D9%8A%D9%81%2B%D9%88%D8%A3%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%2B%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9%2B%D8%A8%D9%84%D9%88%D8%AC%D8%B1%2B20142.png
https://3.bp.blogspot.com/-5xCp5UHdwPU/VIc6JNJlGdI/AAAAAAAADDg/J65n1nUTyzQ/s72-c/%D8%B3%D9%84%D8%A7%D9%8A%D8%AF%2B%D8%B4%D9%88%2B%D8%AE%D9%81%D9%8A%D9%81%2B%D9%88%D8%A3%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%2B%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9%2B%D8%A8%D9%84%D9%88%D8%AC%D8%B1%2B20142.png
عبد الصمد ويب
https://www.abdessamadweb.com/2017/05/slider-for-blogger.html
https://www.abdessamadweb.com/
https://www.abdessamadweb.com/
https://www.abdessamadweb.com/2017/05/slider-for-blogger.html
true
6238555629878902380
UTF-8
تحميل كل المقالات لا توجد أي مقالة شاهد الكل اقرأ المزيد رد الغاء الرد حذف بواسطة الرئيسية الصفحات المواضيع شاهد الكل نقترح لكم قسم الأرشيف بحث كل المواضيع لم نجد أي مقال يطابق طلبك الرجوع للرئيسية الأحد الاثنين الثلاثاء الأربعاء الخميس الجمعة السب الأحد الإثنين الثلاثاء الأربعاء الخميس الجمعة السبت يناير فبراير مارس أبريل ماي يونيو يوليوز غشت سبتمبر اكتوبر نونبر دجنبر يناير فبراير مارس أبريل ماي يونيو يوليوز غشت سبتمبر أكتوبر نونبر دجنبر الآن 1 دقيقة مضت $$1$$ minutes ago 1 ساعة مضت $$1$$ hours ago البارحة $$1$$ days ago $$1$$ weeks ago أكثر من 5 اسابيع مضت متابعين تابع هذا المحتوى مغلق الخطوة 1: شارك على الشبكات الإجتماعية الخطوة 2: اضغط على الرابط في شبكتك الإجتماعية انسخ كل الأكواد اختر كل الأكواد تم نسخ كل الأكواد لا يمكن نسخ الأكواد / النصوص, المرجو ضغط [CTRL]+[C] (أو CMD+C في Mac)للنسخ