Cambiar de lugar datos del post-footer

7 de julio de 2010 422 comentarios ,
Las plantillas por lo general tienen los datos del post-footer justo ahí, en el post-footer, es decir, debajo de las entradas. Estos datos son las etiquetas, el autor, la hora, el número de comentarios, etc.

Muchos me preguntan cómo poner esos datos debajo del título de la entrada, así que vamos a ver cómo mover de lugar estos datos. Lo único que haremos es cortar y pegar; nada del otro mundo, un proceso que no nos deberá quitar mucho tiempo, sólo debemos tener cuidado de cortar el código correcto sin omitir o "comernos" algún caracter, de lo contrario aparecerán errores que no dejarán guardar la plantilla.

Primero entra en Diseño | Edición de HTML marca la casilla Expandir plantillas de artilugios y busca esta línea:
<div class='post-footer'>

Debajo de ella estarán los códigos que vamos a trasladar, te recomiendo que lo hagas uno por uno, y por cada movimiento que hagas le des Vista previa para verificar que lo has hecho correctamente.

En todos los casos vamos a cortar los siguientes códigos y pegarlos debajo de esta línea:
<div class='post-header-line-1'>

Ahora sí, vamos a cortar estos códigos y pegarlos debajo de la línea que acabamos de mencionar.


Para mover el Autor
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

Para mover la Hora
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

Para mover las Etiquetas
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>

Para mover el Link de comentarios
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>

Para mover el icono de Envío de entradas
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='//www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

Para mover la opción de Enlaces a esta entrada
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</b:if>
</span>

En algunos casos es posible que estos datos queden muy pegados al cuerpo de la entrada, si es así entonces agrega debajo del último código que pegues esto:
<br />
O esto
<hr />

El primero es un salto de línea, el segundo es una línea que dividirá estos datos de la entrada.
También puedes poner un caracter especial que divida los datos entre cada uno tal como se ve en mi blog, para hacerlo sólo agrega después de cada código cualquier caracter que te guste, por ejemplo este |

O bien, puedes poner un icono delante de cada código, sólo agrega esto al inicio de cada código que agregues:
<img src='URL del icono' border='0' />

Si en lugar de mover los datos quisieras recuperar alguno que no tengas o que hayas eliminado anteriormente sólo agrega el código que le corresponde y listo.

También puedes darle un poco de estilo a estos datos como un color de fondo, un borde, etc.
Sólo pega antes de ]]></b:skin> esto:
.post-header-line-1 {
background:#F5F6CE;
border:1px solid #eee;
font-style:italic;
}

O si no ves ningún cambio entonces agrega esto:
.post-header {
background:#F5F6CE;
border:1px solid #eee;
font-style:italic;
}

Ahí puedes agregar todos los estilos que desees, la forma como lo personalices quedará a tu creatividad.


422 comentarios en:

" Cambiar de lugar datos del post-footer "

  1. Muy bueno el post...interesante... creo que lo intentare mas adelante...saludos y espero visites el blog.... muchas gracias

    ResponderEliminar
  2. wenaa ahi si, siempre me a gustado adronar el post-footer, tambien podrias agregar como ponerle un background de fondo solo al post-footer y ponerle borde, etc.


    Saludos potro ;)

    ResponderEliminar
  3. De hecho el post-footer generalmente ya viene con estilos en la plantilla, sólo es cuestión de agregar o quitar lo que se desea.

    ResponderEliminar
  4. Hola Potro:
    Gracias por tu voluntad, me refiero a mi solicitud personal.

    Saludos y siempre a tu disposición.
    Jpz.-

    ResponderEliminar
  5. vamos españa k hemos ganado y potro alegrate, por cierto muy bueno

    ResponderEliminar
  6. una pregunta potro he intentado buscar en tu blog como un anuncio pero no flotante de estos que te informan pero no lo encuentro

    ResponderEliminar
  7. Mira qué bueno lo que explicas :) no había pensado en ello.
    Saludos!

    ResponderEliminar
  8. Jpz, por nada, espero que te hayan agradado las imágenes.

    mariocrack6, no sé exactamente como cuál buscas, aquí hay uno.

    Graciela, por si un día se ofrece ahí está :)

    ResponderEliminar
  9. Wow!! Es mágico!! jajajaja... Tengo dos cosas que decirte:

    1) si hubieses publicado esto antes, no te hubiese molestado tanto cuando cambié la plantilla XD

    2) No sabía lo de hr/ o_Ó

    Gracias Bro, está excelente el post!

    Un abrazo!!!

    ResponderEliminar
  10. Hola, gracias por sus tutoriales. Quiero saber si se puede hacer que al pasar el mouse sobre la cabecera o header del blog... este cambie.

    ResponderEliminar
  11. ¿Cómo sería el código de los botones para compartir que vienen de "serie"?

    Gracias

    ResponderEliminar
  12. Olaf, gracias a ti por tu visita :)

    brother, creo que todo lo publico después de que te has roto la cabeza jajaja.

    Norberto Briones, deja programo un post para explicarlo.

    Javierlota, supongo que te refieres a estos.

    ResponderEliminar
  13. Muchas gracias, me sería de mucha utilidad.

    ResponderEliminar
  14. Wao Potro Me Encanto, Tus Entradas Relacionadas Osea El Recuadro De Abajo, El De Mas Trucos!.. :D Buen Trick, Esta Bueno Que Lo Publiques :)

    ResponderEliminar
  15. Muy bueno.
    Una preguntita: cómo se puede eliminar el "publicado por" para que aparezca solamente el nombre del autor del post?
    Gracias!

    ResponderEliminar
  16. Tamos, ya lo encontré.
    A cambio otra preguntita: cómo se puede hacer para que el nombre del autor salga en letra más pequeña y en negrita?
    Gracias.

    ResponderEliminar
  17. Agrega antes de ]]></b:skin> esto:

    .fn {
    font-weight: bold;
    font-size: 9px;
    }

    Ahí le cambias el tamaño por la que quieras.

    ResponderEliminar
  18. Y a los que nos gustaria colocarlo debajo en vez de debajo del Titulo!!=S

    ResponderEliminar
  19. Entonces pega esos datos debajo de la primera línea que se menciona. Generalmente van después de:
    <div class='post-footer-line post-footer-line-1'>

    ResponderEliminar
  20. Hola Potro disculpa q me salga del tema pero como puedo editar las paginas de google poniendole algunas cosas

    Espero tu respuesta y grax
    Saludos...

    ResponderEliminar
  21. Perdon eran las paginas de blogger disculpa xx el error

    ResponderEliminar
  22. ¿Exactamente qué deseas hacer con ellas?
    Lo único que tengo para personalizar las páginas estáticas es esto y esto.

    ResponderEliminar
  23. muy buen post potro ,una pregunta y si quiero que el nombre del posteador salga de otro color cual seria el codigo .?

    ResponderEliminar
  24. jaja bueno ya lo solucione solo era agregar color:#666;pero gracias de todos modos..

    ResponderEliminar
  25. potro una pregunta como cambiarle en ves de que diga etiquetas que diga posteado en: espero la respuesta

    ResponderEliminar
  26. Cambia donde dice <data:postLabelsLabel/> por el texto que quieres que aparezca.

    ResponderEliminar
  27. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  28. gracias gracias quedo perfecto¡¡

    ResponderEliminar
  29. Que tal Potro, hola :)

    Estaba viendo esto y queria saber si esos datos no se pueden poner en la sidebar como un gadget o algo y usar los metodos que tu tienes aqui para ocultar gadgets y asi, principalmente lo que es lo de etiquetas, porque yo las quité del post footer por un poco de estetica pero ahora no salen en ningun lado y pues las etiquetas sirven para el el SEO etc
    pues esa es mi duda

    saludos :)

    ResponderEliminar
  30. Hola Javier Carlos,

    Mira esta entrada de JMiur que explica justamente cómo poner esos datos en la sidebar.

    Saludos.

    ResponderEliminar
  31. Seguro me lo haces a propósito :P jajajajaja

    Un abrazo!!!

    ResponderEliminar
  32. Jajajaja, cualquiera pensaría eso pero no, sería incapaz de vengarme por un simple horno de microondas, jajaja.

    Un abrazo!

    ResponderEliminar
  33. Ohhhhh no!! y no te olvidas mas!!! yo pensé que el tiempo me iba a hacer ahorrar ese dinero :P XD

    ResponderEliminar
  34. Buenos días muy de mañana, Potro.
    Vengo con cuestiones sobre el footer, he estado buscando aquí una posible respuesta, pero no lo he encontrado.
    Verás, ando queriendo cambiar la plantilla de la cueva del sonido, resulta que no se ve igual con Mozilla que con IE, y por más que modifico y cambio no tengo manera de hacer que se vea bien con los dos navegadores.
    He estado rebuscando una plantilla que me guste y he dado con Pixel (http://btemplates.com/page/51/).
    He hecho pruebas en el blog de pruebas (ayyyy que redundo jajajajajaj) y resulta que esta plantilla ya viene con el footer dividido en tres, y necesitaria además tenerle entero, es decir, otro footer que ocupe toda la parte entera de abajo, más o menos como en el blog Ío, que tengo el footer normal y el otro con tres partes.
    Lo he modificado yo misma, bueno, lo he intentado, pero nada, no soy capaz de hacerlo, inutil que es una.
    Te pido ayuda, Potro, cuando tengas un ratuco perdido le echas un vistazo, ¿si?
    Gracias¡¡¡¡¡¡¡¡¡¡ no sé que haría yo sin ti
    Te deseo un hermoso día
    Besos

    Ío

    ResponderEliminar
  35. Hola Ío,

    Sólo busca esta línea en tu plantilla:
    <!-- end morefoot -->

    Debajo de ella agrega esto:
    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>
    </div>

    Con eso aparecerá otro footer debajo del que ya tienes dividido en tres.

    También te deseo un lindo día :)
    ¡Besos!

    ResponderEliminar
  36. Mil gracias, Potro, ya lo he hecho, ya está el blog más o menos adecentado ..... he de retocar algo, pero por ahora es suficiente.
    Que disfrutes de un buen fin de semana
    Besos, hombre de respuesta pronta y siempre amable

    Ío

    ResponderEliminar
  37. En los estilos no existe pero lo puedes agregar, sólo pon esto:

    .post-labels, .post-labels a {
    ...aquí los estilos...
    }

    ResponderEliminar
  38. Hola Ali, ya te he respondido en la otra entrada donde dejaste el comentario.

    Saludos.

    ResponderEliminar
  39. http://ciudadblogger.com/2010/02/poner-separadores-entre-las-entradas.html

    ResponderEliminar
  40. Arriba y abajo no sé, pero puedes moverla a la izquierda. Sólo busca esta línea:
    <b:include data='post' name='postQuickEdit'/>

    Y cambiala por esta:
    <div align='left'><b:include data='post' name='postQuickEdit'/></div>

    Con eso se alineará a la izquierda.

    ResponderEliminar
  41. Supongo que te refieres al de la fecha tipo calendario, si es así sólo busca debajo de #fecha { donde dice float:left; y cambia ese left por right

    ResponderEliminar
  42. Entonces no sé, pero puedes preguntar donde hayas sacado el código de esa fecha para que te digan si es posible ponerlo en otra área del post como lo deseas.

    ResponderEliminar
  43. Buenas de nuevo potro, como podria poner las etiquetas de los post a la izquierda del rating por estrellas, si es que se puede

    ResponderEliminar
  44. perdon a la derecha de las estrellas y que no se quede debajo

    http://jmgvideosycaps.blogspot.com/

    ResponderEliminar
  45. Pues generalmente no se puede poner nada al lado del rankin de estrellas pero puedes intentarlo, sólo pega el código de las etiquetas después de este:

    <span class='star-ratings'>
    <b:if cond='data:top.showStars'>
    <div expr:g:background-color='data:backgroundColor'
    expr:g:text-color='data:textColor'
    expr:g:url='data:post.absoluteUrl'
    g:height='42'
    g:type='RatingPanel'
    g:width='180'>
    </div>
    </b:if>
    </span>

    ResponderEliminar
  46. Gracias potro, pero lo he intentado como dices y nada queda igual, gracias de todas forma por contestar

    ResponderEliminar
  47. Entonces sí es como me lo temía :\
    Es toda una odisea tratar de mover o alinear el ranking incluso, supongo que por las mismas razones (que desconozco) es que no se puede poner nada al lado de ellas.

    ResponderEliminar
  48. uauh, potro, esta entrada es la repera limonera!!!!!, MIL GRACIAS, la añado a favoritos, ahora ya puedo manejarme mejor por esos líos..ahora sí, :))).
    Abrazo!

    ResponderEliminar
  49. Vale Sofía, qué bueno que ya lo has solucionado ;)

    ResponderEliminar
  50. Hola Potro, en mi blog la fecha está situada encima de la entrada (como viene en blogger por defecto), y a mi me gustaría colocarla debajo de las entradas, al lado del autor, etiqueta,... con el formato de día/mes/año, ¿Qué es lo que tengo que hacer?

    Gracias de antemano

    ResponderEliminar
  51. Sólo expande artilugios, busca y corta esta etiqueta:
    <data:post.dateHeader/>

    Luego pégala debajo de algunos de los códigos que se muestran en esta entrada según donde quieras que aparezca.

    ResponderEliminar
  52. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  53. Gracias Potro ya lo hice, y me quedó tal y como yo quise, pero ahora tengo otro problema, cuando publico dos o más entradas en el mismo día solo me sale la fecha en la primera que publico, ¿Cómo puedo hacer para que salga en todas las entradas?

    Como siempre, gracias por adelantado

    ResponderEliminar
  54. Así es como Blogger muestras las fechas de las entradas. Alguna vez vi en un blog que explicaban cómo hacer para que se vea la fecha en las entradas del mismo día pero no recuerdo en cuál blog era :\

    ResponderEliminar
  55. Potro lo encontré en este link
    http://www.seomarketingtools.org/index.php/2009/01/inserta-la-fecha-de-cada-articulo-en-blogger/
    pero lo explica muy mal y no fui capaz de insertarlo en mi plantilla, quizás tu lo podrías explicar en condiciones.

    Gracias y perdón, si soy algo plasta

    ResponderEliminar
  56. Lo que sucede es que esa entrada está un poco desactualizada.
    Expande los artilugios, busca esta este código:

    <b:if cond='data:post.dateHeader'>
    <h2 class='date-header'><data:post.dateHeader/></h2>
    </b:if>

    Y sustituyelo por este otro:

    <b:if cond='data:post.dateHeader'>
    <script>var ultimaFecha = '<data:post.dateHeader/>';</script>
    <h2 class='date-header'><data:post.dateHeader/></h2>
    <b:else/>
    <h2 class='date-header'>
    <script>document.write(ultimaFecha);</script>
    </h2>
    </b:if>

    Con eso tendrás la fecha en todas las entradas.

    ResponderEliminar
  57. Muchas gracias Potro, sin ti no lo habría coseguido, porque por muchas vueltas que le daba no sabía lo que había que hacer.

    Una vez más, muchas gracias.

    ResponderEliminar
  58. Potro tengo un pequeño problema.
    Inserté los iconos delante de cada código, tal y como tu lo explicas, y me salió todo perfecto, como yo quería. Pero cuando lo guardé y fui al blog a probar como quedaba, pinché en una de las páginas estáticas, y me salieron los iconos, ¿Cómo los puedo quitarlos de las páginas estáticas?

    Te dejo mi dirección para que lo veas, por si no me he explicado bien:http://elbarco-blog.blogspot.com/

    Gracias por adelantado

    ResponderEliminar
  59. Pues podrías usar un código condicional para hacer que en las páginas estáticas no se muestren.
    Es decir, mira esta entrada y checa el código que dice 'Mostrar /ejecutar un elemento en todas las páginas MENOS en las páginas estáticas'
    Ese es el que deberás usar, y donde dice '...Aquí va el código del elemento...' es donde irá el código del icono que agregaste.

    ResponderEliminar
  60. Muchísimas gracias Potro, ya lo realizé, y ahora sí quedó perfecto

    ResponderEliminar
  61. potro en mi plantilla no encontre nunca el post footer :(

    http://portalfoxmix.blogspot.com

    te agradeceria ayudarme gracias :)

    ResponderEliminar
  62. Es que tu plantilla está demasiada modificada, pero puedes ponerlos debajo de:

    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    ResponderEliminar
  63. Hola los comentarios solo me aparecen en la ultima entrada me gustaria que apareciesen en todas las entradas mira haber sime puedes ayudar, Gracias
    Te dejo la dirección de mi blog

    http://www.cgtsanidadmadrid.org/

    ResponderEliminar
  64. Lo que pasa es que usas el sistema de Leer más y ahí no tienes incluido el enlace. Busca de nuevo el área del post-footer y notarás que tienes dos, en uno sí lo tienes pero necesitas agregarlo en el otro.

    ResponderEliminar
  65. Hola Potro. Antes que nada enhorabuena por tu blog que es de grandísima ayuda. Quisiera saber como poner las etiquetas despues de "leer más", es decir, que no salga en el resumen de la portada, sino al final de la entrada completa, despues de pinchar en "leer más".

    ResponderEliminar
  66. Encierra los datos del post footer entre:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    y

    </b:if>

    ResponderEliminar
  67. Hola Potro, tengo un problema, y esque en un principio no quería usar el iconito ese de enviar entrada por correo electrónico, a facebook, twitter, etc. Asi es que le dí para que no apareciese. Pero despues de haber hecho unos cambios en mi plantilla he decidido que quedan mejor con ese icono. Pero por haber hecho cambios en la plantilla ya no me aparece, ¿Cuál es el código para volverlo a insertar?

    Saludos y gracias por adelantado.

    ResponderEliminar
  68. Hola Marina,

    Mira esta entrada, ahí se explica cómo recuperarlos.

    Saludos.

    ResponderEliminar
  69. Hola Potro, ya los he recuperado, y quería darte las gracias de corazón por haberme ayudado.

    Llegué a tu web por recomendación de un amigo, vendita a la hora que le hice caso.

    Saludos.

    ResponderEliminar
  70. Qué bueno que ya está resuelto y bienvenida a Ciudad Blogger :)
    ¡Saludos!

    ResponderEliminar
  71. Hola Potro:
    Como bien presagié,y dado que me diste libertad para hacerlo, aquí estoy con más preguntas;me he leído todos los comentarios del post, por si hubiera algún otro caso similar pero no, así que paso a explicarte.
    Estoy trabajando con la plantilla Mínima blue, y si bien, trae en el footer el espacio acondicionado para añadir gadgets, éste es de "una sola pieza" y me gustaría más poder dividirlo en 3 ó 4 columnas.
    He visitado varios blogs de ayuda - los que tú nos aconsejas- y después de añadir varios códigos y formas de hacerlo,no puedo nunca acceder a la vista previa, me sale este puñetero mensaje:
    "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 processing instruction must begin with the name of the target."
    Creo que si me hablaran en chino, no tendría tantas dificultades como con estos mensajes.
    ¿Qué opinas? ¿Puedes ayudarme?
    Te comento tambien que, la plantilla, es la original clásica de Blogger, quiero decir que no la he modificado, para nada, con el diseñador.
    Gracias y hasta pronto.

    ResponderEliminar
  72. Hola ,

    De hecho en uno de esos blogs de ayuda (Gema Blog) tienen una entrada que explican justamente eso, cómo añadir tres columnas de gadgets en el área del footer. Puedes ver la explicación en este enlace:
    gemablog-.blogspot.com/2009/04/columnas-en-el-footer.html

    ¡Saludos!

    ResponderEliminar
  73. olle potro ya lei todos los comentarios y me sirvieron mucho para moverle a la fecha y a las etiquetas pero me qedan una arriba de la otra y quisiera saber si pueden estar una a la de la otra asi como muestras aqui en tu blog?
    gracias!

    ResponderEliminar
  74. Posiblemente es por la plantilla que usas ¿en qué blog lo has puesto?

    ResponderEliminar
  75. en el de lady gaga, es el que estoi cambiando a co.cc o algo asi hago los cambios y miro si se miran bien con vita previa, eso no influye en el cambio?

    ResponderEliminar
  76. No he podido verlo porque aun siguen distribuyéndose los DNS pero supongo que debe ser por el tipo de plantilla que tienes.

    ResponderEliminar
  77. ya pasaron las 48 horas y no sige con el error!:S

    ResponderEliminar
  78. me refiero qe ya paso el tiempo (48h) y igue saliendo el error!

    ResponderEliminar
  79. Prueba cambiando la configuración de Blogger cambiando del dominio personalizado a .blogspot guarda los cambios y regresa de nuevo a dominio personalizado.
    Si con eso sigue sin verse verifica de nuevo en el panel de .co.cc que tengas bien los datos de configuración.

    ResponderEliminar
  80. como lo devuelvo a .blogspot?

    ResponderEliminar
  81. En Configuración > Publicación, arriba dice 'Cambiar por: blogspot.com'

    ResponderEliminar
  82. listo ya quedo en blgspos GENIAL, aora si me puedes ayudar por eso de que las etiquetas quedan debajo de la fecha?:D

    ResponderEliminar
  83. Entonces si es la plantilla, una solución podría ser eliminar lo que está en negrita:

    <h2 class='date-header'><span><data:post.dateHeader/></span></h2>

    ResponderEliminar
  84. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  85. si me sirvio pero solo para la primera entrada! XD

    ResponderEliminar
  86. Es porque tienes repetida esa línea, busca otra como esa y haz lo mismo.

    ResponderEliminar
  87. listo ya logre lo que queria, MUCCHAS GRACIAS!
    no se que aria si este blog no existiera!:D
    XD

    ResponderEliminar
  88. porfin logre cambiar mi blog!

    ResponderEliminar
  89. Me puede decir como coloco al final del post que no aparesca cuando coloco leer mas

    si no dentro

    aparesca al final del post la Hora y el autor

    Totalmente al final junto con las etiquetas

    ResponderEliminar
  90. Si quieres que no aparezcan en la portada que es donde aparece el Leer más, entonces encierra cada código de estos del post-footer con una condicional, exactamente con la que dice que es para Mostrar o ejecutar algo sólo en las entradas individuales.

    ResponderEliminar
  91. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  92. BUf gracias por poner ahora quiero saber como mover los botones compartir de blogger por favor

    ResponderEliminar
  93. El de los botones es este:

    <div class='post-share-buttons'>
    <b:include data='post' name='shareButtons'/>
    </div>

    ResponderEliminar
  94. Buf gracias mira como esta ahora

    http://www.lockerzlatinos.com

    que mas me recomendas hacer

    ResponderEliminar
  95. Hola Potro,

    ¿Como puedo hacer para que los datos del post-footer y los del post-header tengan un tamaño de letra diferente al del resto del blog?

    Saludos y gracias por adelantado.

    ResponderEliminar
  96. Hola Marina,

    Puedes agregar los estilos de esta forma:

    .post-footer {
    font-size:10px;
    }

    O bien, en esta área:
    .post-header {
    font-size:10px;
    }

    Saludos.

    ResponderEliminar
  97. Muchas gracias Potro, me ha sido de mucha ayuda.

    PD: ¿Como se hace para poner un texto encima del cuadro de comentarios, tal y como lo tienes tú?

    Si no me explico bien es el de 'Gracias por tus comentarios. Si tienes...'

    Saludos

    ResponderEliminar
  98. Sólo entra en Configuración > Comentarios y donde dice 'Mensaje del formulario de comentarios' ahí escribe el texto que deseas mostrar.

    Saludos.

    ResponderEliminar
  99. Hola, muy bueno, pero tengo una duda, como seria para ponerlo exactamente alado del titulo de la entra, o dicho de otra manera que este en el top del lado derecho, muchas gracias por todos los tutoriales, me han ayudado bastante.

    ResponderEliminar
  100. Probablemente encerrando todos esos códigos entre <div style="float:right; margin-top:-30px;"> y </div>

    Nunca lo he intentado pero podría funcionar.
    Saludos.

    ResponderEliminar
  101. Exelente muy bueno gracias, solo le agregue a ese div un margin-right y un condicional.
    Gracias de nuevo Potro.

    ResponderEliminar
  102. Hola Potro,
    Estoy haciendo un segundo blog para publicar temas solo para personas que autorizo. Si entras en este link:http://traderpirata.blogspot.com/p/calculo-de-niveles.html
    veras que al final en la zona de comentarios aparece un lapiz y una franja blanca -como puedo eliminar ambas cosas o que no se vean? . Gracias, como siempre, por tu ayuda que me ha salvado de muchos rompederos de cabeza.
    Saludetes
    Patapalo

    ResponderEliminar
  103. Hola Patapalo,

    El lápiz sólo pueden verlo los que tienen permisos para publicar entradas, el resto de nosotros no podemos verlo. Si quieres quitarlo para todos entra en Configuración > Básico > ¿Mostrar Edición rápida en su blog? > No.

    La franja blanca que mencionas es el post-footer, puedes ocultarlo siguiendo agregando lo que está en negrita:

    .post-footer {
    display:none;

    Saludos.

    ResponderEliminar
  104. Gracias Potro,

    Todo perfecto, como siempre, a ver si no te doy la lata
    en un tiempo, pero si te necesito volveré a la carga ! :-))

    Saludetes
    Patapalo

    ResponderEliminar
  105. Pues yo lo veo todo en la misma línea, creo que ya lo has resuelto :)

    ResponderEliminar
  106. Hola Potro,

    La contestación que das en el numero 75 no me funciona con las plantillas nuevas ¿es correcto? o ¿hay que cambiar algo?. Gracias por tu respuesta.
    Aunque es Domngo veras que estoy al pie del cañon.
    Saludetes
    Patapalo

    ResponderEliminar
  107. Hola Patapalo,

    Las condicionales funcionan para cualquier plantilla. El código que menciono en ese comentario es para que lo que encierres ahí dentro no se vea en la portada y sea visible sólo en las entradas individuales.

    Saludos.

    ResponderEliminar
  108. Hola Potro,

    Oye, no consigo que me funcionen las condicionales, quizás no las coloco en el sitio correcto. ¿podrías echarle un vistazo a mi plantilla?, quizás tengo demasiado cambios .....
    De todas formas lo que pretendo es suprimir el poost-footer únicamente en el primer post, el que se titula "Bienvenida al blog" podríamos hacerlo ?

    Gracias una vez más por tu ayuda y perdona por el tiempo que te robo, pero es que yo soy un pirata y ya sabes robar es lo mío :-))

    Saludetes
    Patapalo

    ResponderEliminar
  109. Perdona, no te puse el nombre del blog:
    www.traderpirata.com

    ResponderEliminar
  110. Hola Patapalo,

    En esta entrada se habla sobre ello.
    Necesitas agregar antes de </head> lo siguiente:

    <b:if cond='data:blog.url == &quot;URL de la entrada&quot;'>
    <style type='text/css'>
    .post-footer {
    display: none;
    visibility: hidden;
    }
    </style>
    </b:if>

    Saludos.

    ResponderEliminar
  111. Buenas Potro!, he conseguido cambiar el tamaño de la linea y el estilo, pero lo que quiero es tenerlo como el tuyo, es de cir que pon ga esto

    7 de julio de 2010 | Publicado por moeone | Etiquetas: Básicos

    y los comentarios alineados a la derecha.

    ¿Como puedo hacerlo?

    ResponderEliminar
  112. Hola moeone,

    Como te comentaba en el correo, sólo localiza los códigos que quieres alinear y pégalos uno seguido del otro.
    Para saber cómo alinear los elementos mira esta entrada.

    ResponderEliminar
  113. Ok potro, porfin he conseguido alinear los comentarios a la derecha y separar cada parte con este simbolo: |,

    pero me quedan dos cosillas que no puedo resolver, los separadores (|) se ven en las demas paginas quedando feisimo y la fecha de la entrada no consigo quitarle el color blanco al poner el puntero sobre ella.

    ¿algun consejo?

    Gracias!

    cineconclick.blogspot.com

    ResponderEliminar
  114. Quizá encerrando esos caracteres con una condicional para que se muestre en todas partes menos en las páginas estáticas.

    Lo que sucede con la fecha es que es un enlace y tienes definido que los enlaces se muestren así al pasar el cursor.
    Quizá quitando esta parte en negrita elimines todo el enlace:

    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

    ResponderEliminar
  115. Hola Potro

    Como puedo cambiar de lugar "Enlaces a esta entrada" o como pueod personalizarla para que aparezca por encima de los comentarios.

    Gracias

    ResponderEliminar
  116. Hola Peter,

    Ya he agregado ese código en esta entrada para que también sepas cuál código mover al lugar que deseas.
    Saludos.

    ResponderEliminar
  117. hola quisiera saber como puedo cambiar la informacion que esta abajo y pasarla a arriba te lo agradeceria mucho

    ResponderEliminar
  118. Hola tokita, eso es justo lo que se explica en la entrada, a menos que te refieras a otra cosa :/

    ResponderEliminar
  119. Como le pongo la numeracion a los comentarios? tal como se ven aqui.

    ResponderEliminar
  120. Mira esta entrada de Oloblogger que explica cómo hacerlo:
    http://oloblogger.blogspot.com/2010/03/numerar-comentarios-en-blogger.html

    ResponderEliminar
  121. Potro, intento poner los datos del post footer uno detras del otro y no hay manera...me he leido todos los comentarios, pero creo q no lo comentas en ningun sitio

    es posible alinearlos??

    ResponderEliminar
  122. Hola:

    A ver cuando detallas como hacer un post-footer como el que tienes ahora en el blog.

    Un Saludo.

    ResponderEliminar
  123. Sonia - L'Exquisit, puedes probar poner los códigos uno seguido del otro sin dar saltos de línea (ENTER) para que se acomoden horizontalmente. Si tampoco se acomodan de esa forma entonces pon una tabla HTML, ahí puedes poner en cada celda los códigos de los elementos que quieres y quedarán de la forma que deseas.

    Andromeda, pues no es nada especial, sólo es una tabla en el post-footer en la cual puse las entradas relacionadas y demás elementos que ves. Saludos.

    ResponderEliminar
  124. Muchas gracias, Potro, de aqui un rato me pongo...a ver si me apaño! (lo del enter ya lo pensé, pero no me cambió nada)

    ResponderEliminar
  125. ¡Una tabla! Ya me has dado la idea para hacerlo.

    Un Saludo.

    ResponderEliminar
  126. hola potro!

    Tengo una duda que no tiene mucho que ver con este tema. ¿Potro se podrá mover los comentarios de una entrada a otra? es que imaginate que quiero crear una seccion solo para comentarios y me aburri tener que responder en distintas entradas todos los comentarios.

    No se como no te aburres de que te molestemos tanto en distintas partes???? jejejeje

    Potro espero me entiendas y me ayudes si es posible!!

    Gracias potro!

    ResponderEliminar
  127. Jajaja, no, no creo que se pueda. Pero sí puedes inhabilitar los comentarios en las demás entradas y crear una donde sí los tengas habilitados. Pero obviamente quienes traten de comentar en las otras entradas no podrán hacerlo.

    ResponderEliminar
  128. Hola Potro, aunque de vacaciones, estoy ya con un nuevo blog para otro curso del cole.

    No sé si es auí donde exponer mi duda ;P
    Bueno, pos a ver:
    Ya sé que se puede quitar lo de "publicado por" en las entradas (desde diseño, editar en el cuerpo de la entrada), pero es que la plantilla que he escogido me sigue poniendo "By gorka".

    Cómo lo puedo quitar???

    Gracias majo

    PD1: Te puedo invitar a este blog por si necesitases ver la plantilla. (en ese caso mándame tu correo)
    PD2: Seguro que te molesto mucho más jeje;)

    ResponderEliminar
  129. Hola Gorka,

    Con los artilugios expandidos busca algo como esto:
    By <data:post.author/>

    Si lo tienes elimínalo y en la Vista Previa mira si ha desaparecido.
    Sino, entonces dime cuál plantilla usas para darte las indicaciones correctas.

    Saludos y suerte con tu nuevo blog!

    ResponderEliminar
  130. Gracias Potro,
    Ya he quitado lo de "by Gorka", pero se mantiene el cuadrico de fondo donde estaba.
    Me pasa lo mismo con las etiquetas (las he quitaU de diseño, editar cuerpo de entrada; pero me aparecen al publicar), ¿qué tengo que quitar para estas?

    Mi plantilla es "ink-stain-science"

    http://btemplates.com/2010/blogger-template-ink-stain-science/

    Mil gracias como siempre

    ResponderEliminar
  131. Para los demás elementos busca sus códigos directo en la plantilla que se explican en esta misma entrada.
    Para quitar la imagen verde busca dentro de .post_date{ una URL, esa es la imagen verde que aparece de fondo.

    ResponderEliminar
  132. Gracias Potro, pero tengo que borrar todo el código que mencionas en el post???? (porque quiero poder tener etiquetas aunque no quiera verlas...)

    Vaya, que no entiendo cómo para quitar lo de "by gorka" era quitar una línea y pa las etiquetas 5 líneas :o

    Ya me dirás. Gracias por tu tiempo tío
    Un abrazo

    ResponderEliminar
  133. He quitaU todas las líneas del código de las etiquetas. Ya no me salen en las entradas. También he quitaU la imagen verde que había junto a "by gorka".
    GENIAL
    Espero que pueda usar etiquetas aunque estas no estén visibles...

    MIL GRACIAS POTRO!!!

    ResponderEliminar
  134. Por supuesto que puedes seguirlas usando, incluso el gadget de Etiquetas puedes usarlo sin ningún problema. Lo único que pasará es que las etiquetas no se mostrarán dentro del post.

    ResponderEliminar
  135. olle yo tenia la misma duda que Javier, es el unico que comento con el nombre Javier jaja, eh hice todo lo que el pero cuando quiero que me aparesca la fecha en todas las entradas no me aparecen! D:

    ResponderEliminar
  136. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  137. el blog ahora es http://noti-gaga.blogspot.com/

    ResponderEliminar
  138. Mira este post, ahí se explica cómo mostrar la fecha en todas las entradas:
    http://ciudadblogger.com/2010/11/mostrar-la-fecha-en-todas-las-entradas.html

    ResponderEliminar
  139. sigo sin poder tener abajo en todas las entradas! :S

    ResponderEliminar
  140. ya tube el resultado que esperaba! gracias

    ResponderEliminar
  141. Hola, tengo que hacer una plantilla para un familiar, tengo problemas con el idioma y el estilo de la caja de comentarios, ¿Puedes ayudarme, http://topbeer76.blogspot.com/, aun no terminé, añadí columnas en un segundo footer, las eliminé creyendo que era esa la causa de mis problemas, pero no logro identificar el error, Gracias por todos tus aportes y ayuda. Saludos

    ResponderEliminar
  142. Necesitas localizar los códigos (muy parecidos pero quizá no iguales) que menciono en la entrada, ahí empezarás a detectar las palabras que están en inglés, sólo cámbialas por la palabra o frase que quieras.

    ResponderEliminar
  143. Hola Potro, hehe, mira busque el codigo de hora pero no sale nada intente con cada palabra etc nada, y expandi los artigulios. solo me sale esto: lo mas parecido creo yo:

    <div class='date'>
    <script type='text/javascript'>
    var timestamp = &quot;<data:post.dateHeader/>&quot;;
    if (timestamp != &#39;&#39;) {
    var timesplit = timestamp.split(&quot;,&quot;);
    var date_yyyy = timesplit[2];
    var timesplit = timesplit[1].split(&quot; &quot;);
    var date_dd = timesplit[2];
    var date_mmm = timesplit[1].substring(0, 3);
    }
    </script>
    <script type='text/javascript'>document.write(date_mmm);</script><br/><strong><script type='text/javascript'>document.write(date_dd);</script></strong></div>
    </div>

    =/ como vez

    ResponderEliminar
  144. Quizá no lo tienes exactamente igual. Busca sólo un fragmento para ver si así lo encuentras. Sino lo tienes no importa, puedes agregarlo.

    ResponderEliminar
  145. Aquí: www.egoluegoexissto.blogspot.com
    No me deja ni buscar los códigos que tengo que cambiar de lugar :/

    ResponderEliminar
  146. Tu plantilla es original de Blogger, así que ahí deben estar a menos que anteriormente los hayas eliminado. Primero haz lo que se indica, activarlos desde Elementos de la página, después ahora sí búscalos en la Edición de HTML pero recuerda que debes marcar la casilla de Expandir plantillas de artilugios. No busques todo, quizá sólo la primera línea de cada código, así sabrás detectar si es el código correcto o no.

    ResponderEliminar
  147. sensacional Potro: pude hacerle los cambios necesarios y quedó de lujo :D Una ves más, y para variar... ¡Gracias!

    ResponderEliminar
  148. Por nada Panchito, gracias por comentar :)

    ResponderEliminar
  149. OYE AMIGO MI PROBLEMA ES QUE YA TIENE ICONO EN EL POST-FOOTER Y QUISIERA SABER SI ABRIA MANERA DE REMPLASARLOS POR OTROS ICONOS ESO ES TODO ESTE ES EL BLOG PARA QUE LO VEAS
    http://animelandmx.blogspot.com

    ResponderEliminar
  150. Hola anime4manga,

    Busca estas URLs y cámbialas por la de los iconos que quieres:
    http://4.bp.blogspot.com/-RASsS4FIjIk/TkiZhEnR_QI/AAAAAAAAAiM/x_SNOb8tTZ4/s1600/f-date-time-icon.png

    http://4.bp.blogspot.com/-g6i7ZDSIx_I/TkiZXQOYfaI/AAAAAAAAAiE/FEF-2WGEErk/s1600/f-user-icon.png

    http://3.bp.blogspot.com/-pRnX116CbUg/TkiZPnhuPaI/AAAAAAAAAh8/H8PZwdV-z70/s1600/f-comments-icon.png

    ResponderEliminar
  151. muchisimas gracias amigo ya he podfio eres de lo mejor

    ResponderEliminar
  152. Hola Potro...Es realmente admirable la dedicacion con la trabajas para resolver las dudas de los ciudadanos... Grax x eso...
    Ya lo de editar el cuadro de entradas lo habia hecho, los elimine todos menos el de ubicacion ( y ese no me sale) ya habia eliminado los codigos de Autor y Hora, pero no dio resultado asi q los deje como estaban. Pero ya con tu aval los he eliminado (aunque siguen apareciendo)con las etiquetas si me funciono.
    Con lo de "nombre" me referia era al "Post-footer" del nombre del autor...
    Q mas puedo hacer???
    Men nuevamente muchas gracias! ! !

    ResponderEliminar
  153. Busca de nuevo, a veces los códigos están repetidos, y aunque eliminamos uno sigue estando el otro así que es necesario eliminar todos para que no aparezcan más.
    Saludos.

    ResponderEliminar
  154. Felicidades por tu blog. Tus artículos y tus soluciones son de gran utilidad para mis publicaciones.

    Una consulta: Una vez colocados algunos elementos del post-footer debajo del título de la entrada, qué código debo utilizar para que aparezcan en la misma línea -uno a continuación de otro-, de la misma forma que en tu blog.

    Muchas gracias y saludos

    ResponderEliminar
  155. Gracias Xaime por tu amable comentario.
    Ya que los tengas puestos procura que no haya mucho espacio entre cada uno de ellos, de ser posible que estén seguidos uno del otro sin saltos de línea (ENTER).

    ResponderEliminar
  156. Hola Potro y Ciudadanos.
    Hace unas semanas elimine unos codigos para quitar los datos del post-footer (Nombre, fecha, hora y esas cosas) pero no me habia dado cuenta q, ahora q trato de poner la ubicacion no sale, trato de colocar la opcion de enviar la entrada y no sale. La de calificar y no sale.
    Ademas cuando uno, como dueño del blog ve los gadget sale una opcion (unas llaves o algo asi) para editar los gadgets sobre el mismo blog. Bueno, eso se me ha desaparecido tambien solo en ese Blog.
    Esta es la pagina.
    Como puedo hacer para ver las llavecitas de edicion o la ubicacion o la opcion de enviar la entrada o la calificacion.
    Muchas Gracias....

    ResponderEliminar
  157. Hola DANIEL,

    ¿Recuerdas qué hiciste para eliminar las llaves para editar el gadget?
    Sobre lo demás, cada elemento es distinto, muchos de ellos necesitan códigos extras para mostrarse, como por ejemplo el de calificación:
    http://ciudadblogger.com/2009/03/permite-que-califiquen-tus-entradas.html

    Lo del envío de entradas debería aparecer con sólo poner de nuevo el código.

    ResponderEliminar
  158. Hola Potro...
    Bueno lo de las llaves de edicion creo fue mas un error del navegador o algo (lo raro es q solo era en ese blog) pero ya se arreglo.
    Ya lo de la calificacion lo habia probado segun la entrada, pero nada, no me funciono...
    Sabes q otra cosa rara me paso: se me borraron todos los blog q tengo en el escritorio de blogger y al dar click sobre DC me salia q el Blog no existe...asi q lo unico q se me ocurrio fue apagar el equipo y reiniciar labores mas tarde...Luego entre me pidio confirmar cuenta con una llamada de Google y listo...Gracias a Dios se soluciono...
    Saludes
    PD: Hay alguna forma para q la ubicacion, los envios de la entrada y la calificacion se coloque de nuevo??
    Q codigos habria q poner??
    De nuevo muchas Gracias

    ResponderEliminar
  159. Pues vaya que sí te ha dado problemas tu cuenta de Blogger. No estaría de más (sólo por precaución), que cambiaras la contraseña actual por una mucho más segura. Lo de esos códigos debería ser suficiente con poner los códigos de nuevo y luego activarlos desde los Elementos de la página. Si siguen sin aparecer quizá sea momento de reconsiderar el cambio de plantilla por una original de Blogger :/

    ResponderEliminar
  160. Si si, fueron buenos los sustos, pero ya se soluciono...
    Pues trate con la misma plantilla en un blog de pruebas y tampoco sale la ubicacion ni la opcion de enviar...y coloquè la clasificacion de blogger (no la de las estrellas que seria la mejor)
    Gracias....si algo escribo de nuevo...

    ResponderEliminar
  161. Potro que ahora he quitado el enlade de categoria y no se como hacer para que vuelva?

    ResponderEliminar
  162. DANIEL, el de la ubicación es este:

    <span class='post-location'>
    <b:if cond='data:top.showLocation'>
    <b:if cond='data:post.location'>
    <data:postLocationLabel/>
    <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
    </b:if>
    </b:if>
    </span>

    ResponderEliminar
  163. JTobaruela, sólo tienes que poner el código que corresponde en la plantilla, en esta entrada están los códigos de esas áreas.

    ResponderEliminar
  164. Oye potro como puedo reducir el largo de una entrada y el espacio que hay entre cada entrada y por ultimo la distancia que hay del enlace de categoria, comentarios com puedo reducir el espacio que es muy grande.
    http://cdvillanuevadelarzobispo.blogspot.com/

    ResponderEliminar
  165. Hasta donde sé esos espacios no se pueden modificar o.O

    ResponderEliminar
  166. Muchas gracias por esta información Potro, me ha sido de mucha utilidad para entender parte del html de mi plantilla =)

    ResponderEliminar
  167. Gracias, me fue muy util para cambiar la ubicacion de los comentarios =)

    ResponderEliminar
  168. Qué gusto que te ha sido útil pepe :)

    ResponderEliminar
  169. ¿y si quiero cambiar de lugar la fecha? Me gustaría ponerla en la misma línea que el link de comentarios, osea en el post-footer.
    Gracias.

    ResponderEliminar
  170. El código de la fecha es este:
    <b:if cond='data:post.dateHeader'>
    <h2 class='date-header'><data:post.dateHeader/></h2>
    </b:if>

    Sólo que quizá tengas que quitarle lo que está en negrita para que no aparezca muy grande.

    ResponderEliminar
  171. Gracias y perdona que te moleste de nuevo pero me gustaría poner el link de comentarios y la fecha en un mismo renglon que me quede una cosa así como tenes vos arriba de todo: "7 de julio de 2010 | Publicado por El Potro | Etiquetas: Básicos" así.

    ResponderEliminar
  172. Sólo pon los códigos de esos datos seguidos uno detrás del otro sin dar saltos de línea.

    ResponderEliminar
  173. Buenas noches Potro.
    Potro como puedo poner la fecha de los comentarios desbajo del texto de los comentarios o enfrente del id.

    ejemplo
    zzz
    mensaje
    31-10-2011

    o tambien puede ser

    zzz 31-10-2011
    mensaje

    Es que en el blog me aparece debajo del id y yo quiero que aparezca en frete del id o debajo del mensaje.

    Lo otro que deseo hacer el reducirle el tamaño a esa fecha.

    ya intente con la entrada "Enmarcar y separar comentarios en Blogger" ahi esta lo del tamaño de la fecha de los comentarios pero no me funciona.

    ResponderEliminar
  174. Hola zzz,

    ¿En cuál blog deseas hacer esos cambios? Porque en somospremium veo la fecha debajo del comentario y reducida en tamaño, no sé si ya lo has resuelto, o se trata de otro blog, o de otra modificación que no he comprendido.

    Saludos.

    ResponderEliminar
  175. La modificacion si la comprendio perfectamente, solo que se me olvido decirle en cual blog, los cambios los quiero hacer en el blog de Pruebas, en el post que se titula "monte carlo" ahi hay varios comentarios de prueba.

    Otra cosita aunque el comentario no deberia ir aqui, es con respecto a Botones para compartir deslizantes (Facebook, Twitter, Google+, Taringa, Bitácoras).
    Lo que sucede es que cuando le doy clik en me gusta de facebook y reviso en el muro de facebook aparece bien el titulo del post pero aparece la imagen del pajarito de twitter que esta en la sidebar y la descripcion es el mensaje que puse antes del formulario de comentarios.

    Lo que quiero es que aparezca un pequeño resumen del post correspondiente con la imagen principal de ese mismo post.

    O si no es posible, entonces que pueda aparecer como el de Ciudad Blogger que aparece el titulo de la entrada y un logo unico.

    ResponderEliminar
  176. Potro todos estos cambios son para el blog Pruebas.

    Otra cosa, active la opcion de Moderación de comentarios (la deje en Siempre) desde Blogger in Draft y desde la configuracion normal, pero los comentarios se publican inmediatamente. lo que deseo es poder moderarlos y despues publicarlos para evitar el spam.

    Agradezco todas las respuestas que me ha brindado ya que ultimamente he estado publicando la cantidad de dudas que he tenido y todas han tenido respuesta.

    Muchas Gracias Potro.

    ResponderEliminar
  177. Para cambiarle el tamaño modificalo aquí:

    .comment-meta{
    margin-bottom:10px;
    font-size:12px;

    Para cambiarlo de lugar necesitaría saber cuál es la plantilla original pues está muy modificada y no conserva los parámetros tradicionales.

    Facebook toma siempre la primera imagen, en este caso parece que la imagen que tienes primero es la de Twitter. Podrías probar quitar esa imagen o moverla de lugar para ver si así ya te toma la del post.

    Lo de la moderación no sé qué pueda estar pasando, si ya están configurados para que no se publiquen hasta que se aprueben debería funcionar a menos que se trate de un problema con Blogger.

    Saludos.

    ResponderEliminar
  178. Gracias! Mi Problema era el de que no se mostraba el autor de la entrada en el blog! y gracias a esta guia y tu recomendacion he logrado consguir lo deseado! Gracias amigos de CidadBlogger! son de lo mejor!

    ResponderEliminar
  179. Gracias a ti por tu visita y por darte el tiempo de comentar para hacernos saber que todo ha salido bien :)

    ResponderEliminar
  180. protro no he logrado colocarlo ya que este codigo no me aparace en la plantilla, y otra pregunta si quiero eliminar los botenes para compartir las entradas que codigo tengo que eliminar

    <
    div class='post-header-line-1'>

    ResponderEliminar
  181. Hola Hackw32,

    Sí tienes ese código. Expande los artilugios y busca de nuevo la línea, ahí está:
    <div class='post-footer-line post-footer-line-1'>

    En esta entrada puedes ver el código correspondiente de los botones de compartir:
    http://ciudadblogger.com/2010/06/botones-para-compartir-de-blogger.html

    ResponderEliminar
  182. Hola Hola Hola!!! ^^
    Tengo una pequeña gran dudilla... ¿Cómo puedo hacer para ocultar el post-footer en las páginas estáticas?
    Es que le puse al post-footer las opciones de "Me gusta" y "Twittear" (inserte acá cara feliz porque se me ocurrió usar tabla y quedó muy bien) y cuando estás en alguna de las páginas como no tengo la opción de dejar comentario se ven estas dos cositas de face y twitter y me gustaría de que no se vieran.
    Besitos ♥

    *Hoy estuve cerca de 2 horas renegando con lo del Botón 1+ pero es evidente que Google tiene que mejorar muchas cosas para que los usuarios puedan usarlo y modificarlo a sus necesidades y gustos.

    ResponderEliminar
  183. Hola Miss Varieté,

    En efecto el botón +1 no a todos les anda al 100%.
    El procedimiento para que lo necesitas es el mismo que haríamos para ocultar elementos en distintas partes del blog:
    http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

    La clase del elemento que pondrías para ocultar es:
    .post footer {display:none;}

    Saludos.

    ResponderEliminar
  184. Una pequeña duda: ¿Se puede poner una fina línea horizontal (sin sombras ni nada)debajo de la fecha y el autor en vez de poner hr/? (esque al poner hr/ queda una línea un poco gruesa con sombras en la parte de arriba)

    ResponderEliminar
  185. Puedes usar el <br/> ese crea un salto de línea sin bordes ni nada.

    ResponderEliminar
  186. Ya ya, pero ese salto de línea no tiene ninguna línea, es decir, yo querría poner una línea negra pero no tan gruesa como la que sale usando hr/ y sin que tenga sombras arriba, porque poniendo hr/ en chrome sale una línea bastante gruesa y más oscura en la parte de arriba. Es decir, a través de la plantilla html hay algún código con el que poner una línea horizontal normal? Gracias otra vez

    ResponderEliminar
  187. El HR es una línea normal, pero quizá tu plantilla tenga estilos que hagan que hasta el HR se le agreguen bordes, sombras, etc.
    Igual podrías usar guiones bajos, no es la mejor opción pero también te puede funcionar.

    ResponderEliminar
  188. Hola Luis,

    Localiza esta línea:
    <span class='post-labels'>

    Arriba verás este código:
    <br/>

    Elimínalo y con eso se deberá acomodar al lado.
    Saludos.

    ResponderEliminar
  189. Como puedo hacer un post footer identico al tuyo?

    Eres un dios el potro!!

    ResponderEliminar
  190. ¿Y qué habría que poner para cambiar el tamaño de la letra de las etiquetas y ponerle un fondo gris por detrás?

    ¿Y que condicional uso para que las etiquetas sólo aparezcan en las entradas?

    ¿Y sabrías cómo mover el gadget de compartir que tengo puesto al final de las entradas a la derecha? He probado con el código de esta entrada (http://ciudadblogger.com/2009/12/alinear-elementos-y-gadgets.html), que siempre me ha funcionado, pero ésta vez no sé porqué no funciona. ¿Y dónde pongo la etiqueta
    en la plantilla html para que ese gadget no esté pegado con el texto de la entrada?

    ¿Y sabrías cómo aumentar el espacio que hay en mi blog entre el leer más y el título de la siguiente entrada? (www.desdefondosur.blogspot.com)

    Y una última duda, ¿Se puede poner un texto concreto que salga siempre al final de todas las entradas de una etiqueta concreta? Muchísimas gracias de nuevo y perdona que te avasalle a preguntas así de vez en cuando jeje

    ResponderEliminar
  191. En la cuarta pregunta me refería a la etiqueta br/
    Muchas gracias

    ResponderEliminar
  192. Menecox, de Dios nada, sólo un simple mortal :)
    En footer sólo es cuestión de aplicar un color de fondo, bordes y agregar ahí todo lo que quieras, en mi caso puse una tabla HTML con las entradas relacionadas y los botones.
    Pero te digo, sólo es cuestión de agregar los estilos a esa área y añadir todo lo que quieras mostrar ahí.
    A ver si después me doy un tiempo para hacer unos prediseños o algo para publicar.
    Saludos.

    ResponderEliminar
  193. El potro nisiquiera se como cambiar el color de fondo al post footer :(

    ResponderEliminar
  194. Daniel García, sólo agrega los estilos que quieras a la clase del post-footer, en este caso cualquier estilo como el color, tipo de letra, etc. iría debajo de:
    .post-footer {

    Al menos así es en plantillas originales de Blogger y/o plantillas personalizadas que conservan los nombres de los contenedores originales.

    Si te refieres a las Etiquetas que aparecen en las entradas entonces debes encerrar el código de ellas con la condicional que corresponde:
    http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

    Ese gadget de compartir supongo que es un script, así que si no se deja alinéandolo como ya sabes hacerlo quizá puedas aplicar un margen, en ese caso habría que encerrar el código del gadget así:
    <div style="margin-left:200px;">
    ...Aquí el código del gadget...
    </div>

    Las demás preguntas las vemos una vez que me confirmes que has resuelto todo esto, para así irnos despacio e ir solucionando un problema a la vez.
    Saludos.

    ResponderEliminar
  195. Menecox, entonces dame un poco de tiempo para preparar una entrada sobre ello ;)

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

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

 
Ir Arriba Ir Abajo
I Ciudad Blogger