¿Cómo se hace...?
Ir a Diseño, Edición de HTML, Expandir plantillas de artilugios.
Buscar el siguiente código: (Ctrl+F)
Puede variar según la plantilla o si le han hecho algún cambio.
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<!-- ACÁ VA EL CÓDIGO -->
<div class='clear'/>
Donde dice: <!-- ACÁ VA EL CÓDIGO --> poner el siguiente código:
<span style='position:fixed;bottom:5px;right:80px;z-index:99999999;'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<a expr:href='data:blog.homepageUrl' title='Ver entradas nuevas'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3hX71hAXmnSGkkv0xGUhoo2Xfrw7opUKEkApqJf9v56qzv7jFNYO8mJHfaSof1kEoaq7oAmdNTNBQ9ge4RCPmfu2VTpnx9j_ORxTsYSdmUBpRTyQYYd1tDGV81UcFhrk8GdSgkqhMr9o/s1600/Left.png'/></a>
<b:else/>
<a expr:href='data:newerPageUrl' title='Ver entradas nuevas'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3hX71hAXmnSGkkv0xGUhoo2Xfrw7opUKEkApqJf9v56qzv7jFNYO8mJHfaSof1kEoaq7oAmdNTNBQ9ge4RCPmfu2VTpnx9j_ORxTsYSdmUBpRTyQYYd1tDGV81UcFhrk8GdSgkqhMr9o/s1600/Left.png'/></a></b:if>
<a expr:href='data:blog.homepageUrl' title='Inicio'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvacz9KvxfErRtxYfQNX7IOkcTuibANYdeYXvecWoMOOy2EbGvrP1QzBY7DuDqsaWuNfFK2BTkE66FsXQSvZrqkExC9ipnk2Fx7uAskgisaXno6u5wsc95ATVni3Mw7dYh2V_rMiuRyhw/s1600/Home.png'/></a>
<a expr:href='data:olderPageUrl' title='Ver entradas antiguas'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8LtcsiBUyp-PNJh3qHE-38kuGaL0lU8DRQMFbZ-erJz4ShcvgkGU4GHRB4K3Gmlnv6abdU_Ak_zuZKOyfFDVmlQ1AMLSQ376q_Fk0Mw2YL-4IiLqEWQ3jJ0rGekgUv9cwj7ujZNUEAg/s1600/Right.png'/></a>
</span>
Cambiar por sus propias imágenes y su título.
Ajustar las distancias desde abajo (bottom:5px) y desde la derecha (right:80px)
Vista previa y si todo va bien guardar.
Entrada a pedido de Angel.
Leer Importante...
Enlaza el blog ...
Ultimos comentarios
Angel pone este código para tener las imágenes iguales a las mias:
<span style='position:fixed;bottom:5px;right:48px;z-index:99999999;'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<a expr:href='data:blog.homepageUrl' title='Ver entradas nuevas'><img border='0' src='http://1.bp.blogspot.com/-9dWCiL7SErk/TVNF3g5IsXI/AAAAAAAAANA/Ba6LqFavbdc/s1600/left.png'/></a><b:else/><a expr:href='data:newerPageUrl' title='Ver entradas nuevas'><img border='0' src='http://4.bp.blogspot.com/_WvACVGW1iPE/TUTZzng6v8I/AAAAAAAABtU/CuAbBk611z0/s1600/Left.png'/></a></b:if><a expr:href='data:blog.homepageUrl' title='Inicio'><img border='0' src='http://2.bp.blogspot.com/-YZL-ZsNU2rw/TVNF3C78wZI/AAAAAAAAAM8/2YatGNO2LVg/s1600/home.png'/></a><a expr:href='data:olderPageUrl' title='Ver entradas antiguas'><img border='0' src='http://4.bp.blogspot.com/-Mg8ohqyzrEY/TVNF22ZZdtI/AAAAAAAAAM4/TNWKHnibUR8/s1600/right.png'/></a>
</span>
En el código de las flechas en donde dice href=''
Pon así:
Para subir: href='#outer-wrapper'
Para bajar: href='#ymp-btn-close-secret'
Y si quieres que quede con efecto cambia el código por este:
<a href='#ymp-btn-close-secret' onclick='new Effect.ScrollTo("ymp-btn-close-secret",{offset:-150}); return false' onmouseout='stopScroll()' onmouseover='abajo()' style='display:scroll;position:fixed;bottom:10px;right:10px;' title='Ir Abajo'><img src='http://2.bp.blogspot.com/_WvACVGW1iPE/Slrhkqc_X_I/AAAAAAAAAJU/sNCR6vcvGOo/s200/fabajo.png'/></a>
<a href='#outer-wrapper' onclick='new Effect.ScrollTo("outer-wrapper",{offset:-140}); return false' onmouseout='stopScroll()' onmouseover='subir()' style='display:scroll;position:fixed;bottom:40px;right:10px;' title='Ir Arriba'><img src='http://1.bp.blogspot.com/_WvACVGW1iPE/SlrhkS5TJYI/AAAAAAAAAJM/IITxDT4q3_s/s200/farriba.png'/></a>
Pase por tu blog y vi que no quedo bien.
Cambia el código por este otro:
<a href='#irabajooo' onclick='new Effect.ScrollTo("irabajooo",{offset:-150}); return false' onmouseout='stopScroll()' onmouseover='abajo()' style='display:scroll;position:fixed;bottom:10px;right:10px;' title='Ir Abajo'><img src='http://2.bp.blogspot.com/_WvACVGW1iPE/Slrhkqc_X_I/AAAAAAAAAJU/sNCR6vcvGOo/s200/fabajo.png'/></a>
<a href='#outer-wrapper' onclick='new Effect.ScrollTo("outer-wrapper",{offset:-140}); return false' onmouseout='stopScroll()' onmouseover='subir()' style='display:scroll;position:fixed;bottom:40px;right:10px;' title='Ir Arriba'><img src='http://1.bp.blogspot.com/_WvACVGW1iPE/SlrhkS5TJYI/AAAAAAAAAJM/IITxDT4q3_s/s200/farriba.png'/></a>
<a id='irabajooo'/>
Me los quedo fantástica idea!espero que todo vaya bien, saludos cariñosos
Si quieres descargalas, aunque la de buscar no creo que puedas utilizar, y la de las flechas tendras que editarla ya que es una unica imagen, cortalas por la mitad.
Muy bueno! lo usaré... pero al final de las entradas me queda un espacio enorme (siempre con problemas de espacios yo! ja) y solo se ven 7 entradas, tengo configurado para que se vean 10 pero salen solo 7, encima hace días se veían 9, después 8 y ahora 7 no entiendo nada! Como hago para que se vean más entradas en la paginal principal? osea las 10 entradas que quiero! Gracias! :1)
el espacio se ajusta, lo que pasa es que la sidebar es mas larga que el total de entradas.
Yo veo 7 entradas. Lo cambias desde configuración, formato.
Esta imagen es de otro tutorial pero te puede ser útil:
https://lh6.googleusercontent.com/-uS3V_t9Wkrs/TX6TJoWF9cI/AAAAAAAAB-U/RWqE3BbsfIY/s1600/paginacion-10.png
Claro, en el formato lo tengo en 10 entradas pero no se por que no cambia en la página del blog!! de todas maneras gracias.
En total tienes 15 entradas, prueba poniendo 7 entradas a ver que pasa y me avisas.
Mmmm sigue igual, crees que sea problema de la plantilla? o algo asi
No veo los cambios, seguro que lo guardastes y que dice entradas?
Si, segura! lo que pasa es que no cambia... no se por que! queda igual, por eso decía que capaz fuera de la plantilla o algo así el error
Yo desde acá no puedo hacer nada.
Yo sigo viendo que tienes 10 entradas y no 7 en tu configuración.
Prueba cambiar el numero desde Diseño. elementos de la página.
Y en entradas del blog le das en editar.
Ahi cambias el 10 por un 7. o si tiene 7 por 10.
Que tal Vku, ya he agregado el codigo de este efecto pero no aparecen estas flechas, no causa ningun conflicto el codigo en la plantilla por eso lo deje y guarde asi, pero no aparecen de cualquier modo, estuve cambiando con diferentes distancias esto bottom5px right 48px pero pues no jejejeje, aaah incluso probe el otro codigo que le has puesto a Angel del primer comentario pero tampoco.--algun consejo que pudieras darme ??
te agradezco mucho tu tiempo, hasta pronto.
esta es midireccion http://flaming-skulls-and-pentagrams.blogspot.com/ como te comentaba deje el codigo pero en la plantilla pero en el blog no aparece ni rastro de las flechas, jejeje bye.
Yo lo veo y funciona bien, lo que tienes que cambiar es esta imagen:
http://4.bp.blogspot.com/_WvACVGW1iPE/TUTZzng6v8I/AAAAAAAABtU/CuAbBk611z0/s1600/Left.png
Y el link de tu blog sale en tu perfil.
Que en la respuesta 2 no la cambie
Pon esta: http://1.bp.blogspot.com/-9dWCiL7SErk/TVNF3g5IsXI/AAAAAAAAANA/Ba6LqFavbdc/s1600/left.png
aaaaah :26) disculpa Vku ya logre que aparecieran las flechas solo cambie right48px por center48px y me han aparecido mas al centro obviamente jajaja LISTO TODO PERFECTO. Muchas gracias.
si tienes razon tambien cambiare esa flecha que me has indicado, gracias.
center48px no es un código valido
fijate que esten los 2 puntos :
right: 48px
Ya cheque que si tuviera los 2 puntos. :23)
Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.
Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.
Nota: solo los miembros de este blog pueden publicar comentarios.