Galería de imágenes para blogger

Ayudadeblogger.com te presente espectaculares trucos para blogger, con los cuales obtendrás un diseño web profesional y manejar tu propia página web a tu gusto. En este nuevo tutorial para blogger aprenderán a realizar un slideshow galería de imágenes, el cual es muy fácil de implementarlo en nuestro blog de blogger, siempre y cuando sigan las instrucciones de este post. Este nuevo diseño de slideshow galería de imágenes para blogger lo podrán utilizar como mejor les convenga en su blog, como una simple galería de imágenes que no direccione a ningún post o lo podrán utilizar para que dirija las imágenes a un post destacado en particular para que los usuarios lo visiten, también dirigir a otra página web que estén promocionando desde su blog. El nuevo slideshow galería de imágenes es frágil y no le causara problemas en el diseño de su blog de blogger. Tiene estilos que van cambiando de forma automática, además tiene un pause y play al momento de querer parar la galería de imágenes en una sola. El slideshow galería de imágenes para blogger lo vamos a ubicar arriba de la cabecera principal de nuestro blog. Bueno luego de esta breve descripción también les invito a que visiten algunos slideshow para blogger que les podrá gustar.

A continuación puede ver su demostración en el siguiente blog de demos

Demo Clic aquí

Vamos a trabajar

1 Ir a blogger

2 Da un clic en “Plantilla”

3 Un clic en “Editar HTML”

Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.

4 Busca este código

]]></b:skin>

Inserta el siguiente código justo arriba del código que encontraste

/*-- Galería de imágenes BLOGGER ---*/
.jquery-slider-wrapper
{
position:relative;
clear:both;
zoom:1;
}

.jquery-slider-slide
{
display: none;
margin: 0;
padding: 0;
position: absolute;
left:0;
top:0;
width: 100%;
}

.jquery-slider-slide img
{
border:0;
margin:0;
padding:0;
width:980px;
}

.jquery-slider-slide-current
{
display:block;
z-index:2;
}

.jquery-slider-slide-next
{
display:block;
z-index:1;
}

.jquery-slider-selectors
{
display:block;
overflow:hidden;
position:absolute;
bottom:10px;
right:10px;
z-index:3;
}

.jquery-slider-selector
{
background:#0091d6;
display:inline;
float:left;
width:16px;
height:16px;
margin:0 0 0 5px;
}

.jquery-slider-selector-current
{
background:url(http://3.bp.blogspot.com/-N6zm3RTV1Ck/UbrEaNY1D0I/AAAAAAAABhI/AUcpekstyoA/s1600/jquery-slider-theme.png) no-repeat -16px -70px;
}

.jquery-slider-selector span
{
display:none;
}

.jquery-slider-control
{
display:none;
right:50%;
top:50%;
position:absolute;
cursor: pointer;
width:48px;
height:69px;
margin-top:-34px;
margin-right:-24px;
z-index:4;
}

.jquery-slider-control span
{
display:none;
}

.jquery-slider-control-play
{
background:url(http://3.bp.blogspot.com/-N6zm3RTV1Ck/UbrEaNY1D0I/AAAAAAAABhI/AUcpekstyoA/s1600/jquery-slider-theme.png) no-repeat -144px 0;
}

.jquery-slider-control-pause
{
background:url(http://3.bp.blogspot.com/-N6zm3RTV1Ck/UbrEaNY1D0I/AAAAAAAABhI/AUcpekstyoA/s1600/jquery-slider-theme.png) no-repeat -96px 0;
}

.jquery-slider-hovered .jquery-slider-control
{
display:block;
}

.jquery-slider-navigation
{
display:block;
}

.jquery-slider-navigation-prev
{
background:url(http://3.bp.blogspot.com/-N6zm3RTV1Ck/UbrEaNY1D0I/AAAAAAAABhI/AUcpekstyoA/s1600/jquery-slider-theme.png) no-repeat 0 0;
display:none;
left:0;
top:50%;
position:absolute;
cursor: pointer;
width:48px;
height:69px;
margin-top:-34px;
z-index:4;
}

.jquery-slider-navigation-prev span
{
display:none;
}

.jquery-slider-navigation-next
{
background:url(http://3.bp.blogspot.com/-N6zm3RTV1Ck/UbrEaNY1D0I/AAAAAAAABhI/AUcpekstyoA/s1600/jquery-slider-theme.png) no-repeat -48px 0;
display:none;
right:0;
top:50%;
position:absolute;
cursor: pointer;
width:48px;
height:69px;
margin-top:-34px;
z-index:4;
}

.jquery-slider-navigation-next span
{
display:none;
}

.jquery-slider-hovered .jquery-slider-navigation-prev,
.jquery-slider-hovered .jquery-slider-navigation-next
{
display:block;
}

.jquery-slider-wrapper .caption
{
padding:6px 10px;
background:#333333;
font-size:13px;
position:absolute;
bottom:10px;
left:10px;
color:#FFFFFF;
}

.jquery-slider-timer
{
color:#000000;
height:3px;
width:100%;
position:absolute;
bottom:0;
left:0;
z-index:4;
}

.jquery-slider-timer-bar
{
background:#000000;
opacity:0.5;
height:3px;
width:0;
float:left;
display:inline;
}
.slider-wrap { margin:auto; width:980px; margin-top:50px; border-top:5px solid #0091d6; border-bottom:20px solid #0091d6}

5 Busca este código

</head>

Inserta las siguientes líneas de código arriba del código que encontraste

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script>
//<![CDATA[
eval(function(p,a,c,k,e,r){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--)r[e(c)]=k[c]||e(c);k=[function(e){return r[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}('(B($){A u=($.1T.2l&&1f($.1T.28,10)<7&&1f($.1T.28,10)>4);y(u){3f{3g.3h("3i",Y,R)}3j(3k){}};y($.19===2D){$.1p({19:B(a,b){y(a){19=B(){M a.3l(b||5,3m)}};M 19}})};$.1p($.29,{2E:B(x,t,b,c,d){M c*((t=t/d-1)*t*t+1)+b}});2m=B(a,b){5.2F(a,b)};$.1p(2m.3n,{28:"1.2.2",2F:B(a,b){5.2G={w:\'2H-2n\',1l:R,J:R,S:R,11:R,2o:R,2p:R,2I:R,2q:R,13:3o,14:3p,1C:9,1h:7,1i:3,1u:3q,1D:8,29:"2E",1q:\'1v\',3r:B(){},3s:B(){}};5.v={};5.2r=[\'3t\',\'3u\',\'18\',\'3v\',\'2a\',\'1K\'];5.3w={};5.2J=[];5.3x=[];5.3y=[];5.3z=0;5.3A=0;5.3B=0;5.3C=[];5.1E=0;5.1F=[];5.F=0;5.1w=0;5.S=0;5.3D=[];5.C={1U:[],1l:[],S:[],J:[],11:[],T:[]};5.N={3E:Y,1r:Y,1a:Y,1V:Y,1L:Y};5.K=$(a);A c=5.v;A d=5;A e=5.K.17("12");y(e.1M<2){M Y}y(!b[\'D\']){b[\'D\']=0;b[\'H\']=0;A f={};e.17().1G(B(){y($(5).2K("2J")){f[\'D\']=$(5).2L();f[\'H\']=$(5).3F();b[\'D\']=(f[\'D\']>=b[\'D\'])?f[\'D\']:0;b[\'H\']=(f[\'H\']>=b[\'H\'])?f[\'H\']:0}});2s f;y(b[\'D\']==0||b[\'H\']==0){2s b[\'D\'];2s b[\'H\']}}5.v=$.1p(R,5.2G,b);A g=5.v.w+\'-3G\';$.1G([\'1l\',\'J\',\'11\',\'S\'],B(i,s){y(d.v[s]){g+=\'-\'+s}});5.C.1U=5.K.3H(\'<12 1b="\'+5.v.w+\'-1U \'+g+\'" />\').3I();5.C.1U.E({\'D\':5.v.D,\'H\':5.v.H});5.K.E({\'D\':5.v.D,\'H\':5.v.H,\'1W\':\'1X\',\'1c\':\'3J\'});e.1G(B(i){y(i==0){$(5).U(d.v.w+\'-P-L\')}$(5).U(d.v.w+\'-P\');$(5).U(d.v.w+\'-P-\'+(i+1));d.1F=$(d.1F).3K($(\'<a 2b="#" 1b="\'+d.v.w+\'-J" 1N="\'+(i+1)+\'"><1m 1b="\'+d.v.w+\'-J-1m \'+d.v.w+\'-J-\'+(i+1)+\'"><1m>\'+(i+1)+\'</1m></1m></a>\'));y(i==0){$(d.1F).U(d.v.w+\'-J-L\')}});5.C.J=$(\'<12 1b="\'+5.v.w+\'-3L" />\').2c(a);5.C.J.1j(5.1F);y(!5.v.J){5.C.J.3M()}W{y(5.2t(5.C.J.E("2M"))=="#2u"){A h=$(\'.\'+5.v.w+\'-J\').2L(R);h=-((h*e.1M)/2);5.C.J.E({"3N-G":h})}}y(5.v.1l){5.C.1l=$(\'<12 1b="\'+5.v.w+\'-1l" />\').2c(a);A j=$(\'<a 2b="#" 1b="\'+5.v.w+\'-1l-2v" 1N="-1"><1m>3O</1m></a>\');A k=$(\'<a 2b="#" 1b="\'+5.v.w+\'-1l-1n" 1N="+1"><1m>3P</1m></a>\');5.C.1l.1j(j,k)}y(5.v.11){5.C.11=$(\'<a 2b="#" 1b="\'+5.v.w+\'-11 \'+5.v.w+\'-11-2d"><1m>3Q/3R</1m></a>\').2c(a)}y(5.v.S){5.C.S=$(\'<12 1b="\'+5.v.w+\'-S"></12>\').2c(a);5.C.T.1s=$(\'<12 1b="\'+5.v.w+\'-S-1s"></12>\');5.C.T.1g=$(\'<12 1b="\'+5.v.w+\'-S-1g"></12>\');5.C.T.18=$(\'<12 1b="\'+5.v.w+\'-S-18"></12>\');5.C.T.1Y=5.2t(5.C.S.E("2M"));5.C.S.1j(5.C.T.1s.1j(5.C.T.1g),5.C.T.18)}5.2N();y(5.v.2q){5.1H()}W{5.1O()}},2N:B(){A c=5;A d=5.C.1U;A e=5.v;d.3S(B(){d.U(e.w+\'-1r\');y(e.2p&&!c.N.1V){c.N.1r=R;c.2O()}},B(){d.X(e.w+\'-1r\');y(e.2p&&c.N.1r){c.1H()}c.N.1r=Y});5.C.J.17("a").2w(B(a){y(c.N.1a==Y){y($(5).2P(e.w+\'-J-L\')==Y){A b=c.N.1L;c.1O();c.1P($(5).2e(\'1N\'));y(!e.2o&&!b){c.1H()}}}a.2x()});y(e.1l){5.C.1l.17("a").2w(B(a){y(c.N.1a==Y){A b=c.N.1L;c.1O();c.1P($(5).2e("1N"));y(!e.2o&&!b){c.1H()}}a.2x()})};y(e.11){5.C.11.2w($.19(B(a){y(5.N.1L){5.1H()}W{5.1O()}5.N.1r=Y;a.2x()},5))}},1H:B(){y(5.v.S){y(5.C.T.1Y=="#2Q"){5.C.T.18.Z({"D":"1Q%"},(5.1E>0?5.1E:5.v.13),"3T",$.19(B(){5.1P("+1");5.1E=0;5.C.T.18.E({"D":0});5.1H()},5))}W y(5.C.T.1Y="#2u"){5.S=2R($.19(B(){A a="2S("+5.1w+"2T)";5.1w+=2;5.C.T.1g.E({"-2U-1x":a,"-2V-1x":a,"-o-1x":a,"1x":a});y(1Z.1T.2l){5.C.T.1g.2W(0).1R[\'2X\']=a}y(5.1w>2Y){5.C.T.1g.U(5.v.w+\'-S-1g-1S\');5.C.T.1s.U(5.v.w+\'-S-1s-1S\')}y(5.1w>3U){5.C.T.1g.X(5.v.w+\'-S-1g-1S\');5.C.T.1s.X(5.v.w+\'-S-1s-1S\');5.1w=0;5.1P("+1");5.1E=0}},5),5.v.13/2Y)}}W{y(!5.S){5.S=2R($.19(B(){5.1P("+1")},5),5.v.13)}}y(5.v.11){5.C.11.X(5.v.w+\'-11-2y\');5.C.11.U(5.v.w+\'-11-2d\')}5.N.1V=Y;5.N.1L=Y;5.K.1o("3V");M 5},2O:B(){2Z(5.S);5.S="";y(5.v.S){5.C.T.18.1y(R);A a=1Q-(1f(5.C.T.18.D(),10)*1Q/5.v.D);5.1E=5.v.13*a/1Q}5.N.1V=R;y(5.v.11&&!5.N.1r){5.C.11.X(5.v.w+\'-11-2d\');5.C.11.U(5.v.w+\'-11-2y\')}5.K.1o("3W");M 5},1O:B(){2Z(5.S);5.S="";y(5.v.S){5.C.T.18.1y();5.1E=0;y(5.C.T.1Y=="#2Q"){5.C.T.18.E({"D":0})}W y(5.C.T.1Y=="#2u"){5.C.T.1g.X(5.v.w+\'-S-1g-1S\');5.C.T.1s.X(5.v.w+\'-S-1s-1S\');5.1w=0;A a="2S("+5.1w+"2T)";5.C.T.1g.E({"-2U-1x":a,"-2V-1x":a,"-o-1x":a,"1x":a});y(1Z.1T.2l){5.C.T.1g.2W(0).1R[\'2X\']=a}}}5.N.1V=R;5.N.1L=R;5.N.1r=Y;y(5.v.11){5.C.11.X(5.v.w+\'-11-2d\');5.C.11.U(5.v.w+\'-11-2y\')}5.K.1o("3X");M 5},2f:B(a){1d(A j,x,i=a.1M;i;j=1f(1I.1v()*i,10),x=a[--i],a[i]=a[j],a[j]=x){}M a},2t:B(b){y(b.3Y(/^#[0-3Z-40-f]{6}$/)){M b.2g()}A c=/41\$(.+),(.+),(.+)\$/i.42(b);y(!c){M b.2g()}A d=1f(c[1]);A e=1f(c[2]);A f=1f(c[3]);A g=B(a){M((a.1M<2?\'0\':\'\')+a).2g()};M(\'#\'+g(d.2z(16))+g(e.2z(16))+g(f.2z(16))).2g()},1P:B(a){y(5.N.1a){M Y}A b=5.K.17("."+5.v.w+\'-P-L\');A c=5.C.J.17("."+5.v.w+\'-J-L\');A d={};y(a=="+1"){A e=b.1n("."+5.v.w+\'-P\');A f=c.1n();d={"F":"G"};y(e.1M<=0){y(5.v.2I){e=5.K.17("."+5.v.w+\'-P:30\');f=5.1F.31("a:30")}W{5.1O();M Y}}}W y(a=="-1"){A e=b.2v("."+5.v.w+\'-P\');A f=c.2v("a");d={"F":"1t"};y(e.1M<=0){e=5.K.17("."+5.v.w+\'-P:32\');f=5.1F.31("a:32")}}W{A e=5.K.17("."+5.v.w+\'-P-\'+a);A f=5.C.J.17("."+5.v.w+\'-J[1N=\'+a+\']\')}y(f.2P(5.v.w+\'-J-L\')==Y){5.K.1o("43",e);5.1q(b,c,e,f,d)}M 5},1q:B(a,b,c,d,e){y(44 5.v.1q===\'45\'&&5.v.1q){5.v.1q=$.46([],5.v.1q);5.2r=5.v.1q;5.v.1q="1v"}y(c.2e(\'1b\')===2D||!(1z=c.2e(\'1b\').33(" ")[0].33(5.v.w+"-34-")[1])){1z=5.v.1q}y(1z===\'1v\'){A f=\'\';47(f==5.35||f==\'\'){f=5.2f(5.2r)[0].36()}1z=f}1z=1z.36();5.35=1z;5["34"+1z](a,b,c,d,e);M 5},48:B(a,b,c,d){5.N.1a=R;c.E({"Q":1}).U(5.v.w+\'-P-1n\');b.X(5.v.w+\'-J-L\');d.U(5.v.w+\'-J-L\');a.1y().Z({"Q":0},5.v.14,$.19(B(){a.X(5.v.w+\'-P-L\');c.U(5.v.w+\'-P-L\');c.X(5.v.w+\'-P-1n\');5.K.1o("1J",c);5.N.1a=Y},5))},20:B(b,d,e,f,g){g=$.1p(R,{\'F\':\'G\'},g);5.N.1a=R;A h={\'D\':1I.21(5.v.D/5.v.1C),\'H\':5.v.H};22=37 49(5.v.1C);y(g[\'F\']=="G"){c=0;1d(i=5.v.1C;i>0;i--){22[c]=i;c++}}W y(g[\'F\']=="1t"){1d(i=0;i<=5.v.1C;i++){22[i+1]=i+1}}W y(g[\'F\']=="2a"||g[\'F\']=="1K"){A j=1;A k=1f(5.v.1C/2);1d(i=0;i<=5.v.1C;i++){22[i-1]=(k-(1f((i)/2)*j))+1;j*=-1}}$.1G(22,$.19(B(i,a){1c=1I.4a((a*h.D)-h.D);18=$(\'<12 1b="\'+5.v.w+\'-18 \'+5.v.w+\'-18-\'+a+\'"/>\');18.E({\'1c\':\'1A\',\'1W\':\'1X\',\'G\':1c,\'z-2h\':3,\'Q\':0,\'2i-1c\':\'-\'+1c+\'15 4b\'}).E(h);y(g[\'F\']=="2a"){18.E({\'V\':5.v.H})}W y(g[\'F\']=="1K"){18.E({\'V\':-5.v.H})}18.1j(\'<12 1R="1c: 1A; G: -\'+1c+\'15; D: \'+5.v.D+\'15; H: \'+5.v.H+\'15;">\'+e.2j()+\'</12>\');5.K.1j(18);13=5.v.1u*i;18.Z({\'Q\':0},13).Z({\'Q\':1,\'V\':0},{14:5.v.14})},5));d.X(5.v.w+\'-J-L\');f.U(5.v.w+\'-J-L\');2A($.19(B(){e.E({"Q":1}).U(5.v.w+\'-P-L\');b.E({"Q":0}).X(5.v.w+\'-P-L\');5.K.17("."+5.v.w+\'-18\').2k();5.N.1a=Y;5.K.1o("1J",e)},5),13+5.v.14)},4c:B(a,b,c,d){M 5.20(a,b,c,d,{"F":"G"})},4d:B(a,b,c,d){M 5.20(a,b,c,d,{"F":"1t"})},38:B(b,c,d,e,f){f=$.1p(R,{\'23\':\'2B\',\'1B\':\'1K\'},f);5.N.1a=R;d.E({"Q":1});c.X(5.v.w+\'-J-L\');e.U(5.v.w+\'-J-L\');A g=1I.21(5.v.D/5.v.1h);A h=1I.21(5.v.H/5.v.1i);A j=[];A k=d.2j();1d(I=1;I<=5.v.1i;I++){1d(O=1;O<=5.v.1h;O++){j.39(O+\'\'+I);A l=((I*h)-h);A m=((O*g)-g);A n=(g*O)-g;A o=(h*I)-h;A p=$(\'<12 1b="\'+5.v.w+\'-1e \'+5.v.w+\'-1e-\'+O+I+\'" />\');p.E({\'1W\':\'1X\',\'1c\':\'1A\',\'D\':g,\'H\':h,\'z-2h\':3,\'V\':l,\'G\':m,\'Q\':0,\'2i-1c\':\'-\'+n+\'15 -\'+o+\'15\'});p.1j(\'<12 1R="1c: 1A; G: -\'+n+\'15; V: -\'+o+\'15; D: \'+5.v.D+\'15; H: \'+5.v.H+\'15;">\'+k+\'</12>\');5.K.1j(p)}}y(f[\'1B\']==\'1v\'){j=5.2f(j)}W y(f[\'1B\']==\'3a\'){j=5.3b(j)}y(f[\'23\']==\'2B\'){A q=0;1d(I=1;I<=5.v.1i;I++){1k=I;1d(O=1;O<=5.v.1h;O++){13=5.v.1u*1k;5.K.17(\'.\'+5.v.w+\'-1e-\'+j[q]).Z({\'D\':g},13).Z({\'Q\':1},5.v.14);q++;1k++}}}W y(f[\'23\']==\'4e\'){$.1G(j,$.19(B(i,a){13=5.v.1u*i;5.K.17(\'.\'+5.v.w+\'-1e-\'+a).Z({\'D\':g},13).Z({\'Q\':1},5.v.14)},5))}W y(f[\'23\']==\'4f\'){$.1G(j,$.19(B(i,a){13=5.v.1u*i;5.K.17(\'.\'+5.v.w+\'-1e-\'+a).Z({\'D\':g},13).Z({\'Q\':1},5.v.14)},5))}2A($.19(B(){d.E({"Q":1}).U(5.v.w+\'-P-L\');b.E({"Q":0}).X(5.v.w+\'-P-L\');5.K.17("."+5.v.w+\'-1e\').2k();5.N.1a=Y;5.K.1o("1J",d)},5),13+5.v.14)},4g:B(a,b,c,d){M 5.38(a,b,c,d,{\'1B\':\'1v\'})},24:B(a,b,c,d,e){e=$.1p(R,{\'F\':\'G\'},e);5.N.1a=R;c.E({"Q":1});b.X(5.v.w+\'-J-L\');d.U(5.v.w+\'-J-L\');a.X(5.v.w+\'-P-L\');a.U(5.v.w+\'-P-1n\');c.U(5.v.w+\'-P-L\');y(e.F=="G"){c.E({"G":5.v.D})}W y(e.F=="1t"){c.E({"G":-5.v.D})}W y(e.F=="V"){c.E({"V":-5.v.H})}W y(e.F=="25"){c.E({"V":5.v.H})}c.1y().Z({"G":0,"V":0},5.v.14,5.v.29,$.19(B(){a.X(5.v.w+\'-P-1n\');a.E({"Q":0});5.N.1a=Y;5.K.1o("1J",c)},5))},4h:B(a,b,c,d){M 5.24(a,b,c,d,{\'F\':\'G\'})},4i:B(a,b,c,d){M 5.24(a,b,c,d,{\'F\':\'1t\'})},4j:B(a,b,c,d){M 5.24(a,b,c,d,{\'F\':\'V\'})},4k:B(a,b,c,d){M 5.24(a,b,c,d,{\'F\':\'25\'})},4l:B(a,b,c,d){M 5.20(a,b,c,d,{\'F\':\'2a\'})},4m:B(a,b,c,d){M 5.20(a,b,c,d,{\'F\':\'1K\'})},3c:B(a,b,c,d,e){e=$.1p(R,{\'23\':\'2B\',\'1B\':\'1K\'},e);5.N.1a=R;c.E({"Q":0});b.X(5.v.w+\'-J-L\');d.U(5.v.w+\'-J-L\');A f=1I.21(5.v.D/5.v.1h);A g=1I.21(5.v.H/5.v.1i);A h=[];A i=c.2j();1d(I=1;I<=5.v.1i;I++){1d(O=1;O<=5.v.1h;O++){h.39(O+\'\'+I);A j=((I*g)-g);A k=((O*f)-f);A l=(f*O)-f;A m=(g*I)-g;A n=(O-1f((5.v.1h+1)/2))*5.v.1D;A o=(I-1f((5.v.1i+1)/2))*5.v.1D;A p=$(\'<12 1b="\'+5.v.w+\'-1e-26 \'+5.v.w+\'-1e-26-\'+O+I+\'" />\');p.E({\'1W\':\'1X\',\'1c\':\'1A\',\'D\':f,\'H\':g,\'z-2h\':2,\'V\':j+o,\'G\':k+n,\'Q\':0,\'2i-1c\':\'-\'+l+\'15 -\'+m+\'15\'});p.1j(\'<12 1R="1c: 1A; G: -\'+l+\'15; V: -\'+m+\'15; D: \'+5.v.D+\'15; H: \'+5.v.H+\'15;">\'+i+\'</12>\');5.K.1j(p);A p=$(\'<12 1b="\'+5.v.w+\'-1e \'+5.v.w+\'-1e-\'+O+I+\'" />\');p.E({\'1W\':\'1X\',\'1c\':\'1A\',\'D\':f,\'H\':g,\'z-2h\':3,\'V\':j,\'G\':k,\'Q\':1,\'2i-1c\':\'-\'+l+\'15 -\'+m+\'15\'});p.1j(\'<12 1R="1c: 1A; G: -\'+l+\'15; V: -\'+m+\'15; D: \'+5.v.D+\'15; H: \'+5.v.H+\'15;">\'+a.2j()+\'</12>\');5.K.1j(p)}}a.E({"Q":0});y(e[\'1B\']==\'1v\'){h=5.2f(h)}W y(e[\'1B\']==\'3a\'){h=5.3b(h)}1d(I=1;I<=5.v.1i;I++){1k=I;1d(O=1;O<=5.v.1h;O++){13=5.v.1u*1k;A n=(O-1f((5.v.1h+1)/2))*5.v.1D;A o=(I-1f((5.v.1i+1)/2))*5.v.1D;5.K.17(\'.\'+5.v.w+\'-1e-\'+O+\'\'+I).Z({\'G\':\'+=\'+n,\'V\':\'+=\'+o},5.v.14);1k++}}A q=13;A r=0;1d(I=1;I<=5.v.1i;I++){1k=I;1d(O=1;O<=5.v.1h;O++){13=5.v.1u*1k;5.K.17(\'.\'+5.v.w+\'-1e-\'+h[r]).Z({\'Q\':0},13);5.K.17(\'.\'+5.v.w+\'-1e-26-\'+h[r]).Z({\'D\':f},5.v.14).Z({\'Q\':1},13).Z({\'D\':f},q-13);r++;1k++}}1d(I=1;I<=5.v.1i;I++){1k=I;1d(O=1;O<=5.v.1h;O++){13=5.v.1u*1k;A n=(O-1f((5.v.1h+1)/2))*5.v.1D;A o=(I-1f((5.v.1i+1)/2))*5.v.1D;5.K.17(\'.\'+5.v.w+\'-1e-26-\'+O+\'\'+I).Z({\'G\':\'-=\'+n,\'V\':\'-=\'+o},5.v.14);1k++}}2A($.19(B(){c.E({"Q":1}).U(5.v.w+\'-P-L\');a.E({"Q":0}).X(5.v.w+\'-P-L\');5.K.17("."+5.v.w+\'-1e\').2k();5.K.17("."+5.v.w+\'-1e-26\').2k();5.N.1a=Y;5.K.1o("1J",c)},5),(q+(5.v.14*2)))},4n:B(a,b,c,d){M 5.3c(a,b,c,d,{\'1B\':\'1v\'})},2C:B(a,b,c,d,e){e=$.1p(R,{\'F\':\'G\'},e);5.N.1a=R;c.E({"Q":1});b.X(5.v.w+\'-J-L\');d.U(5.v.w+\'-J-L\');c.U(5.v.w+\'-P-1n\');y(e.F=="G"){c.E({"G":1Q,"Q":0});a.1y().Z({"G":-5.v.D},5.v.14)}W y(e.F=="1t"){c.E({"G":-1Q,"Q":0});a.1y().Z({"G":5.v.D},5.v.14)}W y(e.F=="V"){c.E({"V":-5.v.H})}W y(e.F=="25"){c.E({"V":5.v.H})}c.1y().Z({"G":0,"V":0,"Q":1},5.v.14,5.v.29,$.19(B(){a.X(5.v.w+\'-P-L\');a.E({"G":0});c.U(5.v.w+\'-P-L\');c.X(5.v.w+\'-P-1n\');a.E({"Q":0});5.N.1a=Y;5.K.1o("1J",c)},5))},4o:B(a,b,c,d){M 5.2C(a,b,c,d,{"F":"G"})},4p:B(a,b,c,d){M 5.2C(a,b,c,d,{"F":"1t"})},27:B(a,b,c,d,e){e=$.1p(R,{\'F\':\'G\'},e);5.N.1a=R;c.E({"Q":1});b.X(5.v.w+\'-J-L\');d.U(5.v.w+\'-J-L\');c.U(5.v.w+\'-P-1n\');y(e.F=="G"){c.E({"G":5.v.D});a.Z({"G":-5.v.D},5.v.14)}W y(e.F=="1t"){c.E({"G":-5.v.D});a.Z({"G":5.v.D},5.v.14)}W y(e.F=="V"){c.E({"V":5.v.H});a.Z({"V":-5.v.H},5.v.14)}W y(e.F=="25"){c.E({"V":-5.v.H});a.Z({"V":5.v.H},5.v.14)}c.1y().Z({"G":0,"V":0},5.v.14,$.19(B(){a.X(5.v.w+\'-P-L\');a.E({"G":0});c.U(5.v.w+\'-P-L\');c.X(5.v.w+\'-P-1n\');a.E({"Q":0});5.N.1a=Y;5.K.1o("1J",c)},5))},4q:B(a,b,c,d){M 5.27(a,b,c,d,{"F":"V"})},4r:B(a,b,c,d){M 5.27(a,b,c,d,{"F":"25"})},4s:B(a,b,c,d){M 5.27(a,b,c,d,{"F":"G"})},4t:B(a,b,c,d){M 5.27(a,b,c,d,{"F":"1t"})}});$.3d.2q=B(a,b){y(4u($.3d.2H)>1.2){A d={};5.1G(B(){A s=$(5);d=s.3e("2n");y(!d){d=37 2m(5,a,b);s.3e("2n",d)}});M d}W{4v"4w 1Z 28 4x 4y 4z 2K 4A 4B. 4C 4D 4E 1Z 1.3+";}}})(1Z);',62,289,'|||||this||||||||||||||||||||||||||options|name||if||var|function|esqueleto|width|css|direction|left|height|iRow|selector|element|current|return|events|iCol|slide|opacity|true|timer|clock|addClass|top|else|removeClass|false|animate||control|div|delay|duration|px||children|bar|proxy|playing|class|position|for|block|parseInt|rotator|columns|rows|append|colRow|navigation|span|next|trigger|extend|transition|hovered|mask|right|speed|random|degrees|transform|stop|nxtTrans|absolute|effect|bars|padding|resto|selectores|each|startTimer|Math|sliderTransitionFinishes|rain|stopped|length|rel|stopTimer|callSlide|100|style|move|browser|wrapper|paused|overflow|hidden|command|jQuery|transbar|round|bar_array|mode|transslide|bottom|clon|transslip|version|easing|fountain|href|insertAfter|pause|attr|shuffle|toUpperCase|index|background|html|remove|msie|SliderObject|slider|pauseOnClick|pauseOnHover|slideshow|transitions|delete|rgbToHex|FFFFFF|prev|click|preventDefault|play|toString|setTimeout|acumulative|transswipe|undefined|easeOutCubic|create|defaults|jquery|loop|img|is|outerWidth|color|addEvents|pauseTimer|hasClass|000000|setInterval|rotate|deg|webkit|moz|get|msTransform|180|clearInterval|first|filter|last|split|trans|lastTransition|toLowerCase|new|transsquare|push|swirl|arrayswirl|transexplode|fn|data|try|document|execCommand|BackgroundImageCache|catch|err|apply|arguments|prototype|4500|400|80|onComplete|onSlideshowEnd|fade|square|squarerandom|dom|titles|links|imgInc|imgInterval|inc|order|slides|clicked|outerHeight|option|wrap|parent|relative|add|selectors|hide|margin|Prev|Next|Play|Pause|hover|linear|360|sliderPlay|sliderPause|sliderStop|match|9A|Fa|rgb|exec|sliderChange|typeof|object|merge|while|transfade|Array|abs|0px|transbarleft|transbarright|dual|lineal|transsquarerandom|transslideleft|transslideright|transslidetop|transslidebottom|transfountain|transrain|transexploderandom|transswipeleft|transswiperight|transsliptop|transslipbottom|transslipleft|transslipright|parseFloat|throw|The|that|was|loaded|too|old|Slider|Evolution|requires'.split('|'),0,{}));
//]]>
</script>

<script type='text/javascript'>
jQuery(document).ready(function($) {
$(".slider").slideshow({
width : 980,
height : 325,
transition : 'bar'
});
});
</script>

<script type='text/javascript'>
/*<![CDATA[*/
var _0xa61c=["\x6C\x65\x6E\x67\x74\x68","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x24\x74","\x74\x69\x74\x6C\x65","\x75\x72\x6C","\x6D\x65\x64\x69\x61\x24\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C","\x2F\x73\x37\x32\x2D\x63\x2F","\x2F\x73\x32\x35\x30\x2D\x61\x2F","\x72\x65\x70\x6C\x61\x63\x65","\x63\x6F\x6E\x74\x65\x6E\x74","\x3C\x69\x6D\x67","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","","\x68\x74\x74\x70\x3A\x2F\x2F\x32\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x66\x76\x47\x48\x42\x38\x47\x4C\x55\x6A\x59\x2F\x54\x68\x47\x2D\x43\x33\x66\x58\x6F\x4D\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x49\x33\x34\x2F\x4E\x32\x73\x35\x75\x74\x74\x4E\x46\x66\x59\x2F\x73\x34\x30\x30\x2F\x6E\x6F\x69\x6D\x67\x2E\x6A\x70\x67","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x65\x61\x74\x75\x72\x65\x64\x70\x6F\x73\x74\x62\x69\x67\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x74\x68\x75\x6D\x62\x62\x6F\x78\x22\x3E\x3C\x73\x74\x72\x6F\x6E\x67\x3E\x3C\x2F\x73\x74\x72\x6F\x6E\x67\x3E\x3C\x61\x20\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x20\x74\x69\x74\x6C\x65\x3D\x22","\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x74\x68\x75\x6D\x62\x62\x69\x67\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x22\x2F\x3E\x3C\x68\x32\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x32\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E","\x77\x72\x69\x74\x65"];function recentthumbs(_0x1bd1x2){for(var _0x1bd1x3=0;_0x1bd1x3<_0x1bd1x2[_0xa61c[2]][_0xa61c[1]][_0xa61c[0]];_0x1bd1x3++){for(var _0x1bd1x4=0;_0x1bd1x4<_0x1bd1x2[_0xa61c[2]][_0xa61c[1]][_0x1bd1x3][_0xa61c[3]][_0xa61c[0]];_0x1bd1x4++){if(_0x1bd1x2[_0xa61c[2]][_0xa61c[1]][_0x1bd1x3][_0xa61c[3]][_0x1bd1x4][_0xa61c[4]]==_0xa61c[5]){break ;} ;} ;var _0x1bd1x5=_0x1bd1x2[_0xa61c[2]][_0xa61c[1]][_0x1bd1x3];var _0x1bd1x6=_0x1bd1x5[_0xa61c[3]][_0x1bd1x4][_0xa61c[6]];var _0x1bd1x7=_0x1bd1x5[_0xa61c[8]][_0xa61c[7]];var _0x1bd1x8;try{_0x1bd1x8=_0x1bd1x5[_0xa61c[10]][_0xa61c[9]];_0x1bd1x8=_0x1bd1x8[_0xa61c[13]](_0xa61c[11],_0xa61c[12]);} catch(error){s=_0x1bd1x5[_0xa61c[14]][_0xa61c[7]];a=s[_0xa61c[16]](_0xa61c[15]);b=s[_0xa61c[16]](_0xa61c[17],a);c=s[_0xa61c[16]](_0xa61c[18],b+5);d=s[_0xa61c[19]](b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=_0xa61c[20])){_0x1bd1x8=d;} else {_0x1bd1x8=_0xa61c[21];} ;} ;document[_0xa61c[28]](_0xa61c[22]+_0x1bd1x6+_0xa61c[23]+_0x1bd1x7+_0xa61c[24]+_0x1bd1x8+_0xa61c[25]+_0x1bd1x6+_0xa61c[23]+_0x1bd1x7+_0xa61c[26]+_0x1bd1x7+_0xa61c[27]);} ;} ;
/*]]>*/
</script>

</b:if>

Nota: Si ya utiliza un script de jQuery en tu blog de blogger, ya no tendras que poner el código que está marcado de color amarillo https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js, y si no utilizas ningún script inserta todo el código tal como está en este tutorial.

6 Un clic en Guardar

7 Ahora diríjase a diseño

8 Abrir un gadget he inserte las siguientes lineas de código

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='slider-wrap-bodo'>

<div class='slider-wrap'>

<div class='slider'>
<div>
<a href='https://www.ayudadeblogger.com/2013/08/galeria-de-imaganes-para-blogger.html' target='_blank'>
<img alt='' src='http://2.bp.blogspot.com/-Ugr2YQCfasc/UhjKRIdFt1I/AAAAAAAAEbk/si1PUE5adXU/s1600/ayuda+de+blogger.PNG'/></a>
</div>

<div>
<a href='https://www.ayudadeblogger.com/2013/08/galeria-de-imaganes-para-blogger.html' target='_blank'>
<img alt='' src='http://3.bp.blogspot.com/--81n4_ajZwE/UhjKaxIsvgI/AAAAAAAAEbs/X7lzuv4DAqo/s1600/juegos+gratis+2.JPG'/></a>
</div>

<div>
<a href='https://www.ayudadeblogger.com/2013/08/galeria-de-imaganes-para-blogger.html' target='_blank'>
<img alt='' src='http://4.bp.blogspot.com/-YvuRBcdrmIY/UhjKfhSWb3I/AAAAAAAAEb0/CH3lW4rZ24s/s1600/juegos+gratis+3.JPG'/></a>
</div>

<div>
<a href=https://www.ayudadeblogger.com/2013/08/galeria-de-imaganes-para-blogger.html' target='_blank'>
<img alt='' src='http://2.bp.blogspot.com/-h6bamUfWX8I/UhjKkpDlFUI/AAAAAAAAEb8/JOHdGdWRZRI/s1600/juegos+gratis+4.JPG'/></a>
</div>

<div>
<a href='https://www.ayudadeblogger.com/2013/08/galeria-de-imaganes-para-blogger.html' target='_blank'>
<img alt='' src='http://2.bp.blogspot.com/-xUbB38bdWx8/UhjMpquEDBI/AAAAAAAAEcI/ROUl35jMiPE/s1600/juegos+gratis.JPG'/></a>
</div>
</div>

</div></div>
</b:if>

Realiza estos cambios:

1.- La galería de imágenes se mostrara solo en la página principal de su blog y cuando un usuario ingrese a cualquier post de su blog no se mostrara. Si quieren que se muestre en todas las publicaciones de su blog, basta con borrar los dos códigos que están marcados de color amarillo <b:if cond='data:blog.url == data:blog.homepageUrl'> y </b:if> . Y si solo quieren que se muestre en su página principal déjenlo tal como está.

2.- Los links que están marcados de color azul, tendrán que borrarlos y poner ahí las URLs correspondientes de los post que quieran dar a conocer en el slideshow.

3.- Las URLs que están marcadas de color rojo, son las responsables de mostrar las imágenes en su galería de imágenes, borra todas y cámbialas por las URLs correspondientes de tus imágenes. La dimensión de la imagen que quieran colocar en la galería de imágenes es de 980 x 325.

Ahora es momento de dar un clic en “Guardar plantilla” y abre tu blog de Blogger y mira tú nueva y fabulosa galería de imágenes para Blogger.

Espero que les haya servido de mucha ayuda este tutorial de Galería de imágenes para Blogger

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé

Saludos

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE

¿Te ha resultado útil este artículo, recomiendanos?

TAGS: Slideshow

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Galería de imágenes para blogger

Recuerda suscribirte:

Luis Chávez

Related post

Comentarios

0 comments:

Publicar un comentario

Autor

Labels

Popular post

Youtube.com/ayudadeblogger

Formulario de contactos

Diseño

Inspiración

Tecnología

AMP Carrusel video

Suscríbete completamente gratis a nuestro boletín diario

Cookies

Galería de imágenes para blogger

Recuerda suscribirte:

Luis Chávez

Related post

Comentarios

0 comments:

Publicar un comentario

Autor

Labels

Popular post

Youtube.com/ayudadeblogger

Formulario de contactos

Diseño

Inspiración

Tecnología

AMP Carrusel video

AMP ADRASTEA

AMP DESIGN DEMO

AMP INSPIRITING

AMP DESTACADO

AMP KITCHEN

AMP FENIX

AMP MODERN

AMP ANDROMEDAD

AMP ALEX DESIGN

AMP BREAKING NEWS

AMP PRO DEMO

AMP BLOG BUILD

AMP TOUCH

AMP OCEAN FREE

AMP KILO

AMP DOMPI

AMP LANDING PAGE ONE

Suscríbete completamente gratis a nuestro boletín diario

Cookies