Crear una página en blogger sin columna lateral

Tengo una semana de locos, pues con el dinero ganado tras las ventas generadas por la cuenta de instagram, estamos llevando a cabo una campaña de anuncios y hay que monitorizarlo muy bien para no perder dinero.

Además, ya os contaba que comienzo otro nuevo proyecto, y no sé si os he dicho o no, que estoy preparándoos otro curso (así que atentos al blog la semana que viene).

Pero eso, que de locos. Aun así, he querido sacar media hora para escribiros este tutorial, algo que nunca se me había ocurrido pero ahora que lo he necesitado, creo que es algo muy útil y que merecía la pena ser compartido :)


Imagino que sabréis que blogger nos da la oportunidad tanto de crear un blog con una columna lateral (o dos) o ninguna.

Lo tenéis en el diseñador de plantillas:


Un blog con columna, sería por ejemplo como este mío, que como veis, tiene una columna a la derecha de los posts y en la que puedo añadir cosas como el buscador, las categorías de mi blog, los seguidores, etc.

Y un blog sin columna, sería por ejemplo como el de mi curso de instagram, que como vereis si entráis, no tiene columna.

Por qué una sola página sin columna

En el caso del curso, genial que no tenga columna, pues no tengo necesidad de que sigáis el blog, ni nada más. Ahora bien, en un blog yo creo que es importante sí tenerla, para así tener a la vista las diferentes cosas que nos interese que el lector haga. Es decir, si no tenemos a la vista nuestros seguidores o nuestras redes, es probable que no nos sigan. Si no tenemos las categorías, es posible que lean un post y se vayan. Si no tenemos un anuncio o banner de algo (como yo del curso de ig), quizá ni sepan que lo tenemos.

Es decir, es muy útil.

Recuerdo que una vez me decía una clienta que tenía muchas visitas de google, pero que no tenía seguidores. ¡Claro! Tenía un blog sin columna lateral, y todas las opciones para seguirle, abajo del todo, al pie del blog... No estaban a la vista, y por tanto, la gente ni las veía.

Por otro lado, sin embargo, puede que tengamos algo que decir, en lo que queramos que al contrario, la gente no se nos desvíe de tema.

Os digo que lo he necesitado porque en el nuevo proyecto que estoy preparando, que tendré un blog con columna lateral, como este, tendré un programa a la venta de una cosa. Pero quiero que cuando la gente entre en la página explicativa o de venta de programa, no se me despiste yendo a otros posts y demás. Quiero despejarla y que así se centren en leer cómo funciona el programa.

Y por eso se me ha ocurrido que quizá vosotros podáis necesitarlo algún día.

El tutorial

He de decir que el tutorial lo he sacado de aquí. Ahora visto, obviamente, tiene sentido, pero supongo que me resultaba más fácil buscarlo en google y que me lo dieran hecho que pensar yo jajaj.

Las que habéis hecho el curso de html y css os daréis cuenta también de que hubieseis sabido hacerlo (pensando un poco), pero lo que no sabéis es usar el formato condicional, y que no es otra cosa que aplicar lo dicho en unos casos sí y en otros no.

Ejemplo:

Si... la página es "esta", quitarle la columna ;)

En cualquier caso y para que os resulte más sencillo a todos, yo creo que es más fácil, no ponerle un formato condicional en la plantilla, sino hacer el cambio directamente en la página en sí.

De ese modo y de su tutorial nos cargamos los condicionales y usamos solo lo que está entre las etiquetas de estilo. Vamos a nuestra página de blogger, lo pegamos en la zona de html antes de ponernos a escribir, y voilà :)

Paso a paso

Por si alguien está menos familiarizado con blogger o html o siguiendo tutoriales, hago un paso a paso muy fácil de seguir.

Paso 1.

Vais a la página que queráis poner a tamaño completo, y cambiais la vista a html


Paso 2.

Una vez en la vista html, copiáis el siguiente código:

<style>

.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}

.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}

.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {
display: none !important;
}

</style>

Así:


Paso 3.

Comenzáis a escribir debajo de eso.

Para no tener dudas, podéis escribir a primera palabra de vuestro post aun en la vista html (justo debajo de </style) y luego ya cambiar la vista a Redactar.

Una vez en redactar, escribís como de costumbre.

Paso 4.

Ya está, le dais a Publicar como siempre y ya.

Mirad, aquí podéis ver mi página de cursos original.

Y aquí podéis ver una página de cursos que he creado habiéndole quitado la columna.

--

Espero que os sea útil. Ahora o en el futuro.

De hecho, podéis pinearlo aquí para tenerlo a mano siempre → http://bit.ly/2ekj5Mv

Y recordad estad atentos en estos días que viene, que saco curso. Y ya sabéis que sule haber premios para los seguidores más fieles ;)

Voy a seguir.

Besotes


Blogger | Email | RSS | Bloglovin | Feedly

Fuente: este post proviene de Personalización de Blogs, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Etiquetas:

Recomendamos

Relacionado

Tutoriales Blogging

Desde hace tiempo habia querido hacer algunas paginas de mi blog un poco más profesional. Había querido hacer unas página estáticas, pero con el poco tiempo que últimamente he tenido, no me alcanza para ponerme a retocar mi plantilla. Las páginas estáticas son; (Según Google) Páginas web donde el contenido no son editables. La información permanece fija en un 95 % de la veces pudiéndose hacer pe ...

Probablemente, la pregunta que más veces he recibido a lo largo de estos años de blog es cómo poner una puntilla como la mía. Las personas que tienen el curso de html y css ya sabrán hacerlo, porque realmente es facilísimo, pero... para las que no lo tienen... ahí va este tutorial. En cualquier caso, os recomiendo muy mucho que lo compréis. Me resulta imposible hacer un tutorial por cada cosa que ...

Blogging Tutoriales

Una de las cosa que más me gustan de Blogger, es la capacidad de insertar y personalizar un formulario de contacto, sin la necesidad de recurrir a servicios como JotForm o Foxyform. Sin duda, un gran acierto, pues muchos de estos servicios tienen una limitación en cuanto a la cantidad de mensajes que puedes recibir en tu correo. Añadirlo es bastante sencillo, pues esta función se trata de un gadg ...

informática internet redes sociales ...

CREAR PÁGINA WEB Hoy os traigo un artículo dirigido en los que estén pensando crear una página web y aun no saben muy bien como ni por donde empezar. Para crear una página web, ya sea personal, corporativa o incluso una tienda online, es indispensable tener claros unos conceptos sobre el mundillo de las páginas web. Los siguientes conceptos son cosas diferentes, y hay que tratarlas como tal. Dom ...

internet correo electronico firma ...

Tras publicar este tutorial en uno de mis blogs, lo traslado aquí para llegar a la comunidad de Facilísimo, con otras palabras evidentemente. En él explico como puedes crearte una firma de correo electrónico, fácilmente y de manera gratuita, para que cada vez que contactes o respondas a alguien de tu sector, lo utilices enlazando a tus perfiles sociales, Skype, etcétera. Para ello vas a necesitar ...

desde0

Crear un menú en cualquier Blog es algo fundamental para organizar nuestros contenidos de manera que podamos presentarlos a nuestros usuarios de una manera estructurada y sencilla. Hemos tratado con anterioridad cómo crear un menú sencillo en Blogger sin tener ninguna experiencia en programación, con simples opciones que agrupan entradas bajo las etiquetas de tu Blog y que se puede poner con suma ...

tutoriales

El método más sencillo y fácil de hacer una página web con solo dos clics, copiando y pegando el texto en la ventana de una aplicación. Solo es necesario escribir o introducir el título, el contenido del cuerpo, tu nombre y será creada la página que podrás utilizar para fines diferentes. Existen varias opciones para crear una página web, puede ser usando un poderoso CMS online con múltiples recurs ...

general desde0

La creación de páginas en Blogger te permite darle valor añadido a tu Blog más allá de los contenidos que puedes proporcionar a través de sus entradas. Normalmente se utilizan las entradas para desarrollar la temática habitual del Blog, las entradas con la que transmitimos la información propia del día a día que nuestra creación web. Pero, ¿y si queremos hacer una página de contacto?, ¿cómo podemo ...

informática crear pagina web creacion web

Diseñar una página web a partir de una plantilla gratuita o desde cero con un programador o agencia de desarrollo web es el dilema al que se enfrentan aquellos que buscan tener su propio website. Para empezar, ten siempre presente que no todo lo gratis es realmente gratis. Muchas veces el producto o servicio “gratuito” puede terminar costando mucho más que el dinero. Bien, eso sonó un ...