Poner letra capital en entradas del blog

24 de enero de 2009 42 comentarios ,
La letra capital es la letra inicial de un texto que es más grande que todas las demás letras (ver ejemplo aquí). Así que si quieres darle este efecto de periódico a tus entradas esto es lo que tienes que hacer:

Entra en Plantilla | Edición de HTML y pega este código antes de ]]></b:skin>
.letrag {
float:left;
color: #fe6700;
font-size:100px;
font-family:none;
line-height:80px;
padding-top:1px;
padding-right:5px;
}
Guarda la plantilla y para que no tengas que hacerlo cada que escribas un post entonces ve a Configuración | Entradas y comentarios | Plantilla de entrada y pega ahí lo siguiente:

<span class="letrag">A</span>

  • La letra A deberás sustituirla por la letra inicial con la que comience el texto.
  • En color: puedes cambiarlo por el color que elijas.
  • En font-size: puedes cambiarlo por el tamaño de la letra.
  • padding: puedes cambiarlo por el espacio entre la primera letra respecto a las demás.


42 comentarios en:

" Poner letra capital en entradas del blog "

  1. Por nada Fomoriano, qué bueno que te ha servido.
    Saludos.

    ResponderEliminar
  2. Qué bien que te fue útil ;)
    Saludos.

    ResponderEliminar
  3. Hola. Me encantó esto de la letra capital, solo que toda la entrada me aparece con un grosor de letra bastante antiestético. Cuál será mi error? Saludos

    ResponderEliminar
  4. Hola Viviana,

    Necesitaría ver la entrada donde te sucede eso para saber qué está sucediendo.

    Saludos.

    ResponderEliminar
    Respuestas
    1. Me ha encantado tu blog , lo encontre por casualidad y puedes estar seguro que estara en mi barra de favoritos. Pero a mi me pasa lo mismoq ue a viviana me sale toda la entrada en el tamaño y color de la letra capital y ya he puesto solo la A que es el principio de la entrada. Que hago??

      Eliminar
    2. Lo mismo que a Viviana, maura, necesito ver la entrada dónde lo has puesto.
      Saludos.

      Eliminar
  5. muy buen truco, pero se podría también cambiar el estilo de la letra capital como en los libros antiguos?

    ResponderEliminar
  6. intente y sale como tu dices pero después al seguir escribiendo todo sale en tamaño capital??? que hice mal?

    ResponderEliminar
  7. Sólo debes encerrar la primera letra con el código que se menciona.
    También puedes ver esta y esta opción.

    ResponderEliminar
  8. -Muchas Gracias, fue muy útil la información..recién llevo unos tratando de modificar la apariencia de blogger y sus consejos son muy buenos saludos de Arequipa - Peru

    www.arequipatradicional.blogspot.com

    ResponderEliminar
  9. Me da gusto que te sea útil la información de este sitio.
    Saludos.

    ResponderEliminar
  10. Gracias por la informacion, tengo una interrogante.¿como hago para poner letra capital a cada parrafo de una entrada?,lo necesito para hacer un decalogo en mi blog, y ¿se podria poner un marco a todo el post(decalogo), para hacerlo mas estetico?

    ResponderEliminar
  11. Con este mismo método puedes poner la letra capital tantas veces como desees en la misma entrada. Sólo encierra la letra capital de cada párrafo entre <span class="letrag">A</span> y cambia la letra A por la de la letra inicial de tu párrafo.

    Para ponerle un marco a todo el post encierra toda la entrada entre <div style='border: 1px solid #000; padding: 10px;'> y </div>

    ResponderEliminar
  12. Hola, amigo..!! Gracias por el truco. Muy bueno en verdad. Lo implementamos en el blog sin inconvenientes. Excelente explicación!!!

    www.lapequenagrecia.com

    ResponderEliminar
  13. Me da gusto que hayas conseguido los resultados esperados.
    Gracias por tu visita!

    ResponderEliminar
  14. Hola potro tu pagina esta exelente y muy informativa, ya que sabes mucho me gustaria preguntarte a que se debe ,cuando estoy editando una entrada le doy a los colores para que me salga letras de diferente color, y me salen. pero después cuando le doy a publicar entrada y la veo no me salen los colores que he puesto.
    ayudame porfa, gracias

    ResponderEliminar
  15. Hola Ceres,

    Es posible que haya estilos en tu plantilla que obliguen a que se respeten los estilos predeterminados y por eso no surjan efecto los cambios que haces.
    ¿Tienes una entrada donde te haya pasado eso?

    ResponderEliminar
  16. mira aqui nen esta entrada fijate en la parte debajo de las capturas , donde dice capitulo y arriba donde dice ver online , esa palabra la quiero colocar en color al editar sale pero al publicar me sale en negro como podras ver tu mismo,ojala hubiera una solucion ayudame porfis, antemano gracias.





    Link

    http://eternaforever.blogspot.com/2012/01/senhime-zesshou-symphogear-anime-online.html

    ResponderEliminar
    Respuestas
    1. Pues no parece haber problema, mas bien, ese texto no tiene ningún estilo; sería distinto si por ejemplo viera que hubiera un estilo que se aplicó pero que no se ve reflejado, ahí sí podríamos pensar que es algo en la plantilla, pero no parece ser el caso.
      Edita de nuevo la entrada, ponle de nuevo el color y guarda otra vez los cambios. Si de nuevo te diera problemas quita el código que inhabilita el botón derecho y me echas un grito.

      Eliminar
  17. Hola potro amigo hice lo que me djiste , pero nada me pasa lo mismo edito y coloco las letras de color y al publicart no me salen,saque el scrip anti copia de mi pagina , para que puedas verlo mejor, ojala tenga solucion,gracias


    Aqui te dejo la entrada que hice , para que veas a que me refiero.

    http://eternaforever.blogspot.com/2011/12/high-score-anime-online-estreno-2011.html

    ResponderEliminar
    Respuestas
    1. Pues lo mismo, lo todo sin estilos, por ejemplo, veo el texto tal cual "Ver Online", no veo siquiera que esté encerrado en una etiqueta SPAN donde se le aplique el color.
      ¿Usas el editor antiguo o el actualizado? Porque con el editor antiguo había ese problema:
      http://ciudadblogger.com/2009/09/como-activar-el-editor-actualizado-en.html

      Eliminar
  18. Muy buena entrada. La acabo de utilizar en mi blog, pero en vez de usar span usé first-letter y me quedó excelente. Fue el único cambio que hice, lo demás me resultó muy bueno porque no tenía idea de como hacerlo.

    Gracias.

    ResponderEliminar
  19. Me encantó! Queda buenísimo! Gracias...!!!

    ResponderEliminar
  20. Hola El Potro.

    Voy a agradecértelo todo de golpe.
    Me llevo la letra capital, la araña sube y baja, los sonidos de Halloween y el fantasma, que no funciona en las nuevas plantillas, pero lo adapté en una esquinita del blog.

    Estoy pensando dónde poner los murciélagos ;-)
    Muchas gracias por todo.

    ResponderEliminar
  21. gracias, ahora te viso que no existe eso de FORMATO > PLANTILLA DE ENTRADA asi que hay que pegarlo en cada entrada

    ResponderEliminar
    Respuestas
    1. No existe ahora, cuando se publicó la entrada sí, pero ya la he actualizado, el código se pega en Configuración | Entradas y comentarios | Plantilla de entrada.

      Eliminar
  22. no me funciona creo que el error recide en que son nueva la forma nueva de como blogger maneja todo

    ResponderEliminar
    Respuestas
    1. Nop, las indicaciones son las mismas sin importar los cambios que ha hecho Blogger.

      Eliminar
  23. He seguido las instrucciones y he pegado el código CSS justo depués de
    .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
    border-$startSide: 1px solid $(tabs.border.color);
    }

    y justo antes de
    ]]>


    He incluído el tag de span tal y como se indica (usando la clase), pero el resultado es que no se aplica el estilo. Sin embargo si en span aplico el estilo directamente con style"............", entonces funciona.

    Por tanto, algo debe de ocurrir con la plantilla, que sí contiene los cambios pero no los está aplicándolos, pero no sé qué debe ocurrir. ¿Alguna idea?

    Gracias!

    ResponderEliminar
    Respuestas
    1. Hola Ivan, no mencionas en cuál blog lo has puesto, pero es casi seguro que se trata de un error en la colocación de los estilos, ya sea de estos o de estilos que hayas añadido con anterioridad:
      http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

      Eliminar
  24. Hola Potro, tengo un blog en el que hice una pagina estática como entrada inicial/principal y que blogger me da la opción de cambiar la fuente de la letra, le puse la coming soon.

    Pero esta misma fuente quisiera que me saliera en el resto de las entradas y no es así... no doy con la manera de cómo hacerlo. Me podrías dar una idea?

    Salu2 y feliz año

    ResponderEliminar
    Respuestas
    1. Hola Gude S, supongo que sólo tendrías que poner en el .post-body la fuente que deseas, ¿en cuál blog quieres hacerlo?

      Eliminar


    2. mispadressonprimerizos.blogspot.com

      Eliminar
    3. Lo que sucede es que hay algunas entradas en las que has establecido que tengan una fuente diferente, así que el navegador respeta esas fuentes que estableciste para ciertas entradas.
      Una opción podría ser que obligues a que se aplique esa fuente, tal vez así:

      .post-body span, .post-body div, .post-body b, .post-body i, .post-body p {
      font-family: 'Coming Soon' !important
      }

      Eliminar
  25. Mil gracias, me ha funcionado de fábula. Había probado otras formas sugeridas en otros blogs y no había manera de que funcionase. Te tengo en favoritos :)

    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