Mil Trucos Bloggers

Tutoriales y recursos para Blogger

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Tutoriales Blogger » El CSS en Blogger

domingo, 16 de diciembre de 2012

El CSS en Blogger

Add Comment
Tutoriales Blogger
domingo, 16 de diciembre de 2012
El CSS es un lenguaje muy usado en el diseño web, dado que se logran grandes resultados y efectos con el y Blogger no es la excepción.

Pero antes de seguirnos adentrando en lo que representa el CSS en Blogger miremos un poco que es el CSS:

"El nombre hojas de estilo en cascada viene del inglés Cascading Style Sheets, del que toma sus siglas. CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.
La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.
La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "<style>".

Cita tomada de Wikipedia"


Ahora veamos como podemos añadir el CSS en Blogger.

Forma 1

La forma más usada a la hora de agregar el CSS en Blogger es agregarlo entre las etiquetas <b:skin><![CDATA[/*  - ]]></b:skin> de forma similar al siguiente ejemplo :

 <b:skin><![CDATA[/*

.jump-link {
float: right;

]]></b:skin>

Siendo el  CSS propiamente dicho el que va en le medio de las dos etiquetas.


Forma 2

Otra forma posible de agregar el CSS en Blogger es agregarlo justo antes de </head> pero para añadirlo aqui el CSS debe ir encerrado en la siguentes condicionales:
<style type='text/css'>

CSS AQUI

</style>

Agregandose el CSS justo en el medio de las condicionales "style".

Siendo el resultado final de esta forma similar al siguiente ejemplo :
 <style type='text/css'>
.jump-link {
float: right;
</style>

 </head>

Forma 3

La tercera y ultima forma es agregandolo desde el diseñador de plantilla de Blogger.

Para abri el diseñador debes estar en Diseño, Diseñador de Plantillas ( en la parte superior), Avanzado, Añadir CSS, ya estando alli puedes añadir toda clase de atributos CSS y para guardar los cambios deberas dar click en Aplicar al blog.

Espero que les haya sido de utilidad este pequeño tutorial, si tienen alguna duda solo comenten que con gusto resolvere sus inquietudes.

Share

Like

G+

Tweet

Tweet
0 Komentar untuk "El CSS en Blogger"

Add Comments

Entrada más reciente Entrada antigua Página Principal
Suscribirse a: Comentarios de la entrada (Atom)

Popular Week

  • Delicacy-Excelente plantilla Blogger para decoración
    Delicacy-Excelente plantilla Blogger para decoración
    Delicacy es una magnifica plantilla para Blogger que como lo indica el titulo de esta entrada es perfecta para sitios de decoracion, comidas...
  • Como recuperar mi contraseña en Blogger
    Como recuperar mi contraseña en Blogger
    Seguramente que muchas veces les ha pasado que olvidan su contraseña de acceso a su cuenta de Blogger, si has pasado por esta situación sabe...
  • Murciélagos volando que caen y se desvanecen en el blog
    Murciélagos volando que caen y se desvanecen en el blog
    Hoy es el dia de Halloween en todo el mundo y muchos son los que me han enviado solicitudes sobre algun tutorial para este dia, asi que acat...
  • Añadir marca de agua a las imagenes
    Añadir marca de agua a las imagenes
    Muchos bloggueros que comparten imagenes en la red quieren dejar su sello personal en dichas imagenes y que mejor forma que ponerles a las i...
  • Copos de Nieve cayendo en el blog
    Copos de Nieve cayendo en el blog
    Ya casi es navidad y muchos bloggers quieren poner sus blogs acorde al estilo de la epoca, asi que por eso hoy he querido compartir un truco...
  • Menú vertical con CSS3 y jQuery para Blogger
    Menú vertical con CSS3 y jQuery para Blogger
    En Ayuda Blogger he encontrado un maravilloso menu vertical hecho con CSS3 y libreria jQuery que ademas de tener un aspecto genial ahorra m...
  • Cursos para Blogger-Una buena oportunidad para aprender
    Cursos para Blogger-Una buena oportunidad para aprender
    En esta oportunidad quería compartir con ustedes algo muy importante en el mundo de los blogs y son los cursos para Blogger. En estos cursos...
  • ImageBam, Excelente hosting de imagenes
    ImageBam, Excelente hosting de imagenes
    Amigos Bloggero hoy paso a recomendarles un excelente hosting de imagenes y es ImageBam, que es un servicio de almacenamiento que permite gu...
  • Suscripcion por email en Blogger
    Suscripcion por email en Blogger
    Este truco nos permitira la suscripcion via email para nuestros lectores asi nuestras entradas les llegaran a su correo. El recuadro de la s...
  • Rating Widget-Un sistema de calificaciones para tu blog de Wordpress
    Rating Widget-Un sistema de calificaciones para tu blog de Wordpress
    Siguiendo con los tutoriales para Wordpress hablare de un excelente plugin que he usado para agregar un sistema de calificaciones a mis blog...

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Blog Archive

  • ►  2014 (20)
    • ►  enero (20)
  • ►  2013 (322)
    • ►  diciembre (34)
    • ►  noviembre (31)
    • ►  octubre (35)
    • ►  septiembre (33)
    • ►  agosto (42)
    • ►  julio (13)
    • ►  junio (17)
    • ►  mayo (26)
    • ►  abril (30)
    • ►  marzo (22)
    • ►  febrero (15)
    • ►  enero (24)
  • ▼  2012 (171)
    • ▼  diciembre (19)
      • Feliz año nuevo 2013 amigos Bloggeros
      • Adbooth- Una alternativa a Adsense
      • Feliz navidad para todos los bloggeros
      • Copos de Nieve cayendo en el blog
      • Diseña tu página web con OK Hosting
      • El CSS en Blogger
      • Insertar Videos de YouTube en los comentarios de B...
      • Miles de aplicaciones para tu Android en ADN Friki
      • Hacer que los usuarios compartan en Facebook o Twi...
      • Timeline WP-Theme Wordpress estilo Facebook Timeline
      • Como ejecutar aplicaciones de android en windows
      • Cientos de juegos de Batman en un solo sitio
      • Personalizar el gadget de etiquetas con CSS3
      • Cambiar imagen por otra al pasar el cursor
      • Muñeco de nieve flotando en tu blog
      • Evolve-Theme Premium para Wordpress
      • Estudia a distancia facilmente con Imagen Publica
      • Insertar imagenes en los comentarios de Blogger
      • Aprende sobre SEO, Marketing y Redes Sociales
    • ►  noviembre (20)
    • ►  octubre (13)
    • ►  septiembre (15)
    • ►  agosto (10)
    • ►  julio (10)
    • ►  junio (8)
    • ►  mayo (15)
    • ►  abril (12)
    • ►  marzo (15)
    • ►  febrero (19)
    • ►  enero (15)
  • ►  2011 (186)
    • ►  diciembre (20)
    • ►  noviembre (16)
    • ►  octubre (16)
    • ►  septiembre (16)
    • ►  agosto (18)
    • ►  julio (19)
    • ►  junio (22)
    • ►  mayo (25)
    • ►  abril (28)
    • ►  marzo (6)

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

© Mil Trucos Bloggers Published By Kaizen Templates powered by Blogger.com.
All Right Reserved By .