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>
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.
Muy util este posteo. gracias
ResponderEliminarPor nada Fomoriano, qué bueno que te ha servido.
ResponderEliminarSaludos.
Exelente!! me ha sido muy util
ResponderEliminarQué bien que te fue útil ;)
ResponderEliminarSaludos.
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
ResponderEliminarHola Viviana,
ResponderEliminarNecesitaría ver la entrada donde te sucede eso para saber qué está sucediendo.
Saludos.
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??
EliminarLo mismo que a Viviana, maura, necesito ver la entrada dónde lo has puesto.
EliminarSaludos.
q mierda no se ni q es eso
ResponderEliminarHay que leer para entender.
ResponderEliminarmuy buen truco, pero se podría también cambiar el estilo de la letra capital como en los libros antiguos?
ResponderEliminarintente y sale como tu dices pero después al seguir escribiendo todo sale en tamaño capital??? que hice mal?
ResponderEliminarSólo debes encerrar la primera letra con el código que se menciona.
ResponderEliminarTambién puedes ver esta y esta opción.
-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
ResponderEliminarwww.arequipatradicional.blogspot.com
Me da gusto que te sea útil la información de este sitio.
ResponderEliminarSaludos.
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?
ResponderEliminarCon 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.
ResponderEliminarPara ponerle un marco a todo el post encierra toda la entrada entre <div style='border: 1px solid #000; padding: 10px;'> y </div>
Hola, amigo..!! Gracias por el truco. Muy bueno en verdad. Lo implementamos en el blog sin inconvenientes. Excelente explicación!!!
ResponderEliminarwww.lapequenagrecia.com
Me da gusto que hayas conseguido los resultados esperados.
ResponderEliminarGracias por tu visita!
Hola Ceres,
ResponderEliminarEs 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?
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.
ResponderEliminarEdita 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.
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.
ResponderEliminar¿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
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.
ResponderEliminarGracias.
Qué gusto que te haya sido de utilidad :)
EliminarMe encantó! Queda buenísimo! Gracias...!!!
ResponderEliminarHola El Potro.
ResponderEliminarVoy 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.
Gracias por tomarte el tiempo de comentar :)
Eliminar¡Saludos!
gracias, ahora te viso que no existe eso de FORMATO > PLANTILLA DE ENTRADA asi que hay que pegarlo en cada entrada
ResponderEliminarNo 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.
Eliminarno me funciona creo que el error recide en que son nueva la forma nueva de como blogger maneja todo
ResponderEliminarNop, las indicaciones son las mismas sin importar los cambios que ha hecho Blogger.
EliminarHe seguido las instrucciones y he pegado el código CSS justo depués de
ResponderEliminar.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!
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:
Eliminarhttp://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html
Gracias!
ResponderEliminarHola 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.
ResponderEliminarPero 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
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?
Eliminarmispadressonprimerizos.blogspot.com
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.
EliminarUna 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
}
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