Presenta:¿Editar un blog es difícil?
Para empezar con este práctico tutorial, tengo dosindicaciones por seguridad:1. Entra a tu blog, en la pestaña diseño busc...
¿Como crear una segunda, tercera o más columnas laterales?Primero debes saber que las columnas laterales en un Blog y en i...
2º Después sigues bajando, y buscas la sección con el nombre “/* Content”es en esta donde está el contenido de tu blog. Pr...
4º Después encontrarán la sección “`/* Left Sidebar Content”, la cual nomodificaremos, sigues bajando y encontrarás /*Righ...
5º Por último el paso final, siguen bajando y encontrarán la sección“/* Footer”, siguen bajando y llegarán a unos códigos ...
FINTutorial hecho por : Renato-tube.Patrocinado por: El ocio de Renato.Visita:http://www.renato-tube.blogspot.com
Próxima SlideShare
Cargando en…5
×

Diapositiva

77 visualizaciones

Publicado el

tutorial de blogs

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
77
En SlideShare
0
De insertados
0
Número de insertados
15
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Diapositiva

  1. 1. Presenta:¿Editar un blog es difícil?
  2. 2. Para empezar con este práctico tutorial, tengo dosindicaciones por seguridad:1. Entra a tu blog, en la pestaña diseño busca laopción “edición HTML”, y haz clic, tal y como lo muestrala imagen.Acto seguido vas al cuadro donde esta escrita la plantillaen códigos HTML, y copias todo el texto en una hoja wordo block de notas. Todo esto es con el fin de que si en laedición de tu plantilla cometes errores y no obtienes losresultados que buscas, tengas respaldada tu informaciónprevia. Para que así la puedas volver a poner y listo.INTRODUCCIÓN
  3. 3. ¿Como crear una segunda, tercera o más columnas laterales?Primero debes saber que las columnas laterales en un Blog y en idiomaHTML, son llamados sidebar. También debes tener en claro que todas lasplantillas de los blogs, son distintas así que debes tomar este tutorial,como un ejemplo, y tienes que tomar lo que mejor te ayude.1º Tienen que ver la plantilla, en un comienzo les costará entenderla perointentando y con persistencia les aseguro que resultará. Tienen que ir a lasección que dice “/* Variable definitions “ , dentro de esta parte, están====================situadas todas las variables de tu blog, lo que es texto color, etc; ustedesdeben buscar en todas las variables, las que tengan el nombre sidebar.Como se ve en la imagen, en mi plantillasolo aparecía las variables de“sidebarBgColor1” y la “sidebarBgColor2”,ambas corresponden a la columna 1 y 2.Para la tercera columna copio la variable“siderbarBgColor2” debajo de las dosvariables anteriores y le cambio el nombrede “siderbarBgColor2” a“siderbarBgColor3”, y la que me resulta esla variable que queda en verde, comomuestra la imagen.
  4. 4. 2º Después sigues bajando, y buscas la sección con el nombre “/* Content”es en esta donde está el contenido de tu blog. Primero tienes que ubicar lasiguiente imagen:En esos códigos ubican el que dice “width”que significa anchura. En i blog vino con950px, y como ven lo modifique a 1100pxsi deseas puedes poner 100% para facilitar eltrabajo.3º Después sigues bajando, y ubicaraslos códigos de cada sidebar, tal ycomo se ve en la imagen, debenhacer el mismo paso de las variables,en este caso yo copie la informacióndel “#sidebar2-wrapper {“, y le cambieel nombre a “#sidebar3-wrapper {”, yme quedo como pueden apreciar enla imagen con sombreado verde.
  5. 5. 4º Después encontrarán la sección “`/* Left Sidebar Content”, la cual nomodificaremos, sigues bajando y encontrarás /*Right Sidebar Content, en laQue verás resaltado en verde,cada parte tiene el nombre desidebar2, ya que corresponde a lasegunda columna. Como nosotrosqueremos crear una terceracolumna, copiamos toda lainformación de esa sidebar, y losnombres resaltados se cambianpor sidebar3, en mi plantilla, almodificar esto, la tercera columnaquedo tal y como muestra laimagen de la derecha. Si se dancuenta todo lo resaltado conamarillo, son los nombres desidebar2, modificados porsidebar3.
  6. 6. 5º Por último el paso final, siguen bajando y encontrarán la sección“/* Footer”, siguen bajando y llegarán a unos códigos más raros, el quedeben encontrar para sentirse encaminados es el <div id=sidebar-wrapper>,si lo encontraron siguen bajando hasta encontrar <div id=sidebar2-wrapper>que representa la segunda columna entonces copian esa información ycambian el nombre a <div id=sidebar3-wrapper>, tal y como muestra lasiguiente imagen:Quedará tal y como muestrala imagen, mi resultado fue loscódigos que están sombreados,obviamente que el contenido de esaparte no es tal igual a la sidebar2,porque yo ya la modifique, cosa queharán uds, después de lograr latercera columna. Los resultadosquedarán como se muestra en elsiguiente blog:http://www.renato-tube.blogspot.comFinalmente haces clic en GUARDAR ya disfrutar de tu blog.
  7. 7. FINTutorial hecho por : Renato-tube.Patrocinado por: El ocio de Renato.Visita:http://www.renato-tube.blogspot.com

×