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

  • Scroll infinito en Blogger
    Scroll infinito en Blogger
    Una de las nuevas formas de cargar una pagina web o blog, es el scroll infinito , el cual consta en que a medida que se vaya bajando el con...
  • Pop Up Me gusta de Facebook para Blogger
    Pop Up Me gusta de Facebook para Blogger
    Un usuario anonimo me pidio un truco tipo PopUp en el se mostrase el boton Me Gusta de Facebook,y buscando un poco he encontrado el tutorial...
  • Últimas Entradas Personalizadas con Icono
    Últimas Entradas Personalizadas con Icono
    Hace unos dias publique una entrada titulada  Ultimos Comentarios Personalizados con Icono ,pues bien despues de probar un rato con los codi...
  • Plantilla BloggerTube
    Plantilla BloggerTube
    BloggerTube es una de las plantillas mas populares entre los Bloggeros en especial para aquellos que desean crear un blog de videos o musica...
  • Las 5 etapas en la vida de un blogger,¿En qué fase te Encuentras ya?
    Las 5 etapas en la vida de un blogger,¿En qué fase te Encuentras ya?
    Hola estimados lectores. Creo que este artículo lo verán un tanto familiar algunos colegas, porque probablemente se apegará a varios sucesos...
  • Cambiate a facturas electronicas
    Cambiate a facturas electronicas
    Las facturas de papel fueron en su momento una gran idea pero en este siglo que ha sido denominado "el siglo de la tecnologia" han...
  • No olvides hacerle SEO a tu web
    No olvides hacerle SEO a tu web
    Ya en Mil Trucos Blogger hemos hablado sobre el SEO, pero hoy hablaremos para que sirve verdaderamente el SEO ya que he recibido muchas duda...
  • ¿Blogger es el producto favorito de Google?
    ¿Blogger es el producto favorito de Google?
    ¿Blogger es el producto favorito de Google?, esa es la pregunta que muchos se harán, luego de leer mi post de ayer el cual se titulaba  ¿Blo...
  • Añade un foro a tu blog con Nabble
    Añade un foro a tu blog con Nabble
    Ya he publicado varias entradas con foros para Blogger pero esta vez les recomiendo Nabble,el cual es el sistema que uso actualmente en el f...
  • Juegos Android- Otro acierto de Google
    Juegos Android- Otro acierto de Google
    Desde que los celulares con el sistema operativo de Google: Android se volvieron muy populares ha crecido en torno a ellos una gran comunida...

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 .