Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada
El ejemplo lo pueden ver en mi blog abajo a la derecha. Algo así:




¿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='http://4.bp.blogspot.com/_WvACVGW1iPE/TUTZzng6v8I/AAAAAAAABtU/CuAbBk611z0/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://1.bp.blogspot.com/_WvACVGW1iPE/TUTZzBBNiwI/AAAAAAAABtQ/vmEfGQ94ybo/s1600/Home.png'/></a>
          <a expr:href='data:olderPageUrl' title='Ver entradas antiguas'><img border='0' src='http://3.bp.blogspot.com/_WvACVGW1iPE/TUTZyYVov9I/AAAAAAAABtM/hmz9tWoRPUg/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... Comentar esta entrada ▼ Ir al principio de la entrada
Vku dijo...

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>

Vku dijo...

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'

Vku dijo...

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>

Vku dijo...

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'/>

Vku dijo...

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.

Nicole dijo...

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)

Vku dijo...

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

Nicole dijo...

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.

Vku dijo...

En total tienes 15 entradas, prueba poniendo 7 entradas a ver que pasa y me avisas.

Nicole dijo...

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

Vku dijo...

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.

Leonardh. dijo...

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.

Leonardh. dijo...

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.

Vku dijo...

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.

Vku dijo...

Que en la respuesta 2 no la cambie

Pon esta: http://1.bp.blogspot.com/-9dWCiL7SErk/TVNF3g5IsXI/AAAAAAAAANA/Ba6LqFavbdc/s1600/left.png

Leonardh. dijo...

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.

Leonardh. dijo...

si tienes razon tambien cambiare esa flecha que me has indicado, gracias.

Vku dijo...

center48px no es un código valido

fijate que esten los 2 puntos :

right: 48px

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.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?