miércoles, 7 de julio de 2010

como cambiar "entradas antiguas, entradas recientes e inicio"

este pOst me lo han pedido ya varias personitas ^.^ y no lo habia puesto por falta de tiempo so soorry T_T pero ya me hice un tiempito para que ustedes para actualizar y puedan poner cute su blog con este sencillo paso.!! Ven mis munequitas de abajo que dicen atras, adelante e inicio?? bueno pues cambiaremos las letras por imagenes ok? solo sigan bien los pasos y seguro que les queda muy bien..!



Para sustituir los links "entradas antiguas, entradas recientes e inicio" por las imágenes que queramos debemos seguir los siguientes pasos:

1) Vamos a Diseño
2) Edición HTML
3) Marcamos la casilla "expandir artilugios"


[[[[ NOTA...!! poorrr fiiis recuerden siempre realizar una copia de seguridad de su plantilla para evitar errOres y horrOres x_X ]]]]

ENTRADAS RECIENTES
4) Buscamos la siguiente parte del código: data:newerPageUrl (para buscar más rápido tecleamos Ctrl + F)
5) Una vez localizado nos aparecerá 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>



Tan sólo debemos cambiar <data:newerPageTitle/> por <img src='URL de la imagen'/>

En &lt;img src='URL de la imagen'/> deberemos cambiarlo por el link de la imagen que queramos. Recomiendo subir tus imágenes en un servidor gratuito como imageshack.



ENTRADAS ANTIGUAS
Un poco más abajo encontraremos lo siguiente:



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

Al igual que en entradas recientes tan sólo debemos cambiar <data:olderPageTitle/> por <img src='URL de la imagen'/>



INICIO

Por último, para sustituir el inicio de página principal deberemos buscar más abajo la siguiente parte de código:




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


Al igual que en entradas recientes y entradas antiguas tan sólo debemos cambiar <data:homeMsg/> por <img src='URL de la imagen'/>

55 comentarios:

  1. Arigato Annyz!! ^^
    Una pregunta, el texto y la flecha tiene que ir puesto en la imagen que se suba o lo pone el ordenador??
    bye, bye!!

    ResponderEliminar
  2. ya tiene que ir puesta en la imagen.. es toda junta (imagen,flecha y texto) ^.^

    ResponderEliminar
  3. oki Gracias!! buscare a ver si encuentro alguna que tenga esas caracteristicas.

    ResponderEliminar
  4. *-* que tuto tan bonito, realmente tengo muchas ganas de ponerle las flechitas y todo, pero de momento no encuentro una buena imagen que corresponda, me podrias recomendar alguna pagina para conseguir los gifsitos o.O?

    ResponderEliminar
  5. Que tuto para mas increible!!!! *o*
    pero tengo una dudita TT_TT
    es ke hace poco cambie de plantilla para mi blog y no me salen eso de las entradas antiguas ni las nuevas,
    y no me sale la opción para expandir plantillas de artilugio TT_TT no se como hacerle, ya mismo me vuelvo loca de tanto preguntar en google xD
    uso plantilla clasica!!! si me podrias ayudar te lo agradecere tooda mi vida *o* gracias n__n

    ResponderEliminar
  6. hola lacus mira de hecho es algo dificil arreglarlo cuando la plantilla se echa a perder a mi tambien me han salido infinidad de cosas mal al aplicar cositas en mi blog !! por eso es importante salvar o bajar la plantilla original para que si no te sale lo que quieres puedas regresar de nuevo a tu plantilla eso no lo tienes que olvidar !! bueno como te podria ayudar lo unico que se me ocurre es buscar tu plantilla original y volverla a instalar y si siguen los problemas agregame a mi msn y con gusto te ayudo sufriendo las 2 tratando de arreglar el problema jjajaj x)!!

    saludos

    x_girl.kawaii_x@hotmail.com

    ResponderEliminar
  7. Konichiwaa^^
    que buen tutooo:)
    yo ya cambie todos los botoncitos de mi pagina;)
    Los hice con photoshop y me kedaron bien!!^^
    gracias x todas las ayudas,personalice mi blog al 100%!!
    Saludos!!

    ResponderEliminar
  8. arigatoo un millon de veces o más!! he sabido hacerlo yuhu!! y todo gracias a ti ^^
    besitos!!

    ResponderEliminar
  9. Olz deberias cambiar las imagenes... no se notan...
    sinembargo miles de gracias porqe es el tuto q andaba buscando ..
    te seguire ... visita mi blog ♥
    ya tienes una sonrrisita mas :D

    ResponderEliminar
  10. Gracias por el tuto lo estaba buscando pero tengo una duda de que tamaño deben ser las imagenes o el tamaño lo ajusta la misma plantilla?

    ResponderEliminar
  11. Graciias por el tuto... ya lo habia usado pero lo tuve que buscar de nuevo en tu blog.. ya q no me lo eh memorizado ni escrito en ningun lado.. Arigatou por todo lo que nos posteas cada dia con un cariño GRANDOTOTE.. =^♥^=

    ResponderEliminar
  12. de nada muchisimas gracias por comentar ^^

    ResponderEliminar
  13. hola annyz!!! buenisimo este post, pero tengo una duda importante: donde esta la casilla que dice: "expandir artilugios"? no la encuentro T-T y quiero que me digas plis donde estaaa!! muchisimas gracias!! buen post!

    ResponderEliminar
  14. ah no ya esta, encontre los 2, pero me dice que no se puede guardar, me aparece esto:

    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type "b:if" must be terminated by the matching end-tag "".

    Y tampoco encuentro eso del inicio T-T ayudameeeeeeeeeeee!!!

    ResponderEliminar
  15. mmmmmmmmmmmmmmmmmmmmmm neni es que aveces las plantillas no son las mismas

    buscame en msn y te ayudo okis?? n.n

    ResponderEliminar
  16. Qué cosa, hice todo lo que indicas y cuando pongo vista previa no se ven las imágenes... ¿sabes si tienen que ser de un tipo determinado (gif, jpg..)? Las mías las hice con photoshop y son gifs porque tienen transparencias.

    Saludinos!!

    ResponderEliminar
  17. No sabes de donde puedo sacar imagenes ?

    ResponderEliminar
  18. Ryuutsuki muchas veces al poner las vistas previas no salen las cosas, a mi igual hago cambios, veo vista previa y no me aparecen las cosas, solo hasta que guardo la plantilla miro el cambio.. asi sucede aveces y no sobre las imagenes cualquier tamaño y tipo sirven ya sean gifs o png !!

    saludos

    ResponderEliminar
  19. Eri muy pocas paginas tienen de estas imagenes, casi no he mirado pero para que salgan a tu gusto deberias hacerlas en photoshop o paint ^^!

    ResponderEliminar
  20. muy bueno annyz me salio :)
    siempre me la paso en tu blog >.<

    ResponderEliminar
  21. cuando busco data:newerPageUrl no me aparece! que hago ?!

    ResponderEliminar
  22. prii para mejora de la busqueda del codigo pulsa ctrl+f y pon el codigo a buscar.. tiene que estar ese codigo.. amenos que tu plantilla no la tenga o.O

    ResponderEliminar
  23. Annyz necesito que me ayudes porfis yo soy malisima en esto :(

    ResponderEliminar
  24. claro que si naty donde tienes problemas nena???

    ResponderEliminar
  25. no me sirve solo me kedo el de home

    ResponderEliminar
  26. oka solo presiona ctrl+la tecla F para buscar los codigos

    ResponderEliminar
  27. No se porque, pero solo me sale el iconito de NEXT, los otros dos no aparecen :(

    ResponderEliminar
  28. deberia estar neni recuerda siempre expandir artilugios.!! a veces cuando pulsamo ctrl+F para buscar el codigo no lo encuentra pero ahi esta. te lo diwo pq igual me ha pasado que busco y no lo encuentro pero ahi esta xD

    ResponderEliminar
  29. asdadasda ignora mi comentario anterior, ahora me funciono xDD

    ResponderEliminar
  30. No entendi nada jejeje esque soy algo lenta, gomen

    ResponderEliminar
  31. Intente dos veces para colocarlo, pero no funciono! y estos códigos los e buscado por todo el net y no podía encontrarlos ahora están aquí pero no se que pasa no funcionan! :(

    ResponderEliminar
  32. MI MUNDO NADA MAS

    a veces tienen que ver la plantillas son diferentes y es dificil poner los codigos .. te recomiendo cambies por otra plantilla .. saluos y sorry por no ser de mas ayuda :(

    ResponderEliminar
  33. wow me fue muy util :D ahora mi blog quedo mas lindo gracias a ti

    ResponderEliminar
  34. Muchisimas gracias a vos a los tutoriales que pones!!!! me son de gran ayuda!!! ah, ya te afilie... me afilias??? :3

    ResponderEliminar
  35. Ugh, siento que te doy muchos probllemas, pero en Newerpost no puedo aplicar la imagen ;_;
    los códigos HTML que son estos:
    < NewerPosts > | < a href =< $ NewerPosts $ > > Newer Post < / a > < / NewerPosts > < / center > < / div >

    pero olderpost si se pudo, es raro ;;

    ResponderEliminar
    Respuestas
    1. nop siento que la que deberia disculparse soe yo T.T es que de blogskin no se mucho :( en dias hechare un vistazo a esas plantillas para tener mas conocimiento.. besos ^^

      Eliminar
  36. Hola Annyz!! hago todo esos pasos! pero cuando pongo Viste Previa dice error! :(
    Podrias ayudarme PlizZ!!

    ResponderEliminar
    Respuestas
    1. hola yezii muchas veces no sale error porque no ponemos bien los codigos o nos comemos alguna letra o simbolo.. sigue intentadolo paso a paso y fijate bien donde los pones si sigues con problemas no dudes en preguntarme sip.. ? por cierto que platillas usas

      Eliminar
  37. Reitero!!! GRACIAS!!! pude Alfin pudee! despues de tantos intentos! gracias a tu hermoso blog el mio esta divino!! nenaa

    ResponderEliminar
  38. haha oka nenga hasta ahorita lei tu mensaje xD que bien que ya se soluciono el problema besos y que tengas bonito dia =D

    ResponderEliminar
  39. Annyz, yo tengo un problemita n.n"
    Mi blog no tiene la etiqueta data:newerPageUrl ni las otras :(

    ResponderEliminar
  40. hola crista que plantilla es la que usas?

    ResponderEliminar
  41. Graaax ^^ me qedo SUPER :3 nyaan ^^ lo puse en mis dos bloguis y qedo perfecto *O*

    posdata: "Hikari ♥" era mi antiguo nombre, antes yo no sabía como manejar esto de las entradas xD me cambio el nombre a cada rato u.u xD saludos!

    ResponderEliminar
  42. O.o Annyz! esta pagina esta Suuper! Ahora mi bloggeriit♥ esta super Kawaiii!! Graaaaaxx!

    ResponderEliminar
  43. Muchas gracias me ha ayudado con mi blog este tutorial me encanta este blog :) besotes :)

    ResponderEliminar
  44. no logro hacerlo no tenes otro truco tambien quiero saver como hacer lo de arriba como es la medida del titulo me podrias decir?
    Y si no es mucho pedir tirame ideas XD te agradesco

    ResponderEliminar
    Respuestas
    1. hola costritas para lo de este tutorial no hay otro truco nena solo este se utiliz para cambiar entradas antiguas.. recientes etc... y lo otro te refieres al header?? bueno las medidas que estoy usando ultimamento son 800x380 pixeles en photoshop

      Eliminar
  45. yay!!muchisimas gracias,ahoar puedo pover un poco mas lindo mi blog...chiao~su

    ResponderEliminar
  46. De verdad tur tutos han sido de mucha ayuda!! Muchisimas gracias por compartir tus talentos!!! =3

    ResponderEliminar
  47. me fue de gran ayuda, gracias por compartirlo :3

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.