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 != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
Para mover el Link de comentarios
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><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.
Muy bueno el post...interesante... creo que lo intentare mas adelante...saludos y espero visites el blog.... muchas gracias
ResponderEliminarwenaa 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.
ResponderEliminarSaludos potro ;)
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.
ResponderEliminarHola Potro:
ResponderEliminarGracias por tu voluntad, me refiero a mi solicitud personal.
Saludos y siempre a tu disposición.
Jpz.-
vamos españa k hemos ganado y potro alegrate, por cierto muy bueno
ResponderEliminaruna pregunta potro he intentado buscar en tu blog como un anuncio pero no flotante de estos que te informan pero no lo encuentro
ResponderEliminarMira qué bueno lo que explicas :) no había pensado en ello.
ResponderEliminarSaludos!
Jpz, por nada, espero que te hayan agradado las imágenes.
ResponderEliminarmariocrack6, no sé exactamente como cuál buscas, aquí hay uno.
Graciela, por si un día se ofrece ahí está :)
Gracias maestro!
ResponderEliminarWow!! Es mágico!! jajajaja... Tengo dos cosas que decirte:
ResponderEliminar1) 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!!!
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¿Cómo sería el código de los botones para compartir que vienen de "serie"?
ResponderEliminarGracias
Olaf, gracias a ti por tu visita :)
ResponderEliminarbrother, 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.
Muchas gracias, me sería de mucha utilidad.
ResponderEliminarWao Potro Me Encanto, Tus Entradas Relacionadas Osea El Recuadro De Abajo, El De Mas Trucos!.. :D Buen Trick, Esta Bueno Que Lo Publiques :)
ResponderEliminarMuy bueno.
ResponderEliminarUna preguntita: cómo se puede eliminar el "publicado por" para que aparezca solamente el nombre del autor del post?
Gracias!
Tamos, ya lo encontré.
ResponderEliminarA 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.
Agrega antes de ]]></b:skin> esto:
ResponderEliminar.fn {
font-weight: bold;
font-size: 9px;
}
Ahí le cambias el tamaño por la que quieras.
Gracias Potro
ResponderEliminarY a los que nos gustaria colocarlo debajo en vez de debajo del Titulo!!=S
ResponderEliminarEntonces pega esos datos debajo de la primera línea que se menciona. Generalmente van después de:
ResponderEliminar<div class='post-footer-line post-footer-line-1'>
Hola Potro disculpa q me salga del tema pero como puedo editar las paginas de google poniendole algunas cosas
ResponderEliminarEspero tu respuesta y grax
Saludos...
Perdon eran las paginas de blogger disculpa xx el error
ResponderEliminar¿Exactamente qué deseas hacer con ellas?
ResponderEliminarLo único que tengo para personalizar las páginas estáticas es esto y esto.
muy buen post potro ,una pregunta y si quiero que el nombre del posteador salga de otro color cual seria el codigo .?
ResponderEliminarjaja bueno ya lo solucione solo era agregar color:#666;pero gracias de todos modos..
ResponderEliminarpotro una pregunta como cambiarle en ves de que diga etiquetas que diga posteado en: espero la respuesta
ResponderEliminarCambia donde dice <data:postLabelsLabel/> por el texto que quieres que aparezca.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminargracias gracias quedo perfecto¡¡
ResponderEliminarQue tal Potro, hola :)
ResponderEliminarEstaba 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 :)
Hola Javier Carlos,
ResponderEliminarMira esta entrada de JMiur que explica justamente cómo poner esos datos en la sidebar.
Saludos.
Seguro me lo haces a propósito :P jajajajaja
ResponderEliminarUn abrazo!!!
Jajajaja, cualquiera pensaría eso pero no, sería incapaz de vengarme por un simple horno de microondas, jajaja.
ResponderEliminarUn abrazo!
Ohhhhh no!! y no te olvidas mas!!! yo pensé que el tiempo me iba a hacer ahorrar ese dinero :P XD
ResponderEliminarBuenos días muy de mañana, Potro.
ResponderEliminarVengo 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
Hola Ío,
ResponderEliminarSó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!
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.
ResponderEliminarQue disfrutes de un buen fin de semana
Besos, hombre de respuesta pronta y siempre amable
Ío
En los estilos no existe pero lo puedes agregar, sólo pon esto:
ResponderEliminar.post-labels, .post-labels a {
...aquí los estilos...
}
Hola Ali, ya te he respondido en la otra entrada donde dejaste el comentario.
ResponderEliminarSaludos.
http://ciudadblogger.com/2010/02/poner-separadores-entre-las-entradas.html
ResponderEliminarArriba y abajo no sé, pero puedes moverla a la izquierda. Sólo busca esta línea:
ResponderEliminar<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.
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
ResponderEliminarEntonces 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.
ResponderEliminarBuenas de nuevo potro, como podria poner las etiquetas de los post a la izquierda del rating por estrellas, si es que se puede
ResponderEliminarperdon a la derecha de las estrellas y que no se quede debajo
ResponderEliminarhttp://jmgvideosycaps.blogspot.com/
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:
ResponderEliminar<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>
Gracias potro, pero lo he intentado como dices y nada queda igual, gracias de todas forma por contestar
ResponderEliminarEntonces sí es como me lo temía :\
ResponderEliminarEs 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.
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í, :))).
ResponderEliminarAbrazo!
Vale Sofía, qué bueno que ya lo has solucionado ;)
ResponderEliminarHola 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?
ResponderEliminarGracias de antemano
Sólo expande artilugios, busca y corta esta etiqueta:
ResponderEliminar<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.
Este comentario ha sido eliminado por el autor.
ResponderEliminarGracias 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?
ResponderEliminarComo siempre, gracias por adelantado
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 :\
ResponderEliminarPotro lo encontré en este link
ResponderEliminarhttp://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
Lo que sucede es que esa entrada está un poco desactualizada.
ResponderEliminarExpande 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.
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.
ResponderEliminarUna vez más, muchas gracias.
Potro tengo un pequeño problema.
ResponderEliminarInserté 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
Pues podrías usar un código condicional para hacer que en las páginas estáticas no se muestren.
ResponderEliminarEs 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.
Muchísimas gracias Potro, ya lo realizé, y ahora sí quedó perfecto
ResponderEliminarpotro en mi plantilla no encontre nunca el post footer :(
ResponderEliminarhttp://portalfoxmix.blogspot.com
te agradeceria ayudarme gracias :)
Es que tu plantilla está demasiada modificada, pero puedes ponerlos debajo de:
ResponderEliminar<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Hola los comentarios solo me aparecen en la ultima entrada me gustaria que apareciesen en todas las entradas mira haber sime puedes ayudar, Gracias
ResponderEliminarTe dejo la dirección de mi blog
http://www.cgtsanidadmadrid.org/
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.
ResponderEliminarHola 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".
ResponderEliminarEncierra los datos del post footer entre:
ResponderEliminar<b:if cond='data:blog.pageType == "item"'>
y
</b:if>
Muchas gracias. Resuelto
ResponderEliminarHola 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?
ResponderEliminarSaludos y gracias por adelantado.
Hola Marina,
ResponderEliminarMira esta entrada, ahí se explica cómo recuperarlos.
Saludos.
Hola Potro, ya los he recuperado, y quería darte las gracias de corazón por haberme ayudado.
ResponderEliminarLlegué a tu web por recomendación de un amigo, vendita a la hora que le hice caso.
Saludos.
Qué bueno que ya está resuelto y bienvenida a Ciudad Blogger :)
ResponderEliminar¡Saludos!
Hola Potro:
ResponderEliminarComo 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.
Hola ,
ResponderEliminarDe 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!
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?
ResponderEliminargracias!
Posiblemente es por la plantilla que usas ¿en qué blog lo has puesto?
ResponderEliminaren 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?
ResponderEliminarNo he podido verlo porque aun siguen distribuyéndose los DNS pero supongo que debe ser por el tipo de plantilla que tienes.
ResponderEliminarya pasaron las 48 horas y no sige con el error!:S
ResponderEliminarme refiero qe ya paso el tiempo (48h) y igue saliendo el error!
ResponderEliminarPrueba cambiando la configuración de Blogger cambiando del dominio personalizado a .blogspot guarda los cambios y regresa de nuevo a dominio personalizado.
ResponderEliminarSi con eso sigue sin verse verifica de nuevo en el panel de .co.cc que tengas bien los datos de configuración.
como lo devuelvo a .blogspot?
ResponderEliminarEn Configuración > Publicación, arriba dice 'Cambiar por: blogspot.com'
ResponderEliminarlisto ya quedo en blgspos GENIAL, aora si me puedes ayudar por eso de que las etiquetas quedan debajo de la fecha?:D
ResponderEliminarEntonces si es la plantilla, una solución podría ser eliminar lo que está en negrita:
ResponderEliminar<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
Este comentario ha sido eliminado por el autor.
ResponderEliminarsi me sirvio pero solo para la primera entrada! XD
ResponderEliminarEs porque tienes repetida esa línea, busca otra como esa y haz lo mismo.
ResponderEliminarlisto ya logre lo que queria, MUCCHAS GRACIAS!
ResponderEliminarno se que aria si este blog no existiera!:D
XD
porfin logre cambiar mi blog!
ResponderEliminarMe puede decir como coloco al final del post que no aparesca cuando coloco leer mas
ResponderEliminarsi no dentro
aparesca al final del post la Hora y el autor
Totalmente al final junto con las etiquetas
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.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarBUf gracias por poner ahora quiero saber como mover los botones compartir de blogger por favor
ResponderEliminarEl de los botones es este:
ResponderEliminar<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
Buf gracias mira como esta ahora
ResponderEliminarhttp://www.lockerzlatinos.com
que mas me recomendas hacer
Hola Potro,
ResponderEliminar¿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.
Hola Marina,
ResponderEliminarPuedes agregar los estilos de esta forma:
.post-footer {
font-size:10px;
}
O bien, en esta área:
.post-header {
font-size:10px;
}
Saludos.
Muchas gracias Potro, me ha sido de mucha ayuda.
ResponderEliminarPD: ¿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
Sólo entra en Configuración > Comentarios y donde dice 'Mensaje del formulario de comentarios' ahí escribe el texto que deseas mostrar.
ResponderEliminarSaludos.
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.
ResponderEliminarProbablemente encerrando todos esos códigos entre <div style="float:right; margin-top:-30px;"> y </div>
ResponderEliminarNunca lo he intentado pero podría funcionar.
Saludos.
Exelente muy bueno gracias, solo le agregue a ese div un margin-right y un condicional.
ResponderEliminarGracias de nuevo Potro.
Hola Potro,
ResponderEliminarEstoy 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
Hola Patapalo,
ResponderEliminarEl 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.
Gracias Potro,
ResponderEliminarTodo perfecto, como siempre, a ver si no te doy la lata
en un tiempo, pero si te necesito volveré a la carga ! :-))
Saludetes
Patapalo
Pues yo lo veo todo en la misma línea, creo que ya lo has resuelto :)
ResponderEliminarHola Potro,
ResponderEliminarLa 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
Hola Patapalo,
ResponderEliminarLas 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.
Hola Potro,
ResponderEliminarOye, 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
Perdona, no te puse el nombre del blog:
ResponderEliminarwww.traderpirata.com
Hola Patapalo,
ResponderEliminarEn esta entrada se habla sobre ello.
Necesitas agregar antes de </head> lo siguiente:
<b:if cond='data:blog.url == "URL de la entrada"'>
<style type='text/css'>
.post-footer {
display: none;
visibility: hidden;
}
</style>
</b:if>
Saludos.
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
ResponderEliminar7 de julio de 2010 | Publicado por moeone | Etiquetas: Básicos
y los comentarios alineados a la derecha.
¿Como puedo hacerlo?
Hola moeone,
ResponderEliminarComo 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.
Ok potro, porfin he conseguido alinear los comentarios a la derecha y separar cada parte con este simbolo: |,
ResponderEliminarpero 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
Quizá encerrando esos caracteres con una condicional para que se muestre en todas partes menos en las páginas estáticas.
ResponderEliminarLo 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>
Hola Potro
ResponderEliminarComo puedo cambiar de lugar "Enlaces a esta entrada" o como pueod personalizarla para que aparezca por encima de los comentarios.
Gracias
Hola Peter,
ResponderEliminarYa he agregado ese código en esta entrada para que también sepas cuál código mover al lugar que deseas.
Saludos.
hola quisiera saber como puedo cambiar la informacion que esta abajo y pasarla a arriba te lo agradeceria mucho
ResponderEliminarHola tokita, eso es justo lo que se explica en la entrada, a menos que te refieras a otra cosa :/
ResponderEliminarComo le pongo la numeracion a los comentarios? tal como se ven aqui.
ResponderEliminarMira esta entrada de Oloblogger que explica cómo hacerlo:
ResponderEliminarhttp://oloblogger.blogspot.com/2010/03/numerar-comentarios-en-blogger.html
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
ResponderEliminares posible alinearlos??
Hola:
ResponderEliminarA ver cuando detallas como hacer un post-footer como el que tienes ahora en el blog.
Un Saludo.
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.
ResponderEliminarAndromeda, 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.
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¡Una tabla! Ya me has dado la idea para hacerlo.
ResponderEliminarUn Saludo.
hola potro!
ResponderEliminarTengo 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!
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.
ResponderEliminarHola Potro, aunque de vacaciones, estoy ya con un nuevo blog para otro curso del cole.
ResponderEliminarNo 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;)
Hola Gorka,
ResponderEliminarCon 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!
Gracias Potro,
ResponderEliminarYa 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
Para los demás elementos busca sus códigos directo en la plantilla que se explican en esta misma entrada.
ResponderEliminarPara quitar la imagen verde busca dentro de .post_date{ una URL, esa es la imagen verde que aparece de fondo.
Gracias Potro, pero tengo que borrar todo el código que mencionas en el post???? (porque quiero poder tener etiquetas aunque no quiera verlas...)
ResponderEliminarVaya, 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
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".
ResponderEliminarGENIAL
Espero que pueda usar etiquetas aunque estas no estén visibles...
MIL GRACIAS POTRO!!!
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.
ResponderEliminarPos lo dicho majo,
ResponderEliminarMIL GRACIAS
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:
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarel blog ahora es http://noti-gaga.blogspot.com/
ResponderEliminarMira este post, ahí se explica cómo mostrar la fecha en todas las entradas:
ResponderEliminarhttp://ciudadblogger.com/2010/11/mostrar-la-fecha-en-todas-las-entradas.html
sigo sin poder tener abajo en todas las entradas! :S
ResponderEliminarya tube el resultado que esperaba! gracias
ResponderEliminarHola, 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
ResponderEliminarNecesitas 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.
ResponderEliminarHola 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:
ResponderEliminar<div class='date'>
<script type='text/javascript'>
var timestamp = "<data:post.dateHeader/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
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
Quizá no lo tienes exactamente igual. Busca sólo un fragmento para ver si así lo encuentras. Sino lo tienes no importa, puedes agregarlo.
ResponderEliminarAquí: www.egoluegoexissto.blogspot.com
ResponderEliminarNo me deja ni buscar los códigos que tengo que cambiar de lugar :/
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.
ResponderEliminarsensacional Potro: pude hacerle los cambios necesarios y quedó de lujo :D Una ves más, y para variar... ¡Gracias!
ResponderEliminarPor nada Panchito, gracias por comentar :)
ResponderEliminarOYE 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
ResponderEliminarhttp://animelandmx.blogspot.com
Hola anime4manga,
ResponderEliminarBusca 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
muchisimas gracias amigo ya he podfio eres de lo mejor
ResponderEliminarHola Potro...Es realmente admirable la dedicacion con la trabajas para resolver las dudas de los ciudadanos... Grax x eso...
ResponderEliminarYa 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! ! !
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.
ResponderEliminarSaludos.
Felicidades por tu blog. Tus artículos y tus soluciones son de gran utilidad para mis publicaciones.
ResponderEliminarUna 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
Gracias Xaime por tu amable comentario.
ResponderEliminarYa 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).
Hola Potro y Ciudadanos.
ResponderEliminarHace 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....
Hola DANIEL,
ResponderEliminar¿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.
Hola Potro...
ResponderEliminarBueno 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
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 :/
ResponderEliminarSi si, fueron buenos los sustos, pero ya se soluciono...
ResponderEliminarPues 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...
Potro que ahora he quitado el enlade de categoria y no se como hacer para que vuelva?
ResponderEliminarDANIEL, el de la ubicación es este:
ResponderEliminar<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>
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.
ResponderEliminarMuchas Gracias todo solucionado
ResponderEliminarOye 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.
ResponderEliminarhttp://cdvillanuevadelarzobispo.blogspot.com/
Hasta donde sé esos espacios no se pueden modificar o.O
ResponderEliminarMuchas gracias por esta información Potro, me ha sido de mucha utilidad para entender parte del html de mi plantilla =)
ResponderEliminarGracias, me fue muy util para cambiar la ubicacion de los comentarios =)
ResponderEliminarQué gusto que te ha sido útil pepe :)
ResponderEliminar¿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.
ResponderEliminarGracias.
El código de la fecha es este:
ResponderEliminar<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.
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í.
ResponderEliminarSólo pon los códigos de esos datos seguidos uno detrás del otro sin dar saltos de línea.
ResponderEliminarBuenas noches Potro.
ResponderEliminarPotro 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.
Hola zzz,
ResponderEliminar¿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.
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.
ResponderEliminarOtra 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.
Potro todos estos cambios son para el blog Pruebas.
ResponderEliminarOtra 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.
Para cambiarle el tamaño modificalo aquí:
ResponderEliminar.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.
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!
ResponderEliminarGracias a ti por tu visita y por darte el tiempo de comentar para hacernos saber que todo ha salido bien :)
ResponderEliminarprotro 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
ResponderEliminar<
div class='post-header-line-1'>
Hola Hackw32,
ResponderEliminarSí 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
Hola Hola Hola!!! ^^
ResponderEliminarTengo 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.
Hola Miss Varieté,
ResponderEliminarEn 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.
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)
ResponderEliminarPuedes usar el <br/> ese crea un salto de línea sin bordes ni nada.
ResponderEliminarYa 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
ResponderEliminarEl HR es una línea normal, pero quizá tu plantilla tenga estilos que hagan que hasta el HR se le agreguen bordes, sombras, etc.
ResponderEliminarIgual podrías usar guiones bajos, no es la mejor opción pero también te puede funcionar.
Hola Luis,
ResponderEliminarLocaliza 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.
Como puedo hacer un post footer identico al tuyo?
ResponderEliminarEres un dios el potro!!
¿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?
ResponderEliminar¿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
En la cuarta pregunta me refería a la etiqueta br/
ResponderEliminarMuchas gracias
Menecox, de Dios nada, sólo un simple mortal :)
ResponderEliminarEn 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.
El potro nisiquiera se como cambiar el color de fondo al post footer :(
ResponderEliminarDaniel 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:
ResponderEliminar.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.
Menecox, entonces dame un poco de tiempo para preparar una entrada sobre ello ;)
ResponderEliminar