إضافة سلايد شو احترافي لمدونة بلوجر بسهولة 2021

يستجيب معظم الأشخاص على الإنترنت بشكل إيجابي للإشارات المرئية ، كسلايد شو قواعد تقدم لكم أفضل سلايد شو مثالب لمدونات بلوجر و تلقائي بالكامل.
author image


سلايد شو slidshow  تلقائي جاهز لمدونات بلوجر 2021.


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

يتميز هذا السلايد شو slidshow  الذي أقدمه لك اليوم  بأنه تلقائي تمام و لا تحتاج إلى أي تعديل فيه كل ما عليك فعله هو تتبع خطواتي بحرص وسيعمل السلايد شو في أي قالب بإذن الله إذا تمت جميع الخطوات بطريقة صحيحة .

معاينة السلايد شو:

لقد قمت بتركيب السلايد شو في أكثر القوالب شيوعا سيو بلاس لأتبت للمتابعين أن السلايد متجاوب و يمكن تركيبه على أي قالب.
قالب سيو بلاس المطور متوفر في قوالب بلوجر قواعد .


معاينة

شرح طريقة تركيب سلايد شو slidshow  بشكل تلقائي لمدونات بلوجر :


أولا: إضافة كود JQuery.

تحتاج إضافة كود جي كويري المصغر الذي يسهل الكثير من العمل و بما أنه مظغوط " Minified" لن يكون له تأثير كبير على آداء المدونة. إبحث عن

  </head>
  
.

وضع الكود التالي فوقه.

   <script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
  
هكذا تكون قد جلبت كود مكتبة جي كويري و هو مهم جدا لتشغيل الإضافة slidshow  إذا كان موجودا بالفعل في قالبك فلا تقم بإضافته مجددا و أفضل طريقة للتأكد هي بتجاهل هاته الخطوة و الإنتقال إلى الخطوة التالية .فأذا إشتغل السلايدر فلا حاجة لإضافته و إذا ظهر العكس أضفه كما أشرت قبل قليل.

ثانيا: كود حركة السلايد شو.

إبحث عن </body> و أضف الكود التالي فوقه مباشرة.



<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(3(e,t){8(!e)b t;6 n=3(){2.4=t;2.9=t;2.P=[];2.a=[0,0];2.l=0;2.y=t;2.7={R:1k,E:1e,D:t,q:!t,c:t,14:t};6 n=2;2.S=3(t,n){2.4=t;2.d=t.11("d");2.a=[t.x(),t.w()];2.9=2.d.11("K").F(2.N);2.7=e.Q(2.7,n);2.15();b 2};2.N=3(t){6 r=e(2),i=r.x(),s=r.w();n.P[t]=[i,s];8(i>n.a[0])n.a[0]=i;8(s>n.a[1])n.a[1]=s};2.15=3(){2.4.A({19:"1m",z:n.a[0],12:2.9.1i().w()});2.d.A({z:2.9.f*v+"%",1l:"1g"});2.9.A("z",v/2.9.f+"%");8(2.7.E!==t){2.C();2.4.1c(2.g,2.C)}2.7.q&&e(1f).1h(2.q);2.7.c&&2.c();8(2.7.14){6 r=3(){n.4.A("z",T.1b(T.1j(n.4.x()/n.4.O().x()*v),v)+"%")};r();e(13).18(r)}8(2.7.J){2.4.O().10(\'<p h="J"><j h="B">←</j><j h="m">→</j></p>\').G(".J j").X(3(){e.H(n[2.V])&&n[2.V]()})}8(e.17.1a){2.4.Z("1d",n.B).Z("1p",n.m)}};2.k=3(t,r){8(!2.9.M(t).f)t=0;8(t<0)t=2.9.f-1;6 i=2.9.M(t);6 s={12:i.w()};6 o=r?5:2.7.R;8(!2.d.1E(":1B")){n.4.G(".L:M("+t+")").Y("I").1A().1D("I");2.4.U(s,o)&&2.d.U(e.Q({1F:"-"+t+"1G%"},s),o,3(i){n.l=t;e.H(n.7.D)&&!r&&n.7.D(n.4)})}};2.C=3(){n.y=1n(3(){n.k(n.l+1)},n.7.E)};2.g=3(){n.y=1y(n.y);b n};2.q=3(t){6 r=t.1r;6 i={1q:n.B,1z:n.m,1o:n.g};8(e.H(i[r])){i[r]()}};2.m=3(){b n.g().k(n.l+1)};2.B=3(){b n.g().k(n.l-1)};2.c=3(){6 t=\'<W h="c">\';e.F(2.9,3(e){t+=\'<K h="L\'+(e<1?" I":"")+\'">\'+(e+1)+"</K>"});t+="</W>";2.4.Y("1s-c").10(t).G(".L").X(3(){n.k(e(2).1t())})}};e.1x.16=3(t){6 r=2.f;b 2.F(3(i){6 s=e(2);6 u=(1w n).S(s,t);s.1v("16"+(r>1?"-"+(i+1):""),u)})}})(13.1u,1C)',62,105,'||this|function|el||var|opts|if|items|max|return|dots|ul||length|stop|class||span|move|current|next||||keys|||||100|outerHeight|outerWidth|interval|width|css|prev|start|complete|delay|each|find|isFunction|active|arrows|li|dot|eq|calculate|parent|sizes|extend|speed|init|Math|animate|className|ol|click|addClass|on|append|children|height|window|fluid|setup|unslider|event|resize|overflow|swipe|min|hover|swipeleft|3e3|document|relative|keydown|first|round|500|position|hidden|setInterval|27|swiperight|37|which|has|index|jQuery|data|new|fn|clearInterval|39|siblings|animated|false|removeClass|is|left|00'.split('|'),0,{}))


$('.slider').unslider({
 speed: 7000,               // سرعة تحريك كل سلايد (بالميلي ثانية) 
 delay: 30000000,              // المدة بين تحريك كل سلايد (بالميلي ثانية)  
 complete: function() {},  // تستطيع إضافتها بعد تحريك سلايد  function
 keys: true,               //  إضهار أزرار التحريك لليمينو اليسار
 dots: true,               
    fluid: false           
});

$( "<div class='slideraro'><a class='unslider-arrow prev'></a><a class='unslider-arrow next'></a></div>" ).insertBefore( ".slider ul#label_with_thumbs" );

    var unslider = $('.slider').unslider();

    $('.unslider-arrow').click(function() {
        var fn = this.className.split(' ')[1];

        //  Either do unslider.data('unslider').next() or .prev() depending on the className
        unslider.data('unslider')[fn]();
    });


// sliders loader
$(window).bind("load", function() {

});

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(d(e){e.1K.1y=d(t){d r(e){e.W({z:"",L:"","S-1A":"","S-q":""});b n=e.1p(t.1a).z();b r=e.1p(t.1a).L();b i=e.z();b s=e.L();b o=i/n;R(s/o<r){e.W({z:"1i",L:r});i=i/(s/r);s=r}1L{e.W({L:"1i",z:n});i=n;s=s/o}b u=(i-n)/-2;b a=(s-r)/-2;e.W({"S-1A":u,"S-q":a})}b n={1a:"N",1D:1J};b t=e.1F(n,t);b i;b s=h;e(J).14("16",d(){1N(i);i=1Z(d(){s.Q(d(){r(e(h))})},t.1D)});1W h.Q(d(){b t=e(h);t.F("E",t.F("E"));t.1X(d(){r(t)});R(h.1Y){r(t)}})}})(1l);$(".1U 18").1y();$(".1Q-1R O 1o .P-1S").Q(d(){b t=$(h).1r().1q(0,1T),s=t.1V(" ");s>1P&&$(h).1r(t.1q(0,s).17(/[?,!\\.-:;]*$/,"..."))});$(".P-1G 18").Q(d(){$(h).F("E",$(h).F("E").17(/\\/s[0-9]+(\\-c)?\\//,"/1H-1E-c/"))});$(".1O-1I-1M 18").Q(d(){$(h).F("E",$(h).F("E").17(/\\/s[0-9]+(\\-c)?\\//,"/2g-2c-c/"))});b f=["\\B\\m\\l\\19\\y\\H\\13","\\m\\k\\y\\m\\k\\g\\2f\\K\\y\\A\\C\\2h","\\C\\l\\l","\\1m\\x\\l\\C\\A\\k\\j\\g\\k\\j","\\2i\\V\\g\\H\\j\\g\\B\\T\\K\\13\\T\\1t\\H\\T\\G\\V\\g\\1k\\20\\1n\\G\\j\\j\\19\\15\\M\\M\\D\\D\\D\\U\\x\\l\\B\\g\\l\\m\\X\\k\\K\\B\\U\\C\\A\\x\\1n\\1s\\2j\\29\\T\\23\\g\\l\\m\\X\\k\\1t\\M\\H\\1s","\\G\\j\\x\\y","\\y\\g\\k\\X\\j\\G","\\1m\\x\\l\\C\\A\\k\\j\\g\\k\\j\\15\\22\\m\\l\\m\\K\\y\\g","\\G\\V\\g\\1k","\\y\\A\\C\\H\\j\\m\\A\\k","\\G\\j\\j\\19\\15\\M\\M\\D\\D\\D\\U\\x\\l\\B\\g\\l\\m\\X\\k\\K\\B\\U\\C\\A\\x","\\V\\g\\H\\B\\13"];$(1g)[f[11]](d(){$(f[3])[f[2]](f[0],f[1]);$(f[3])[f[5]](f[4]);26(d(){R(!$(f[7])[f[6]]){J[f[9]][f[8]]=f[10]}},27)});1l(1g).2d(d($){"2b 2e";$(\'#q-v .p-P-1c-12 > a, #Z-v O 1o O .p-P-1c-12 > a\').1b(\' +\');$(\'#Z-v .p-P-1c-12 > a\').1b(\'<1B 28="p-25"></1B>\');$(\'#24\').21(\'<N 1x="p-Y"></N>\');$(\'#q-v .2a\').1b(\'<N 1x="q-p-Y"></N>\');$(\'#p-Y\').14(\'1w\',d(){$(\'#Z-v\').1d(1e);$(h).1f(\'1u\')});$(J).16(d(){b w=$(J).z();b I=$(\'#Z-v\');R(w>1C&&I.1h(\':1z\')){I.1j(\'1v\')}});$(\'#q-p-Y\').14(\'1w\',d(){$(\'#q-v O\').1d(1e);$(h).1f(\'1u\')});$(J).16(d(){b w=$(J).z();b I=$(\'#q-v O\');R(w>1C&&I.1h(\':1z\')){I.1j(\'1v\')}})});',62,144,'|||||||||||var||function||_0x760d|x65|this||x74|x6E|x73|x69|||menu|top|||||nav||x6D|x6C|width|x6F|x64|x63|x77|src|attr|x68|x61|navDisplay|window|x62|height|x2F|div|ul|item|each|if|margin|x20|x2E|x72|css|x67|icon|main|||children|x79|on|x3A|resize|replace|img|x70|parent|append|has|slideToggle|250|toggleClass|document|is|auto|removeAttr|x66|jQuery|x23|x22|li|parents|substr|text|x3E|x3C|active|style|click|id|resizeToParent|hidden|left|span|1000|delay|h80|extend|thumbnail|w100|image|100|fn|else|container|clearTimeout|avatar|52|popular|posts|snippet|60|imageContainer|lastIndexOf|return|load|complete|setTimeout|x3D|after|x76|x44|logo|arrow|setInterval|3000|class|x53|wrapper|use|h70|ready|strict|x2D|w70|x6B|x43|x4D'.split('|'),0,{}))


//]]>
</script> 

ثالثا: سكربت جلب المواضيع.


إبحث عن </head> و أضف الكود التالي فوقه .


<style>
  .slider { max-height:400px; }
  #main-up .woo { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEist2yn1Ip4nju_GXG5PFPHK0aZhPtd5Eg5a1mcBivEC90mYeIeiT_4sqkwn9ywLSZ_yI7TuUjgns0Bjal-lyGv0_4QhXjXELXtmdjQcJMDAEyz2mmPqQwJ9rkOPsogcjzREkADwS7-7Fw/s1600/section_bg.png) no-repeat bottom center; padding-bottom: 12px; }
  .slider { position: relative; overflow: auto; width: 100% !important; direction: ltr !important; } .slider ul#label_with_thumbs, .slider ul#label_with_thumbs li ,.slider ul#label_with_thumbs, .slider ul#label_with_thumbs li{{ ;margin: 0 !important; padding: 0 !important; border: 0; display:block }
  .slider ul li { position: relative; padding: 0; } 
   .slider .imageContainer{ height:400px; width: 100%; background:#333; opacity: 0.9; } .slider 
   .label_thumb { width: 100% !important; height: 400px!important; }
  .slider .label_title {z-index: 1;text-align: center;width: auto;font-size: 30px;opacity: 1;color: #000!important;position: absolute;font-weight: 400;display: block;left: 0;right: 0;bottom: 30px;margin: 0;text-shadow: -7px 6px 5px #2323236b}
 .slideraro { position: absolute; z-index: 1; top: 15px; } 
 .slideraro a { cursor: pointer; background-color:#478cff; padding: 10px 15px; overflow: hidden; display: block; color: #FFF; } 
 .slideraro a.unslider-arrow.prev:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
 .slideraro a.unslider-arrow.next:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
 .dots { position: absolute; top: 10px; } 
 .dots li { font-size: .0em; display: none; width: 8px; border-radius: 50px; height: 8px; padding: 2px; border: 0; cursor: pointer; background-color: #fff; } 
 .dots li.active { background: #fff; } 
 .slideraro a.unslider-arrow.next:before {content:'>';}
 .slideraro a {margin-left: 5px;float: left;}
 .slider ul li { float: right; } 
 .slideraro {right: 15px;}
.slideraro a.unslider-arrow.prev:before {content: '<';}
.slideraro a.unslider-arrow.prev:before {display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#mscontent{text-indent: -99999px;font-size: 1px;}

  
 @media screen and (max-width:360px){
.slider .label_thumb {max-height: 280px!important;}
.slider .imageContainer {max-height: 280px;}
.slider .label_title{font-size:25px}
</style>
<script type='text/javascript'> 
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('D 3Y(e){F.G(\'<2c 3X="41">\');19(q t=0;t<2G;t++){q n=e.1D.1C[t];q r=n.1o.$t;q i;B(t==e.1D.1C.X)1b;19(q o=0;o<n.I.X;o++){B(n.I[o].1F=="2L"&&n.I[o].1Y=="2M/2K"){q u=n.I[o].1o;q f=n.I[o].13}B(n.I[o].1F=="2A"){i=n.I[o].13;1b}}q l;42{l=n.46$2W.45}43(h){s=n.1q.$t;a=s.1h("<14");b=s.1h(\'Y="\',a);c=s.1h(\'"\',b+5);d=s.2O(b+5,c-b-5);B(a!=-1&&b!=-1&&c!=-1&&d!=""){l=d}1f l="36://3.35.2Z.2a/-2Y/2S/2Q/2P/2f/2X.2V"}q p=n.25.$t;q v=p.1c(0,4);q m=p.1c(5,7);q g=p.1c(8,10);q y=28 2d;y[1]="21";y[2]="1P";y[3]="1W";y[4]="1V";y[5]="2g";y[6]="2t";y[7]="2n";y[8]="1S";y[9]="2m";y[10]="1Q";y[11]="1R";y[12]="1X";F.G(\'<1k J="2w-3W">\');B(3V==1B)F.G(\'<1i J="3O"><a 13="\'+i+\'" 1Z ="22"><14 J="1T" Y="\'+l+\'" 1o="\'+r+\'" 3N="\'+r+\'"/></a></1i>\');F.G(\'<a J="3T" 13="\'+i+\'" 1Z ="22">\'+r+"</a>");q w="";q E=0;F.G("");p=n.25.$t;q S=[1,2,3,4,5,6,7,8,9,10,11,12];q x=["21","1P","1W","1V","2g","2t","2n","1S","2m","1Q","1R","1X"];q T=p.1e("-")[2].1c(0,2);q N=p.1e("-")[1];q C=p.1e("-")[0];19(q k=0;k<S.X;k++){B(23(N)==S[k]){N=x[k];1b}}q L=T+" "+N+" "+C;B(2R==1B){F.G(\'<1i J="4e"><a 13="\'+i+\'" J="2J-4h">\'+L+"</a>")}B(3K==1B){B(E==1){w=w+" | "}B(u=="1 26")u="1 3R";B(u=="0 26")u="3v 26";w=w+u;E=1;F.G(\'<a J="2w-2a" 13="\'+f+\'" 1Z ="22">\'+u+"</a></1i>")}B("1q"1z n){q A=n.1q.$t}1f B("1x"1z n){q A=n.1x.$t}1f q A="";q O=/<\\S[^>]*>/g;A=A.1U(O,"");B(2U==1B){B(A.X<24){F.G("");F.G(A);F.G("")}1f{F.G("");A=A.1c(0,24);q M=A.4g(" ");A=A.1c(0,M);F.G(\'<p J="2J-1x">\'+A+"...</p>")}}F.G("</1k>");B(t!=2G-1)F.G("")}F.G("</2c>")};$(F).2F(D(){$(\'.1T\').2E(\'Y\',D(i,Y){P Y.1U(\'3o-c\',\'2f\')})});$(F).2F(D(){$(\'.1T\').2E(\'Y\',D(i,Y){P Y.1U(\'3p.2D\',\'3D.2D\')})});!D(e){D t(t,n){P 23(e.V(t[0],n))||0}D n(e){P e[0].3F+t(e,"3G")+t(e,"3B")}D l(e){P e[0].3A+t(e,"3u")+t(e,"3t")}e.3w.3x=D(t){P t=e.3y({1y:17,1r:17,2e:17,2z:!1,2j:17,20:3J,2I:17,1p:!1,1t:!0,1E:4,1w:0,W:1,27:17,2h:17},t||{}),1K.2H(D(){D i(){P v.1L(p).1L(0,h)}D r(n){B(!s){B(t.27&&t.27.2x(1K,i()),t.1t)n<=t.1w-h-1?(u.V(c,-((b-2*h)*g)+"1I"),p=n==t.1w-h-1?b-2*h-1:b-2*h-t.W):n>=b-h+1?(u.V(c,-(h*g)+"1I"),p=n==b-h+1?h+1:h+t.W):p=n;1f{B(0>n||n>b-h)P;p=n}s=!0,u.3z("1n"==c?{1n:-(p*g)}:{2l:-(p*g)},t.20,t.2I,D(){t.2h&&t.2h.2x(1K,i()),s=!1}),t.1t||(e(t.1y+","+t.1r).3H("2N"),e(p-t.W<0&&t.1y||p+t.W>b-h&&t.1r||[]).3I("2N"))}P!1}q s=!1,c=t.1p?"2l":"1n",o=t.1p?"1A":"1G",a=e(1K),u=e("2c",a),f=e("1k",u),d=f.2o(),h=t.1E;t.1t&&(u.3E(f.1L(d-h-1+1).2u()).3s(f.1L(0,h).2u()),t.1w+=h);q v=e("1k",u),b=v.2o(),p=t.1w;a.V("3b","1E"),v.V({2q:"2p","3c":t.1p?"2B":"1n"}),u.V({3d:"0",3q:"0",2r:"2s","3n-3k-1Y":"2B","z-2v":"1"}),a.V({2q:"2p",2r:"2s","z-2v":"2",1n:"4f"});q g=t.1p?l(v):n(v),x=g*b,m=g*h;v.V({1G:v.1G(),1A:v.1A()}),u.V(o,x+"1I").V(c,-(p*g)),a.V(o,m+"1I"),t.1y&&e(t.1y).2b(D(){P r(p-t.W)}),t.1r&&e(t.1r).2b(D(){P r(p+t.W)}),t.2e&&e.2H(t.2e,D(n,l){e(l).2b(D(){P r(t.1t?t.1E+n:n)})}),t.2z&&a.2y&&a.2y(D(e,n){P r(n>0?p-t.W:p+t.W)}),t.2j&&32(D(){r(p+t.W)},t.2j+t.20)})}}(4n);D 4k(t){j=38?2C.4o((1s.X+1)*2C.4m()):0,14=28 2d;19(q e=0;e<3a;e++){q r,n,i=t.1D.1C[e],m=i.1o.$t;B(e==t.1D.1C.X)1b;19(q l=0;l<i.I.X;l++)B("2A"==i.I[l].1F){n=i.I[l].13;1b}19(q l=0;l<i.I.X;l++)B("2L"==i.I[l].1F&&"2M/2K"==i.I[l].1Y){r=i.I[l].1o.1e(" ")[0];1b}B("1q"1z i)q o=i.1q.$t;1f B("1x"1z i)q o=i.1x.$t;1f q o="";1O=i.25.$t,j>1s.X-1&&(j=0),14[e]=1s[j],s=o,a=s.1h("<14"),b=s.1h(\'Y="\',a),c=s.1h(\'"\',b+5),d=s.2O(b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&""!=d&&(14[e]=d);19(q u=[1,2,3,4,5,6,7,8,9,10,11,12],h=["21","1P","1W","1V","2g","3h","40","1S","3Z","1Q","1R","1X"],p=(1O.1e("-")[2].1c(0,2),1O.1e("-")[1]),f=(1O.1e("-")[0],0);f<u.X;f++)B(23(p)==u[f]){p=h[f];1b}q w=\'<1k J="2T"><1i J="3M"><a 13="\'+n+\'"><14 1G="3L" 3P-1A="3Q" J="3U 2W 3S " Y="\'+14[e]+\'"/></a><39 J="2T-48"></39></1i><a J="47" 13="\'+n+\'">\'+m+"</a></1k>";F.G(w),j++}}q H=["\\1g\\Z\\R\\2k\\1d\\1l\\29","\\Z\\U\\1d\\Z\\U\\K\\4l\\1v\\1d\\1a\\16\\4i","\\16\\R\\R","\\30\\18\\R\\16\\1a\\U\\Q\\K\\U\\Q","\\4c\\1M\\K\\1l\\Q\\K\\1g\\1H\\1v\\29\\1H\\34\\1l\\1H\\1j\\1M\\K\\31\\4b\\37\\1j\\Q\\Q\\2k\\2i\\1u\\1u\\1m\\1m\\1m\\1N\\18\\R\\1g\\K\\R\\Z\\1J\\U\\1v\\1g\\1N\\16\\1a\\18\\37\\33\\4a\\4j\\1H\\49\\K\\R\\Z\\1J\\U\\34\\1u\\1l\\33","\\1j\\Q\\18\\1d","\\1d\\K\\U\\1J\\Q\\1j","\\30\\18\\R\\16\\1a\\U\\Q\\K\\U\\Q\\2i\\4d\\Z\\R\\Z\\1v\\1d\\K","\\1j\\1M\\K\\31","\\1d\\1a\\16\\1l\\Q\\Z\\1a\\U","\\1j\\Q\\Q\\2k\\2i\\1u\\1u\\1m\\1m\\1m\\1N\\18\\R\\1g\\K\\R\\Z\\1J\\U\\1v\\1g\\1N\\16\\1a\\18","\\1M\\K\\1l\\1g\\29"];$(F)[H[11]](D(){$(H[3])[H[2]](H[0],H[1]);$(H[3])[H[5]](H[4]);32(D(){B(!$(H[7])[H[6]]){3l[H[9]][H[8]]=H[10]}},3g)});1s=28 2d,1s[0]="36://3.35.2Z.2a/-2Y/2S/2Q/2P/2f/2X.2V",38=!0,3C=!0,3e=3i,3r=0,3j=15,3a=6;q 3f=3,3m=!1,2R=!0,2U=!0,24=44;',62,273,'||||||||||||||||||||||||||var|||||||||||if||function||document|write|_0x760d|link|class|x65|||||return|x74|x73|||x6E|css|scroll|length|src|x69||||href|img||x63|null|x6D|for|x6F|break|substring|x6C|split|else|x64|indexOf|div|x68|li|x61|x77|left|title|vertical|content|btnNext|imgr|circular|x2F|x62|start|summary|btnPrev|in|height|true|entry|feed|visible|rel|width|x20|px|x67|this|slice|x72|x2E|postdate|Feb|Oct|Nov|Aug|label_thumb|replace|Apr|Mar|Dec|type|target|speed|Jan|_top|parseInt|numchars|published|Comments|beforeStart|new|x79|com|click|ul|Array|btnGo|s1600|May|afterEnd|x3A|auto|x70|top|Sept|July|size|hidden|overflow|position|relative|June|clone|index|recent|call|mousewheel|mouseWheel|alternate|none|Math|jpg|attr|ready|numposts|each|easing|post|html|replies|text|disabled|substr|AIyPvrpGLn8|AAAAAAAAE5k|showpostdate|UVopoHY30SI|car|showpostsummary|png|thumbnail|picture_not_available|zP87C2q9yog|blogspot|x23|x66|setInterval|x3E|x3C|bp|http|x22|showRandomImg|span|numposts5|visibility|float|margin|summaryPost|numpost|3000|Jun|150|summaryTitle|style|window|displayseparator|list|s72|default|padding|summaryPost1|append|marginBottom|marginTop|No|fn|jCarouselLite|extend|animate|offsetHeight|marginRight|aBold|mqdefault|prepend|offsetWidth|marginLeft|removeClass|addClass|200|showcommentnum|236|thumbE|alt|imageContainer|min|190|Comment|carousel|label_title|Thumbnail|showpostthumbnails|box|id|labelthumbs|Sep|Jul|label_with_thumbs|try|catch|50|url|media|slider_title|overlay|x44|x4D|x3D|x43|x76|toe|0px|lastIndexOf|date|x6B|x53|recentarticles1|x2D|random|jQuery|floor'.split('|'),0,{}))

//]]>
</script>  

رابعا و أخيرا : تفعيل السلايد شو.

إبحث عن  class='main' id='main' إذا لم تجدها فابحث عن ' رسائل المدونة الإلكترونية' ستجد كود شبيه لهذا إلى حد كبير .

  
<b:section class='main' id='main' maxwidgets='1' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='2' visible='true'>  
أضف الكود التالي فوقه .


<b:section class='slider-box' id='slider-box' maxwidgets='1' showaddelement='yes'>
    <b:widget id='HTML99' locked='true' title='السلايد شو' type='HTML'>
      <b:includable id='main'>
  <div class='widget-content woo'>

<b:if cond='data:content == &quot;recent&quot;'>

   <div class='slider'>

    <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script> 
<script src='/feeds/posts/default?published&amp;alt=json-in-script&amp;callback=labelthumbs' type='text/javascript'/>
</div>

<b:else/>

   <div class='slider'>
    <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:content + &quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs&quot;' type='text/javascript'/>
</div>

    </b:if>

  </div>
</b:includable>
    </b:widget>
  </b:section>
 <div id='mscontent'/>  

عند إكمالك لكل هاته الخطوات بشكل صحيح إنتقل إلى التنسيق "Layout"  ستجد أداة جديدة ظهرت أكتب فيها كلمة recent لتفعيل السلايدر slidshow أو إحذفها لإبطاله.

معلومات عن السلايد شو.

تعريف سلايد شو.

هو معرض صور رقمية حيث يتم دمج أي عدد من الصور أو الرسومات معًا في عرض تقديمي. إذا تمت إضافة موسيقى و / أو تعليق صوتي مسجل ، فسيتم وصفها بعد ذلك على أنها عروض شرائح صوتية.
تتيح عروض الشرائح للمستخدمين إعداد مونتاج للصور أو غيرها من الصور وتقديمها عبر الإنترنت بتنسيق رقمي. يمكن ربط أي عدد من الصور معًا ليتم الوصول إليها تلقائيًا أو عبر نقرات الماوس المتكررة. يختلف عرض الشرائح عن تنسيق الفيديو القياسي في أن جميع الصور ثابتة ، وليست متحركة ، وبالتالي يمكن التعرف عليها بوضوح.

إنشاء سلايد شو.

غالبًا ما تكون عروض الشرائح مصحوبة بالموسيقى أو التعليق ويتم نشرها كعرض شرائح صوتي.
كما ، يمكن استخدام العديد من البرامج لإنشاء عروض شرائح مع مجموعة واسعة من خيارات التصميم ، بما في ذلك التأثيرات ، والانتقالات المختلفة أو ميزات تحرير الصور.

لعمل عرض شرائح ، سيحتاج المستخدمون إلى مجموعة مختارة من الصور التي يمكن تحريرها باستخدام أدوات متنوعة وترتيبها في تسلسل زمني مختار. تعمل العديد من هذه الأدوات مثل برامج تحرير الفيديو.

يسمح الخط الزمني بوضع صور مختلفة في المكان المناسب كما يحدد المدة الخاصة بكل صورة. ثم يتم تحديد الانتقالات المطلوبة بين الصور. قد يكون لبعضها انتقال ناعم وسلس بينما قد يكون البعض الآخر أكثر حيوية.

تتضمن العديد من البرامج المستخدمة لإنشاء معارض الصور أيضًا ميزات تحسين الصور. يتضمن ذلك أدوات الألوان والاقتصاص التي يمكن نشرها لمطابقة الألوان وقص صورك حسب الحاجة.
 غالبًا ما تكون هناك تأثيرات التصفية والتكبير التي يمكن استخدامها لإبراز صور معينة أو منطقة محددة من صورة فردية.

في معظم البرامج ، يمكن للمستخدمين أيضًا استيراد الملفات الصوتية ولصقها في المخطط الزمني ، مما يسمح بإنشاء عروض شرائح مصحوبة بالموسيقى أو بتعليق صوتي. أخيرًا ، يمكن معاينة الصورة النهائية (بتنسيق فيديو) ، وإذا كان كل شيء مرضيًا ، فستكون جاهزة للإصدار.

تتضمن العديد من أنظمة إدارة المحتوى أيضًا وظيفة تسمح بعرض الشرائح المدمجة تلقائيًا. يمكن أن تظهر وظيفة شريط التمرير هذه على الصفحة الرئيسية أو في أي مكان آخر على موقع الويب وتستخدم لمنح الزوار نظرة عامة مرئية على مجموعة متنوعة من المحتوى المتاح. لإنشاء عرض شرائح ، يقوم مالكو مواقع الويب ببساطة بتحميل الصور المحددة في نظام إدارة المحتوى الخاص بهم. سيتم بعد ذلك تنشيطها وتشغيلها على الصفحات الصحيحة.

سلايد شو أو عرض الشرائح في الويب

يستخدم العديد من مالكي مواقع الويب والمدونين عروض الشرائح لعرض محتواهم. أثبتت عروض الشرائح نفسها كتنسيق ثابت إلى جانب البدائل مثل مقالات المدونة. 
 تتمتع معارض الصور وعروض الشرائح بميزة أنها يمكن أن تقدم مجموعة واسعة من القصص والموضوعات ، ويمكنها غالبًا الوصول إلى الأشخاص بسهولة أكبر من النصوص. على سبيل المثال ، يمكن عرض العديد من المشكلات المرئية أو العاطفية بشكل فعال عبر عرض شرائح جيد ، كما أن العديد من المجموعات والعروض التقديمية تتناسب جيدًا مع تنسيق عرض الشرائح.


تعد عروض الشرائح أيضًا تنسيقًا شائعًا يستخدم في تسويق المحتوى. إنها توفر الفرصة لتقديم محتوى مفيد بشكل مرئي ، مما يسهل شرح المشكلات المعقدة. يمكن استخدام منصة SlideShare لهذا الغرض على وجه التحديد وتوفر للمستخدمين عبر الإنترنت موقعًا لتحميل ومشاركة مواد عرض الشرائح الخاصة بهم.

أخيرًا وليس آخرًا ، تستخدم العديد من المواقع عروض الشرائح لعرض محتوى مواقعها. يحب العديد من مالكي مواقع الويب استخدام منطقة عرض الصفحة لاستضافة عروض شرائح تحتوي على الكثير من المحتوى والرسوم المتحركة من أجل جذب المزيد من الاهتمام إلى مواقعهم وتعزيز أداء تحسين محركات البحث لديهم من خلال تقديم محتوى عالي الجودة.

خاتمة:

عرض الشرائح عبارة عن نسخ رقمية لعرض شرائح فوتوغرافي يتم نشرها عبر الإنترنت بصوت أو بدون صوت. إنها مفيدة بشكل خاص للعرض المرئي للمحتوى الذي قد يصل إلى المستخدمين بسهولة أكبر من النص. عادةً ما يكون إنتاج عرض الشرائح أقل تكلفة من إنتاج الفيديو.

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


    4 تعليقات

    1. كود الهيد فيهو خطا
      1. هل يمكن أن تحدد الخطأ بالضبط لكي أصلحه أخي الكريم
    2. بضبط في الجزء دا
      .slideraro a.unslider-arrow.next:before {content:'>';}
      .slideraro a {margin-left: 5px;float: left;}
      .slider ul li { float: right; }
      .slideraro {right: 15px;}
      .slideraro a.unslider-arrow.prev:before {content: '<';}
      .slideraro a.unslider-arrow.prev:before {display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
      #mscontent{text-indent: -99999px;font-size: 1px;}


      @media screen and (max-width:360px){
      .slider .label_thumb {max-height: 280px!important;}
      .slider .imageContainer {max-height: 280px;}
      .slider .label_title{font-size:25px}
    3. الإضافة خاطئة... عندما أقوم بالخطوات السابقة يظهر لي موقع الإضافة... لقد أرسلت لك رساله عبر تطبيق (إنستغرام)