viernes, 27 de abril de 2012

poner un separador al pie de la entrada [Footer]



Pedidoo pedidoo ~~
aww tengo un monton de tutoriales pendientes pero los ire poniendo poco a poquito paciencia sip:( por ahora pondre este ya maniana pondre el del (osito de clic)que tanto han pedido tanto
okis ^^

Asi se veria el divisor al final de cada entrada



el separador aparecera automaticamente al final de todas sus entradas ^^

bueno empezemos:

busca el codigo . post {

y pega el siguiente codigo abajo de text-align: left; o justo antes de la llavecita "}"

background: url(URL DE TU DIVISOR)no-repeat;
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;


ejemplo



quedaria asi:



Ahora solo das vista previa y guardar

y para las que no encontraron ese codigo y tienen la plantilla Picture Windows como yo buscan este codigo:

.post-footer {


y pegan este codigo justo abajo de margin: .5em 0 0;

background: url(URL DE TU DIVISOR)no-repeat;
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;


Asi quedaria:



y el ultimo pasito es dar vista previa y guardar.


35 comentarios:

  1. no se si es cosa mia pero no se que codigo pegar

    ResponderEliminar
    Respuestas
    1. ahhahaha si es cierto laresky ... no puse el codigo T.T errOr mio sorry pero ya lo acabe de poner.. GRACIAS por avisarme =D

      Eliminar
  2. hola cielo acabo de leer tu mensaje
    al final lo encontre en uno de tus tutoriales ^^ de momento todo bien jejej como puedes como deje el blog XDD, buenos aportes tutoriales cielo me binieron muy bien!!!

    ResponderEliminar
  3. Ola, mira estaba mirando cositas en internet y he visto tu fantastico blog :) me preguntaba si podrias hacerme un tuto en el cual explicarme como haces con los codes de la c-box e imagen de subir. gracias :))

    ResponderEliminar
    Respuestas
    1. hola mirii en la categoria tutoriales ahi encontraras los 2 tutos que estas buscando ^^ saludos

      Eliminar
    2. uuh mire pero no vi, solo encontre uno d como ponerle una imagen a la c-box...

      Eliminar
    3. la otra es imagen estatita en el blog asi le puse.. te recomiendo el modoo facil pOes es solo copiar el codigo y pegarlo en un gadget.

      Eliminar
  4. ¡Hola, Annyz! Verás, querría un tuto de cómo hacer lo de las reglas que tú tienes. Lo de que cuando clickeas en la imagen te sale esa ventanita desplegable. ¿Me lo puedes decir?
    ♥Meggy♥

    ResponderEliminar
    Respuestas
    1. sip ese es mi siguiente tutorial a poner.. en esta semana ya queda

      Eliminar
  5. Una cosa annyz, mi separador queda muy pegado a la entrada, ¿que puedo cambiar para que este más separado? D:
    Psd; Tube que usar el segundo codigo

    ResponderEliminar
    Respuestas
    1. amm nop nena asi queda en en todas las plantillas no se puede separar.

      Eliminar
  6. Tienes un blog muy kawaii!!
    me encanta :P

    yo te sigo, me gustaria que vieras el mio y darme algun consejo sore como mejorrarlo que es nuevito ewe

    http://tokubetsuna.blogspot.com.es/

    ResponderEliminar
  7. Holaa puedes poner un tutorial del buscador que tienes es muy lindo que dice busca en mi blog y tiene alitas a los lados es muy cool!! y me gustaria que pusieras un tuto sobre eso para mi blog!! gracias espero que me respondas

    ResponderEliminar
    Respuestas
    1. amm no pongo ese tuto porque no me ha quedado bien el buscador.. osea no busca.. aun no doy con el problema. por ahora solo lo tengo de adorno xD

      Eliminar
  8. hola annyz que tal quisiera preguntarte algo se podria saver como haces para que dandole clic a tu osito que dice clic aqui (donde salen tus reglas) te salga ese anuncio si hay alguun tutorial?
    cuidate saludos ;)

    ResponderEliminar
    Respuestas
    1. sip es mi proximo tutorial en estos dias ya lo pongo ^^

      Eliminar
  9. Anny soe yo Princepezhka pero esta vez con mi nombre real xD hasta ahorita acabo de chekar tus respuestas!! ^^!
    graaaacias infinitas ya lo pondre en practica!!
    eres lo MAX nena :D
    sigue asii11 :D

    ResponderEliminar
  10. muchas graaaaacias de hace ratito que queria saber como colocar los separadores xDDDDD

    ResponderEliminar
  11. Holaa! espero que estés bien porque tienes un premio en mi blog :3 Cuídate, bye! ~

    ResponderEliminar
  12. Hola Annyz soy nueva por aqui pero ya habia visto tu blog hace mucho!
    Acabo de empezar con mi blog & espero que te pases! Todo lo que hay en mi blog ah sido gracias a vos :3 & puse créditos abajo en la página ;) hermoso blog no dejo de visitarlo! http://infinitekawaii.blogspot.com/

    ResponderEliminar
  13. holaaa, soy Patricia de kawaiicuteblog, una cosita es un pedido que te quiero hacer desde hace tiempo pero no sabia que aceptabas pedidos, bueno a lo que ibamos, si no te importa so dos:
    1) lO DE LAS CARPETITAS NO CONSIGO DESCARGARLAS Y NO SE COMO PONERLA EN LAS CARPETAS DE MI ORDEENATA!!!! :(

    2)PUEDES ENSEÑARNOS A HACER ESO COMO LO DEL PUSHEEN POR FAVOR.

    Bueno eso es todo espero que lo hagas un besooo
    xaoooo <3<3<3

    ResponderEliminar
    Respuestas
    1. hola nena sorry pero sip no hago pedidos este dije que era unh pedido pq ya bastantes personas eran las que me habian dicho que lo pusiera como ya eran muchas pOes weno lo puse xD pero igual te digo:

      lo de las carpetitas ya lo arregle ya estan en otro servidor y se pueden descargar.. sobre como ponerlas ahi mismo trae una hojita de notas que dice como ponerlas.. ^^

      lo del pushen amm son solo render o.o

      Eliminar
  14. Perdona mi ignorancia pero solo es el url de la imagen lo que se cambia no? D: Es que no me sale jaja Gracias ^^

    ResponderEliminar
    Respuestas
    1. sip solo tienes que poner la url de la imagen.. encontraste los codigos??

      Eliminar
  15. no me sale T.T porque? busco el codigo perfectamente de hehco me sale esto
    text-align: left;
    margin: 0 auto 0;
    padding: 0;
    background: url(http://2.bp.blogspot.com/-wJkGVpIc99E/Tg4XzNQsO-I/AAAAAAAAA_A/9Lvmvy8p8CE/s1600/line73.gif)no-repeat;
    background-repeat: no-repeat;
    background-position: bottom center;
    margin:.5em 0 1.5em;
    padding-bottom:2.5em;
    }

    pero no me resulta T.T

    ResponderEliminar
  16. cual es el codigo que encontraste??? el primero o el segundo

    ResponderEliminar
  17. Respuestas
    1. hola nena no es dificil solo sigue al pie de la letra el tuto y veras que te funciona :)

      Eliminar
  18. Hola Annyz, ¿Como estas? Bueno, espero que boen. Mi problema es este: Cuando busco en la dirección HTML de mi plantilla, no me sale este codigo: post { y cuando busco este: .post-footer { Me sale pero lo que no me sale es este codigo: margin: .5em 0 0; Me aparece un solo 0, no dos. ¿Que hago Annyz? Sera la interfaz de blogger o la plantilla?

    ResponderEliminar
  19. Holaa annyz no lo entiendo! osea que codigo no diste ningun codigo solo 2 que son re cortitos

    ResponderEliminar

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