> > > > > > > > > > > > > > > > > >

Enchula tu Blog!

12 marzo, 2015


Hola!
Esta vez vengo con un post diferente.
Es un tutorial para personalizar tu blog.
Se trata de cambiar las letras (links) del blog que dicen entras recientes, antiguas e inicio, por una imagen.
Por ejemplo en mi blog las tengo así:

1. Vamos a nuestro blog y damos click en el apartado de Plantilla
2. Editar HTML 
Nota! Les recomiendo que antes de modificar alguna cosa de su plantilla, realicen una copia de seguridad por si se presenta algun error y evitar dolores de cabeza.

Te debe salir un cuadro parecido a este:

3. Das un click adentro del recuadro y luego tecleas Ctrl + F


4. En ese buscador pegamos data:newerPageUrl y damos enter
Nos aparece algo así:

<b:if cond='data:newerPageUrl'>

<span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl + &quot;?max-results&quot; ' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

5. Ahora localizamos <data:newerPageTitle/> y reemplazamos eso por <img src='URL de la imagen'/>

6. Lo que dice URL de la imagen, se debe cambiar por el link de la imagen por la que quieras reemplazarlo. 

En la imagen pueden observar que yo ya modifique el código y agregue el link de mi imagen.

Se encuentra ubicado a continuación del anterior, pero si no lo ves
7. En el buscador pegamos data:olderPageUrl y damos enter
Nos aparece algo así:
<b:if cond='data:olderPageUrl'><span id='blog-pager-older-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span></b:if>

8. Ahora localizamos <data:olderPageTitle/> y lo reemplazamos por <img src='URL de la imagen'/>
9. Lo que dice URL de la imagen, se debe cambiar por el link de la imagen por la que quieras reemplazarlo.

Este se encuentra ubicado abajo del anterior, si no lo ves
10. En el buscador pegamos data:blog.homepageUrl y damos enter
Nos aparece algo así: 
<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>

11. Ahora localizamos <data:homeMsg/> y lo reemplazamos por <img src='URL de la imagen'/>
12. Lo que dice URL de la imagen, se debe cambiar por el link de la imagen por la que quieras reemplazarlo.

13. Cuando tengan todo cambiado, dan click en guardar plantilla.
Y LISTO! Ya tendrías cambiado y personalizado esos items.

Para ver imagenes que puedes utilizar para cambiar estos apartados:
subir imagenes

No hay comentarios:

Publicar un comentario

¡Anímate a comentar!Me encantaría saber tu opinión sobre este post.
No se permiten mensajes que falten al respeto, el spam está permitido siempre y cuando también opinen sobre la entrada, de lo contrario serán eliminados.
Si me sigues, sigo devuelta.
Siempre devuelvo los comentarios