martes, 28 de junio de 2011

Separar las entradas con un divisor o separador !!

Hola chic@s hoy aprenderemos un tutorial muy sencillito q muchas chicas me han pedido y es como separar los post o entradas con un divisor =D!! Hare 2 versiones por si una forma no funciona prueben con la segunda forma (Y es porque en algunas plantillas los codigos son diferentes)

Primera Forma

oki para empezar vas a:


Diseño >> Elementos de Pagina >> Edicion HTLM y marcas Expandir Artilugios


buscas el siguiente codigo:

<b:include data='post' name='post'/>


Y justo debajo de ese codigo pegas lo siguiente:

<center><img src='URL de la imagen'/></center>


Ahora lo que tienes que hacer es remplazar donde dice URL de imagen por la direccion de tu separador !!


Segunda Forma

te vas a :

Diseño >> Elementos de Pagina >> Edicion HTLM


Buscas el siguiente codigo (para mas rapidez pulsa ctrl+F para la busqueda) :

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
}


Cuando lo encuentres remplazalo por el siguiente:

.post {
background: url(Url_de_tu_divisor);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
}

Remplaza donde dice url de tu divisor por la direccion del divisor de tu preferencia !!

Espero sea de ayuda ^^ !!

18 comentarios:

  1. Muy interesante!
    Tu blog esta cada vez mas lindo!
    besos.

    ResponderEliminar
  2. Gracias!! era lo que necesitaba >w< te lo agradesco mil!!

    ResponderEliminar
  3. wow tus tutoriales son faciles de entender y super efectivos, te felicito y muchas gracias

    ResponderEliminar
  4. Genial, Y como puedo ponerlo ariba como tu posistes la imagen que dice bienvenidos

    ResponderEliminar
  5. ahh es que ese no es un separador.. par aponerlo ahi tienes que copiar la imagen y pegarla en un codigo htlm/javascrip y acomodarla abajo de tu cabecera de blog

    ResponderEliminar
  6. MUUUCHAS GRACIAS ! yo estoy armando de a poquito mi Blog y tus tutoriales me sirven de MUCHO ♥ (:

    ResponderEliminar
  7. de nada wapa =D!! me alegra que te sean utiles !!

    ResponderEliminar
  8. Annyz tu blog me ha ayudado de mucho *-* me gustaria mucho q hicieras un tutorial de como colocar ese mensaje de bienvenida y como colocarle los iconitos :c soy una principiante un besote y sigue así n.n

    ResponderEliminar
  9. hola dolly:

    el mensaje que tengo no son mas que simplemente letras que he pegado es algo facil sin complicaciones, mira te doy el link de donde saque los letreros

    http://annyz-kawaii.blogspot.com/2011/07/letreritos-animados.html

    espero te sirva.. saludos ^^!

    ResponderEliminar
  10. hola :D muchas gracias primero no me habia funcionado pero era porque no habia marcado expandir artilugios gracias de nuevo XP
    que tengas un lindo dia

    ResponderEliminar
  11. Anny me SUPER ENCANTA tu blog
    tienes cositas muy divinas!!
    y que me han ayudado muuuuchiisiimo en bmi blog
    pero tengo una duda
    en muchos blogs he visto que ponen separadores
    en el pie de pagina o footer
    y quería ver como se hacia para poner uno!!
    porque en la red no encuentrooo ningun tuto!! y quizas tu me podrias ayudar? :D
    y me gustaria que pusieras mas imagenes lindas para e personalizar las entradas antiguas y recientes!!
    Gracias de antemano!! :D
    Bendiciones!! :)

    ResponderEliminar
    Respuestas
    1. hola principezhka muchisimas gracias por tus palabras me animan mucho n.n respecto a lo del separador como que no me doy una idea xD me puedes pasar una pagina donde lo viste? y claro cuando tenga tiempito hago mas imagenes para las entradas antiguas =D besos

      Eliminar
  12. ¡Super! ¡Muchísimas gracias, Annyz!!!

    ResponderEliminar
  13. waaaaa gracias por todo de verdad muy lindo tu blog eres la mejor >w<!!!

    ResponderEliminar
  14. annyz muchas graxias!!!el tuto es genial...lo pondre en practica!!!
    chiao~su

    ResponderEliminar
  15. Muchas gracias, buscaba esto y gracias a ti ya luce mejor mi blog.
    Me ha servido. Gracias cielo.

    ResponderEliminar

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