sábado, 15 de septiembre de 2012

Numero de comentarios junto al post

hola chicas hoy vengo con un tuto nuevo !!! sha la la  la ~~ les voy a enseñar como hacer que junto a su titulo de la entrada aparezca el numero de comentarios que tienen PERO muy personalizado ^^


    Okii quedando claro a que nos referimos!
    empecemos sha la la la ~~

     Diseño   >>> Edición de HTML   >>> Expandir plantillas de artilugios  

    busca esta línea:

    <b:includable id='post' var='post'>
    una ves localizada esta linea, pegamos justo debajo el siguiente codigo:

    <span class='post-comment-link-arriba' style='font-size:24px; background: url(http://2.bp.blogspot.com/_qgZA1ny_dAs/TAMD0pviQsI/AAAAAAAAEQE/wIJ6xT5MjFA/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;'>
    <b:if cond='data:post.allowComments'>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
    </b:if>
    </span>

    y..... taran    tendrás el número de comentarios arriba de la entrada muy kawaii y sexi 



    Por supuesto puedes cambiar el icono por otro, sólo cambia lo que está en color amarillo por la URL de tu icono.

    Si cambias el icono deberás cambiar donde dice width (ancho) y height (alto) por las medidas del nuevo que has puesto.

    El tamaño de los números se cambia donde dice  font-size:24px; y la posición de los mismos en donde dice padding:5px 7px 0 5px;



    les he hecho unas fondiitos para sus numeros de comentarios ^^ los hice con mucho cariño espero les gusten okii.....

    sus medidas son de  width:84px; height:80px


    http://1.bp.blogspot.com/-gHc_BgYi1lI/UFUY1MToIlI/AAAAAAAACXM/kSM9sz0UngQ/s1600/xfiosdeluz25mmmb.png
    http://2.bp.blogspot.com/-znqB93JFfTk/UFUY2GTGRmI/AAAAAAAACXU/-P-FK4BSB-o/s1600/xfiosdeluz25mmm.png

    http://2.bp.blogspot.com/-RS7yRjppoSk/UFUY3ssG_AI/AAAAAAAACXc/hV2fFFoD2mU/s1600/ui8+.png

    http://2.bp.blogspot.com/-MZFcwTGLA-w/UFUY4j8-SMI/AAAAAAAACXk/NRnJVi4RRhc/s1600/sw.png

    http://4.bp.blogspot.com/-9Mpx8YGNPzM/UFUY6XwMQ2I/AAAAAAAACXs/wTxvDSqOAiE/s1600/ijpojp.png

    http://2.bp.blogspot.com/-kq08fYdPJk0/UFUY74K_7LI/AAAAAAAACX0/QoHrJElQJCA/s1600/comment_bubblef_10+copia.png

    esta esta mucho mas grande sorry x.x
    http://1.bp.blogspot.com/-N-UcFMnXUvQ/UFUZHpk8WkI/AAAAAAAACX8/FeswWYDVCjk/s1600/png+by+annyz+blog+(20).png



     Notiita: para que quede super mas liindo tienes que lograr que el numero quede justo dentro de la cajiita (imagen) de comentarios okii! no puede quedar ni muy allá ni peor acá   :P

    No olviden cOmentar y  si tienen alguna duda o problema con este tuto o codigo olo que sea no dude en consultar conmigo okii ^^

               

    17 comentarios:

    1. sii de verdad me gusto mucho >.< ame el del ositoo esta bien lindoooo *v* grax por el tuto

      ResponderEliminar
    2. omg! no sabia que se podia hacer eso, gracias por el tuto Vale nwn! se ve adorable <3

      ResponderEliminar
      Respuestas
      1. jejejej ahOra ya lo sabes jajaj esq no se como lo encontre no era lo que buscaba perolo encontre y me parecio genial yo solo lo personalice y le dio un poco de color a lo original ^^

        Eliminar
    3. Que mono~! No sabía que se podía hacer eso :DDD Gracias por enseñárnoslo :3
      Tienes un blog adorable :3 Pásate por el mio cuando puedas
      http://88brokenmirrors.blogspot.com.es/
      Nos seguimos :))

      ResponderEliminar
    4. ♥.♥¡¡me gusta muxo tu blog n.n¡ ya soy tu seguidora *-* me gusto el de conejito lo pondre en mi blog , gracias por por poner este tuto muy lindo n.n¡¡

      ResponderEliminar
      Respuestas
      1. okii! estoy segura que se vera liindo en tu blog :)

        Eliminar
    5. me encanta muy original
      *oo*
      te felicito omg
      luego lo intentare saluditos

      ResponderEliminar
    6. Hola... quisiera hacerta una pregunta ...

      Como haces para poner esos gifs en tus entraditas cuando escribes??

      ResponderEliminar
      Respuestas
      1. hola, ley la verdad esq no es ningun truco en especial!! yo solo tengo abierta la pagina de gifs mientras escribo, copio y pego el gif en donde quiero que este y asi con todos los que ves

        Eliminar
    7. COMO HACES PARA QUE QUDE DENTRO DE LA CAJITA?




      ResponderEliminar
    8. muchisimas gracias me encanto el tuto

      ResponderEliminar

    Gracias por dejar tu lindo comentario, seguro que te lo devuelvo n.n