add

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.

Galería de imágenes para blogger

  1. Como agregar a mi blog de blogger un Slideshow automatico
  2. Como crear un Slideshow manual para mi blog de blogger
  3. Como crear una galería de imágenes para Blogger online Gratis
  4. Como hacer un Slideshow Carrusel basado en etiquetas para blogger
  5. Instalar un Slideshow para blogger con un solo widget
  6. Mostrar un Slideshow con mis entradas populares para blogger
  7. Necesito un Slider para mi blog de blogger
  8. Nuevo estilo de Slideshow para blogger
  9. SlideShow con control deslizante para blogger
  10. Slider carrusel para blogger
  11. Slider para blogger en 3D
  12. Slideshow con Entradas Populares Nuevo estilo
  13. Slideshow de Popular post o Entradas polulares para mi blog de blogger
  14. Slideshow para Blogger
  15. Slideshow para blogger blogspot con etiquetas
  16. Slideshow para blogger con un solo widget
  17. Slideshow para blogger manual nuevo estilo
  18. Slideshow para blogger nuevo estilo
  19. Slideshow vertical para usarlo en blogger
  20. Widget Galería de Imágenes para blogger V2
  21. Widget Slider galería de imágenes acordeón para blogger
  22. Widget Slideshow para blogger
  23. Widget para blogger, Slideshow con Entradas Populares

A continuación mire su demostración en mi blog de demos


Les gusto verdad!

Vamos a trabajar

1 Ir a blogger

2 Da un clic en “Plantilla


Galería de imágenes para blogger

3 Un clic en “Editar HTML

Galería de imágenes para blogger

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

Galería de imágenes para blogger









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.

Galería de imágenes para blogger

4 Busca este código

]]></b:skin>

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

/*-- Galeria de imagenes BLOGGER start ayudadeblogger.com---*/
.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($) {
    $(&quot;.slider&quot;).slideshow({
      width      : 980,
      height     : 325,
      transition : &#39;bar&#39;
    });
  });
</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 Busca este código

<body>

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='slider-wrap-bodo'>
   
        <div class='slider-wrap'>
   
    <div class='slider'>
      <div>
<a href='http://www.juegosenlineajuegosgratis.com/' target='_blank'>
        <img alt='' src='http://2.bp.blogspot.com/-Ugr2YQCfasc/UhjKRIdFt1I/AAAAAAAAEbk/si1PUE5adXU/s1600/ayuda+de+blogger.PNG'/></a>
      </div>
     
      <div>
        <a href='http://www.juegosenlineajuegosgratis.com/' 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='http://www.juegosenlineajuegosgratis.com/' target='_blank'>
        <img alt='' src='http://4.bp.blogspot.com/-YvuRBcdrmIY/UhjKfhSWb3I/AAAAAAAAEb0/CH3lW4rZ24s/s1600/juegos+gratis+3.JPG'/></a>
      </div>
     
      <div>
        <a href='http://www.juegosenlineajuegosgratis.com/' target='_blank'>
        <img alt='' src='http://2.bp.blogspot.com/-h6bamUfWX8I/UhjKkpDlFUI/AAAAAAAAEb8/JOHdGdWRZRI/s1600/juegos+gratis+4.JPG'/></a>
      </div>
      
       <div>
        <a href='http://www.juegosenlineajuegosgratis.com/' 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 Galeria de imágenes para blogger

¿Necesitas ayuda?

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

Saludos

0 comentarios:

Publicar un comentario en la entrada

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (32) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (10) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios