<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog and Web &#187; guía para principiantes</title>
	<atom:link href="http://blogandweb.com/tag/guia-para-principiantes/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogandweb.com</link>
	<description>Recursos para Blog y Web</description>
	<lastBuildDate>Tue, 08 Nov 2011 23:09:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Blogs, guía para principiantes (V): Escribir un post en Blogger (I)</title>
		<link>http://blogandweb.com/blogger/blogs-guia-para-principiantes-v-escribir-un-post-en-blogger-i/</link>
		<comments>http://blogandweb.com/blogger/blogs-guia-para-principiantes-v-escribir-un-post-en-blogger-i/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 23:02:36 +0000</pubDate>
		<dc:creator>Ivan</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[escribir]]></category>
		<category><![CDATA[formato]]></category>
		<category><![CDATA[guía para principiantes]]></category>
		<category><![CDATA[nueva entrada]]></category>

		<guid isPermaLink="false">http://blogandweb.com/?p=2281</guid>
		<description><![CDATA[Una vez ya tenemos nuestro blog creado en Blogger, podemos empezar a escribir nuestro primer post o entrada, como es denominada este servicio. Por ahora, dejaremos al margen el asunto de contenidos y nos centraremos en el aspecto técnico. Cuando hemos ingresado con nuestra cuenta, todo lo que tenemos que hacer para escribir una entrada [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-2230" title="Blog, guía para principiantes" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogguia.jpg" alt="Blog, guía para principiantes" width="504" height="124" />Una vez ya tenemos nuestro blog creado en <a href="http://www.blogger.com/">Blogger</a>, podemos empezar a escribir nuestro primer post o entrada, como es denominada este servicio. Por ahora, dejaremos al margen el asunto de contenidos y nos centraremos en el aspecto técnico.</p>
<p style="text-align: left;">Cuando hemos ingresado con nuestra cuenta, todo lo que tenemos que hacer para escribir una entrada es hacer clic en el botón &#8220;<strong>Nueva entrada</strong>&#8220;.<img class="aligncenter" title="Nueva entrada" src="../wp-content/uploads/2009/08/postblogg00.png" alt="Nueva entrada" width="185" height="61" /></p>
<p>Este botón nos lleva a un pequeño procesador de textos. En la casilla superior llamada &#8220;<strong>Título</strong>&#8221; escribiremos lo que su propio nombre indica, el título del post. Un post siempre debe tener un título.<img class="aligncenter size-full wp-image-2283" title="postblogg001" src="http://bw.imagenes.info/wp-content/uploads/2009/08/postblogg001.png" alt="postblogg001" width="382" height="38" /></p>
<p>A continuación, tenemos el procesador propiamente dicho. Consta de dos pestañas. Normalmente, siempre se iniciará en la pestaña &#8220;<strong>Redactar</strong>&#8220;, donde puedes escribir el contenido del post, darle formato, incluir imágenes, etc. La pestaña &#8220;<strong>Edición de HTML</strong>&#8221; nos muestra el contenido del post con las etiquetas del código HTML. Si escribimos desde esta pestaña, será necesario que introduzcamos el código a mano.<img class="aligncenter size-full wp-image-2282" title="postblogg002" src="http://bw.imagenes.info/wp-content/uploads/2009/08/postblogg002.png" alt="postblogg002" width="500" height="230" /></p>
<p>HTML significa Hypertext Markup Language (lenguaje de marcas de hipertexto) y es el lenguaje de programación en el que se realizan las páginas web. Toda página está escrita en HTML o en combinación de este lenguaje con otros como PHP. Sin embargo, para escribir en tu blog no es necesario que aprendas HTML: Blogger lo introduce por ti cuando escribes en la pestaña &#8220;<strong>Redactar</strong>&#8220;, como veremos un poco más adelante.</p>
<p>Bueno, pues en este punto es cuando tenemos que escribir el contenido de la entrada. Cuando hayas terminado de hacerlo, llega el momento de dar formato e incluir imágenes. Es recomendable hacerlo de esta manera: ir dando formato al tiempo que escribes sólo interrumpirá el hilo de tu escritura y corres el riesgo de terminar perdiéndolo. Concéntrate en escribir y, después, pasa al formato.<img class="aligncenter size-full wp-image-2296" title="Pestaña &quot;Redactar&quot;" src="http://bw.imagenes.info/wp-content/uploads/2009/08/postblogg01.png" alt="Pestaña &quot;Redactar&quot;" width="500" height="339" /></p>
<p>Para dar formato, se emplea la barra de iconos que hay en la pestaña. Su funcionamiento es como en cualquier procesador de textos: seleccionas el texto al que quieres aplicar formato y le das a uno de los iconos. Repasemos cada uno de ellos.</p>
<p><img class="alignleft size-full wp-image-2297" title="01-crop" src="http://bw.imagenes.info/wp-content/uploads/2009/08/01-crop.png" alt="01-crop" width="88" height="28" /><strong>Fuente</strong>: esto no es un icono, sino una lista desplegable. Te ofrece la posibilidad de elegir entre unas pocos tipos de letra para aplicarlos a tu texto. La razón de que sean tan pocos es porque los tipos ofrecidos son aquellos que podrán verse en cualquier navegador y computadora desde donde se acceda al blog. Mi consejo es que no utilices ninguno. Las plantillas ya vienen con un tipo de letra definido con el que se va a mostrar el texto de los posts y cambiar desde aquí la fuente puede hacer que cambie demasiado la estética del blog. Cambia la fuente solamente cuando lo consideres estrictamente necesario para el mensaje que quieras transmitir.</p>
<p><img class="alignleft size-full wp-image-2295" title="Tamaño de fuente" src="http://bw.imagenes.info/wp-content/uploads/2009/08/02-crop.png" alt="Tamaño de fuente" width="35" height="28" /><strong>Tamaño de fuente</strong>: como indica su nombre, permite cambiar el tamaño de letra empleado. Utilízalo solamente cuando quieras realizar, por ejemplo, subtítulos dentro de un post.</p>
<p><img class="alignleft size-full wp-image-2300" title="Negrita" src="http://bw.imagenes.info/wp-content/uploads/2009/08/03-crop.png" alt="Negrita" width="33" height="28" /><strong>Negrita</strong>: es una b por bold, negrita en inglés. Se suele utilizar en los post para resaltar palabras o frases.</p>
<p><img class="alignleft size-full wp-image-2294" title="Cursiva" src="http://bw.imagenes.info/wp-content/uploads/2009/08/04-crop.png" alt="Cursiva" width="30" height="28" /><strong>Cursiva</strong>: es una i por italic, cursiva en inglés. La cursiva sirve también para resaltar texto, pero en los blogs se acostumbra más a utilizar la negrita.</p>
<p><img class="alignleft size-full wp-image-2299" title="Color del texto" src="http://bw.imagenes.info/wp-content/uploads/2009/08/05-crop.png" alt="Color del texto" width="30" height="28" /><strong>Color del texto</strong>: te permite cambiar el color del texto seleccionado. Un consejo: salvo excepciones, no lo utilices. Los textos que varían de color suelen ser muy molestos y más difíciles de leer.</p>
<p><img class="alignleft size-full wp-image-2293" title="Enlace" src="http://bw.imagenes.info/wp-content/uploads/2009/08/06-crop.png" alt="Enlace" width="30" height="28" /><strong>Enlace</strong>: sirve para convertir el texto seleccionado en un enlace o vínculo, de manera que al hacer clic sobre él se abra la página que le indiquemos. Al pinchar en este icono, se abrirá una pequeña caja de texto donde deberemos escribir la dirección a la que queremos que dirija.</p>
<p><img class="alignleft size-full wp-image-2292" title="Alineación" src="http://bw.imagenes.info/wp-content/uploads/2009/08/07-crop.png" alt="Alineación" width="98" height="28" /><strong>Alineación </strong>a la izquierda, centro, derecha o justificación a ambos lados: te permite poner a un lado u otro el texto. La justificación extenderá la separación de las palabras hasta que cada línea cubra de un extremo a otro del post. Como sugerencia, decir que es mejor que no justifiques el texto: los espacios que quedan entre las palabras suelen ser desiguales y le dan peor apariencia que si están con alineación a la izquierda.</p>
<p><img class="alignleft size-full wp-image-2298" title="Lista numerada" src="http://bw.imagenes.info/wp-content/uploads/2009/08/08-crop.png" alt="Lista numerada" width="31" height="28" /><strong>Lista numerada</strong>: numera cada párrafo seleccionado. Suele aparecer con sangría a la izquierda, aunque esto dependerá de la plantilla utilizada.</p>
<p><img class="alignleft size-full wp-image-2291" title="Lista con viñetas" src="http://bw.imagenes.info/wp-content/uploads/2009/08/09-crop.png" alt="Lista con viñetas" width="31" height="28" /><strong>Lista con viñetas</strong>: coloca una pequeña imagen delante de cada párrafo. Dependiendo de la plantilla utilizada, esta imagen puede ser un círculo negro o cualquier otra imagen más completa.</p>
<p><img class="alignleft size-full wp-image-2290" title="Bloque entrecomillado o cita" src="http://bw.imagenes.info/wp-content/uploads/2009/08/10-crop.png" alt="Bloque entrecomillado o cita" width="31" height="28" /><strong>Bloque entrecomillado</strong>: le da un formato especial que varía según la plantilla, pero que se diferencia del resto del texto. Sirve para colocar una cita, indicando que el contenido que está formateado así no lo hemos escrito nosotros, sino que lo sacamos de otro lugar.</p>
<p><img class="alignleft size-full wp-image-2289" title="Comprobar ortografía" src="http://bw.imagenes.info/wp-content/uploads/2009/08/11-crop.png" alt="Comprobar ortografía" width="31" height="28" /><strong>Comprobar ortografía</strong>: nos revisa la ortografía de nuestra entrada. Al hacer clic en este icono, se resaltarán las palabras que se consideren erróneas. Ojo, utiliza tu sentido común y tus conocimientos a la hora de corregir.</p>
<p><img class="alignleft size-full wp-image-2288" title="Añadir imagen" src="http://bw.imagenes.info/wp-content/uploads/2009/08/12-crop.png" alt="Añadir imagen" width="31" height="28" /><strong>Añadir imagen</strong>: nos abrirá una ventana desde la cual podremos incluir una o varias imágenes en nuestra entrada. Hablaremos de esto con más extensión en otro post de esta serie.</p>
<p><img class="alignleft size-full wp-image-2287" title="Añadir vídeo" src="http://bw.imagenes.info/wp-content/uploads/2009/08/13-crop.png" alt="Añadir vídeo" width="31" height="28" /><strong>Añadir vídeo</strong>: nos permite subir un vídeo a nuestro blog desde nuestra computadora. Si lo que queremos es empotrarlo (embed) desde otro servicio como YouTube y similares, el método a seguir es diferente. Hablaremos de ello también en otro post.</p>
<p><img class="alignleft size-full wp-image-2286" title="Eliminar formato" src="http://bw.imagenes.info/wp-content/uploads/2009/08/14-crop.png" alt="Eliminar formato" width="31" height="28" /><strong>Eliminar formato de la selección</strong>: hace lo que dice su nombre. Esto es muy útil para cuando copiamos texto que hemos escrito en un procesador como Word o que hemos extraído de otra web. Al eliminar el formato del texto, nos aseguramos que se vea correctamente en nuestro blog, sin que conserve el que tenía anteriormente.</p>
<p><img class="alignleft size-full wp-image-2285" title="Vista previa" src="http://bw.imagenes.info/wp-content/uploads/2009/08/15-crop.png" alt="Vista previa" width="78" height="28" /><strong>Vista previa</strong>: al hacer clic en este enlace, la caja de texto del contenido del post se contraerá y nos mostrará debajo como se ve con el formato que hemos aplicado. Esta vista previa es en realidad una vista aproximada, pues no utiliza muchos de los elementos de formato que termina dando nuestra plantilla. Sirve para hacerse una idea respecto a cosas como la alineación y si las imágenes y vídeos se ven correctamente, pero es muy posible que tu post no se vea exactamente tal y como se verá al final.</p>
<p>Por último, tenemos unas pocas opciones más que tienen bastante importancia. Sin embargo, como este post ya se ha hecho demasiado largo, dejaremos la explicación a profundidad para la próxima entrada de esta serie.</p>
<p>I<em>magen de la guía: montaje utilizando la imagen “</em><a style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; text-decoration: none; color: #b86435; border-bottom-style: dotted; border-bottom-color: #b86435; background-position: initial initial; padding: 0px; margin: 0px;" href="http://www.flickr.com/photos/15923063@N00/98834449/"><em>Buried Magazine</em></a><em>” de </em><a style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; text-decoration: none; color: #b86435; border-bottom-style: dotted; border-bottom-color: #b86435; background-position: initial initial; padding: 0px; margin: 0px;" href="http://www.flickr.com/photos/carbonnyc/"><em>CarbonNYC</em></a></p>
<p><em>Entradas anteriores de esta guía:</em></p>
<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 13px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; list-style-type: none; list-style-position: initial; list-style-image: initial; background-position: initial initial; padding: 0px; border: 0px initial initial;">
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; list-style-type: square; list-style-position: inside; text-align: justify; background-position: initial initial; padding: 0px; border: 0px initial initial;"><em><a style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; text-decoration: none; color: #b86435; border-bottom-style: dotted; border-bottom-color: #b86435; background-position: initial initial; padding: 0px; margin: 0px;" href="http://blogandweb.com/blogs/blogs-guia-para-principiantes-i-que-es-un-blog-y-para-que-tener-uno/">Qué es un blog y para qué tener uno</a>.</em></li>
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; list-style-type: square; list-style-position: inside; text-align: justify; background-position: initial initial; padding: 0px; border: 0px initial initial;"><em><a style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; text-decoration: none; color: #b86435; border-bottom-style: dotted; border-bottom-color: #b86435; background-position: initial initial; padding: 0px; margin: 0px;" href="http://blogandweb.com/blogs/blogs-guia-para-principiantes-ii-%c2%bfblogger-o-wordpress/">¿Blogger o WordPress?</a></em></li>
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; list-style-type: square; list-style-position: inside; text-align: justify; background-position: initial initial; padding: 0px; border: 0px initial initial;"><em><a href="http://blogandweb.com/blogger/blogs-guia-para-principiantes-iii-como-crear-un-blog-en-blogger/">Cómo crear un blog en Blogger</a></em><em>.</em></li>
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; list-style-type: square; list-style-position: inside; text-align: justify; background-position: initial initial; padding: 0px; border: 0px initial initial;"><em><a href="http://blogandweb.com/blogger/blogs-guia-para-principiantes-iv-partes-de-un-blog-en-blogger/">Partes de un blog en Blogger</a></em><em>.</em></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blogandweb.com/blogger/blogs-guia-para-principiantes-v-escribir-un-post-en-blogger-i/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>Blogs, guía para principiantes (IV): Partes de un blog en Blogger</title>
		<link>http://blogandweb.com/blogger/blogs-guia-para-principiantes-iv-partes-de-un-blog-en-blogger/</link>
		<comments>http://blogandweb.com/blogger/blogs-guia-para-principiantes-iv-partes-de-un-blog-en-blogger/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 04:30:03 +0000</pubDate>
		<dc:creator>Ivan</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[escritorio]]></category>
		<category><![CDATA[estructura]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[guía para principiantes]]></category>

		<guid isPermaLink="false">http://blogandweb.com/?p=2247</guid>
		<description><![CDATA[Nota: si bien en el capítulo anterior de esta guía dije que a continuación hablaríamos de la creación de un blog en WordPress.com, he pensado que sería mejor continuar con Blogger por el momento. De esta forma, la serie de posts será menos dispersa. Por ello, cuando terminemos con el servicio de de blogs de [...]]]></description>
			<content:encoded><![CDATA[<p><em><strong><img class="aligncenter size-full wp-image-2230" title="Blog, guía para principiantes" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogguia.jpg" alt="Blog, guía para principiantes" width="504" height="124" />Nota</strong>: si bien en el capítulo anterior de esta guía dije que a continuación hablaríamos de la creación de un blog en WordPress.com, he pensado que sería mejor continuar con Blogger por el momento. De esta forma, la serie de posts será menos dispersa. Por ello, cuando terminemos con el servicio de de blogs de Google, abordaremos el de Automattic.</em></p>
<p>Ya tenemos nuestro blog creado en Blogger. Tal vez es buen momento para detenernos a examinar las partes comunes que tienen todos los blogs creados en este servicio, tanto de cara al público como &#8220;de puertas para dentro&#8221;.</p>
<h3>Aspecto externo del blog</h3>
<p>Nuestro blog tiene dos páginas principales:</p>
<p><strong>La portada</strong>: es la página que se ve cuando se accede a él. Muestra en orden cronológico inverso los últimos posts publicados; es decir, que el último que has publicado aparece el primero, a continuación le sigue el que publicaste antes de éste, y así hasta el primero. Podemos indicar en la configuración del blog cuantas entradas se van a ver en la portada.<img class="aligncenter size-full wp-image-2256" title="Portada" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogdeprueba01.jpg" alt="Portada" width="266" height="400" /></p>
<p><strong>El post o entrada individual</strong>: cada entrada que publicas tiene su propia página individual. En ella se muestra únicamente su contenido acompañado de los comentarios que hayan dejado los lectores.<img class="aligncenter size-full wp-image-2255" title="Entrada individual" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogdeprueba02.jpg" alt="Entrada individual" width="352" height="400" /></p>
<p>Hay una tercera página que sería <strong>el formulario de comentarios</strong>. Se trata de una página que muestra una casilla para que nuestros lectores digan lo que quieran acerca de cada entrada en particular. Junto a la casilla, se muestran los comentarios que dejaron anteriormente otros lectores (si los hubiera). Esta página puede mostrarse al hacer clic para dejar un comentario o en una nueva ventana de pequeño tamaño, depende de como la configuremos. En algunas plantillas, es posible obviar esta página aparte e incluir el formulario de comentarios justo debajo del contenido del post. Sin embargo, esto no funciona en todas las plantillas.<img class="aligncenter size-full wp-image-2254" title="Formulario de comentarios" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogdeprueba03.jpg" alt="Formulario de comentarios" width="399" height="400" /></p>
<p>Salvo plantillas excepcionales, tanto la portada como la página de cualquier entrada tienen el mismo aspecto y las mismas partes:</p>
<p><strong>Cabecera</strong>: el lugar donde aparece el nombre de nuestro blog. Bajo el nombre, aparecerá una pequeña descripción de nuestro blog (si la hemos añadido en la configuración).</p>
<p><strong>Barra de gadgets</strong>: se trata de una zona donde podemos añadir diversos complementos a nuestro blog por medio de los gadgets (llamados widgets en otros sistemas). Dependiendo de la plantilla, podemos contar con más de una barra lateral o incluso otras zonas donde colocarlos.</p>
<p><strong>Contenido</strong>: si es la portada, en esta zona aparecerán las entradas, una tras otra; si es la página de un post, éste aparecerá ahí.</p>
<p><strong>Pie de página</strong>: dependiendo de la plantilla, en esta zona podrás colocar también gadgets. En plantillas ajenas a Blogger, esta zona suele ser ocupada por los créditos de los creadores o adaptadores de la plantilla.<img class="aligncenter size-full wp-image-2253" title="Estructura de un blog" src="http://bw.imagenes.info/wp-content/uploads/2009/07/estructura_blog.png" alt="Estructura de un blog" width="499" height="508" /></p>
<p>En algunas plantillas como las que se pueden encontrar en <a href="http://btemplates.com/">BTemplates</a>, es posible que haya una pequeña barra de navegación. En realidad, esa barra no es más que una serie de enlaces a entradas del blog que debes personalizar una vez que coloques la plantilla. A diferencia de sistemas como WordPress, Blogger no permite la creación de páginas fuera del flujo de entradas, por así decirlo. Por ejemplo, si quieres tener una página que contenga información sobre ti, deberás publicarla como un post y luego enlazarla desde esa barra (o desde cualquier otro sitio).</p>
<h3>Aspecto interno</h3>
<p>El blog lo administramos desde el escritorio de Blogger. Cuando hemos accedido con nuestra cuenta, veremos algo como esto:<img class="aligncenter size-full wp-image-2252" title="Escritorio de Blogger" src="http://bw.imagenes.info/wp-content/uploads/2009/07/escblogg01.jpg" alt="Escritorio de Blogger" width="500" height="189" /></p>
<p>Cualquiera de las opciones nos permitirá acceder a la administración del blog, sólo que entrando por secciones diferentes. Hay cuatro grandes secciones:</p>
<p><strong>Creación de entradas</strong>: desde aquí puedes manejar todo lo relacionado con las entradas. Puedes escribir nuevos post, editar los existentes y moderar los comentarios.<img class="aligncenter size-full wp-image-2251" title="Sección &quot;Creación de entradas&quot;" src="http://bw.imagenes.info/wp-content/uploads/2009/07/escblogg02.jpg" alt="Sección &quot;Creación de entradas&quot;" width="500" height="341" /></p>
<p><strong>Configuración</strong>: aquí defines parámetros básicos y avanzados de tu blog. Entraremos a fondo en esta sección en entradas posteriores. Sin embargo, explorarla te puede resultar muy útil para descubrir como sacarle el mayor partido al sistema.<img class="aligncenter size-full wp-image-2250" title="Sección &quot;Configuración&quot;" src="http://bw.imagenes.info/wp-content/uploads/2009/07/escblogg03.jpg" alt="Sección &quot;Configuración&quot;" width="500" height="316" /></p>
<p><strong>Diseño</strong>: es todo lo que se refiere a la apariencia de tu blog. Desde aquí puedes añadir gadgets en la barra lateral y configurar algunos de los elementos fijos de la plantilla, como la cabecera.<img class="aligncenter size-full wp-image-2249" title="Sección &quot;Diseño&quot;" src="http://bw.imagenes.info/wp-content/uploads/2009/07/escblogg04.jpg" alt="Sección &quot;Diseño&quot;" width="500" height="396" /></p>
<p><strong>Monetizar</strong>: integra anuncios de AdSense en tu blog. A pesar de lo sencillo que parece en principio, poder extraerle el jugo a un sistema como AdSense reviste una cierta dificultad en la que aquí no profundizaremos. Si deseas activarlo, ten claro que no va ser sentarse y esperar el dinero.<img class="aligncenter size-full wp-image-2248" title="Sección &quot;Monetizar&quot;" src="http://bw.imagenes.info/wp-content/uploads/2009/07/escblogg05.jpg" alt="Sección &quot;Monetizar&quot;" width="500" height="500" /></p>
<p>Y hasta aquí por esta ocasión. Recuerda que el mejor sistema de aprendizaje es <strong>la práctica y la exploración</strong>. En el próximo post, hablaremos en detalle acerca de la publicación de entradas.</p>
<p><em>Imagen de la guía: montaje utilizando la imagen “<a href="http://www.flickr.com/photos/15923063@N00/98834449/">Buried Magazine</a>” de <a href="http://www.flickr.com/photos/carbonnyc/">CarbonNYC</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://blogandweb.com/blogger/blogs-guia-para-principiantes-iv-partes-de-un-blog-en-blogger/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Blogs, guía para principiantes (III): Como crear un blog en Blogger</title>
		<link>http://blogandweb.com/blogger/blogs-guia-para-principiantes-iii-como-crear-un-blog-en-blogger/</link>
		<comments>http://blogandweb.com/blogger/blogs-guia-para-principiantes-iii-como-crear-un-blog-en-blogger/#comments</comments>
		<pubDate>Fri, 24 Jul 2009 07:16:46 +0000</pubDate>
		<dc:creator>Ivan</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[crear un blog]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[guía para principiantes]]></category>

		<guid isPermaLink="false">http://blogandweb.com/?p=2244</guid>
		<description><![CDATA[En esta ocasión, vamos a ver como crear un blog de manera gratuita en el servicio de Blogger. Comenzamos por, obviamente, entrar a Blogger.com. Se nos abrirá una página como esta y hacemos clic en Crear un blog. El siguiente paso es crear una cuenta de Google. Como vimos en el post anterior, Blogger es [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-2230" title="Blog, guía para principiantes" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogguia.jpg" alt="Blog, guía para principiantes" width="504" height="124" /></p>
<p>En esta ocasión, vamos a ver <strong>como crear un blog de manera gratuita en el servicio de Blogger</strong>.</p>
<p>Comenzamos por, obviamente, entrar a <a href="http://www.blogger.com/">Blogger.com</a>. Se nos abrirá una página como esta y hacemos clic en <em>Crear un blog</em>.<img class="aligncenter size-full wp-image-2240" title="Página de entrada a Blogger" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogger01.png" alt="Página de entrada a Blogger" width="500" height="364" /></p>
<p>El siguiente paso es <strong>crear una cuenta de Google</strong>. Como vimos en el post anterior, Blogger es propiedad de Google. Si tienes una cuenta en cualquiera de los servicios de esta compañía (Gmail, Picasa, Google Docs, etc.), ya tienes una cuenta de Google. Si es así, haz clic en el enlace &#8220;<em>primero acceda a ella</em>&#8220;. Si no tienes, puedes crearla desde aquí mismo. Sólo sigue las instrucciones que se indican.<img class="aligncenter size-full wp-image-2241" title="Crea una cuenta en Google" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogger02.png" alt="Crea una cuenta en Google" width="500" height="293" /></p>
<p>A continuación, toca elegir el nombre y la dirección del blog. Estos no tienen por qué coincidir, pero es <strong>muy recomendable</strong> que lo hagan. A la hora de elegir la dirección, puedes seguir <a href="http://blogandweb.com/dominios/como-elegir-un-nombre-de-dominio/">estos consejos</a> que ya mencionamos a la hora de elegir un nombre de dominio. Prácticamente, todos los allí mencionados se aplican aquí (excepto el asunto del registro), pero hay algo que debes tener en cuenta en este caso: a la dirección que elijas se le añadirá el sufijo blogspot.com. Por lo tanto, procura que no sea demasiado largo.<img class="aligncenter size-full wp-image-2239" title="Elige el nombre y la dirección de tu blog" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogger03.png" alt="Elige el nombre y la dirección de tu blog" width="500" height="338" /></p>
<p>Una vez que hayas escrito la dirección, haz clic en el enlace que dice &#8220;Comprobar la disponibilidad&#8221;. En el caso de que ya esté usada esa dirección, te aparecerá algo como esto:<img class="aligncenter size-full wp-image-2243" title="Debes elegir otra dirección" src="http://bw.imagenes.info/wp-content/uploads/2009/07/Blogger03_3.png" alt="Debes elegir otra dirección" width="379" height="86" /></p>
<p>Si es así, cambia la dirección y haz clic de nuevo en &#8220;Comprobar la disponibilidad&#8221;. Continúa haciéndolo hasta que te aparezca lo siguiente:<img class="aligncenter size-full wp-image-2242" title="Ahora puedes continuar con la dirección elegida" src="http://bw.imagenes.info/wp-content/uploads/2009/07/Blogger03_2.png" alt="Ahora puedes continuar con la dirección elegida" width="248" height="42" /></p>
<p>Ahí sí, ya puedes continuar con rellenando la verificación de la palabra y darle al botón &#8220;Continuar&#8221;. Pero antes de seguir, un par de consideraciones acerca de esto:</p>
<ul>
<li>Procura siempre que la dirección y el nombre de tu blog sean lo mismo. Si cambias lo primero, cambia también lo segundo. No es que sea indispensable, pero da buenos resultados. La gente, por regla general, memorizara el nombre de tu blog y lo asociará con con el sufijo blogspot.com. Si dirección y nombre del blog son diferentes, la cosa se dificulta.</li>
<li>No te dejes llevar por la frustración. Si esa maravillosa dirección que habías elegido ya está cogida, no has cosas como añadirle un número a la dirección o introducir caracteres al azar. Sobreponte y piensa otra dirección con detenimiento.</li>
</ul>
<p>A continuación, viene el momento de <strong>decidir el aspecto que tendrá tu blog: la plantilla.<img class="aligncenter size-full wp-image-2238" title="Selecciona el aspecto de tu blog" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogger04.png" alt="Selecciona el aspecto de tu blog" width="500" height="363" /></strong></p>
<p>Se le llama plantilla porque se utiliza un archivo que define toda la estética del blog sin que el contenido se vea afectado. La ventaja de las plantillas es que permiten que puedas cambiar de look en cualquier momento de manera fácil y sencilla.</p>
<p>Uno de los defectos de Blogger es que dispone de muy pocas plantillas y todas han sido usadas muy frecuentemente. Una vez creado el blog, lo más recomendable es que cambies de plantilla. Para hacerlo, consulta <span style="text-decoration: underline;"><a href="http://blogandweb.com/blogger/videotutorial-instalar-plantilla-nuevo-blogger-xml/">el videotutorial de Patricia Pilar</a></span>, la <span style="text-decoration: underline;"><a href="http://blogandweb.com/blogger/como-instalar-o-cambiar-una-plantilla-en-el-nuevo-blogger/">miniguía publicada aquí</a></span> o la entrada sobre <span style="text-decoration: underline;"><a href="http://blogandweb.com/blogger/plantillas-blogger-preguntas-frecuentes/">Preguntas Frecuentes acerca de este tipo de plantillas</a></span>. De hecho, creo que debería ser el siguiente paso que debes seguir una vez que ya dispongas de tu blog&#8230; que va a ser ya mismo:<img class="aligncenter size-full wp-image-2237" title="Ya estás listo para comenzar" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogger05.png" alt="Ya estás listo para comenzar" width="500" height="152" /></p>
<p>Ya está. Eso es todo. Si le das al botón &#8220;Empezar a publicar&#8221;, te aparecerá esto:<img class="aligncenter size-full wp-image-2236" title="Aquí es donde demuestras tus dotes para la escritura" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogger06.png" alt="Aquí es donde demuestras tus dotes para la escritura" width="500" height="373" /></p>
<p>Es la sección del escritorio de Blogger desde donde puedes escribir las entradas. Si lo deseas, puedes escribir en ese mismo momento tu primer post o dejarlo para otro momento.</p>
<p>Eso es todo. Desde ahora, podrás acceder a tu blog desde Blogger.com e introduciendo el nombre de usuario de tu cuenta de Google (si la has creado desde el panel que mostré antes, será una dirección de correo electrónico) y tu contraseña. Ni que decir tiene que estos datos son muy importantes y debes conservarlos si no quieres perder tu blog.</p>
<p>En la próxima entrega, veremos <span style="text-decoration: line-through;">como crear un blog en WordPress.com</span> <strong>actualizado</strong>: las partes de un blog en Blogger.</p>
<p><em>Imagen de la guía: montaje utilizando la imagen “<a href="http://www.flickr.com/photos/15923063@N00/98834449/">Buried Magazine</a>” de <a href="http://www.flickr.com/photos/carbonnyc/">CarbonNYC</a></em></p>
<p><em>Entradas anteriores de esta guía: </em></p>
<ul>
<li><em><a style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; text-decoration: none; color: #b86435; border-bottom-style: dotted; border-bottom-color: #b86435; background-position: initial initial; padding: 0px; margin: 0px;" href="http://blogandweb.com/blogs/blogs-guia-para-principiantes-i-que-es-un-blog-y-para-que-tener-uno/">Qué es un blog y para qué tener uno</a>.</em></li>
<li><em><a href="http://blogandweb.com/blogs/blogs-guia-para-principiantes-ii-%c2%bfblogger-o-wordpress/">¿Blogger o WordPress?</a></em></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blogandweb.com/blogger/blogs-guia-para-principiantes-iii-como-crear-un-blog-en-blogger/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Blogs, guía para principiantes (II): ¿Blogger o WordPress?</title>
		<link>http://blogandweb.com/blogs/blogs-guia-para-principiantes-ii-%c2%bfblogger-o-wordpress/</link>
		<comments>http://blogandweb.com/blogs/blogs-guia-para-principiantes-ii-%c2%bfblogger-o-wordpress/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 05:58:57 +0000</pubDate>
		<dc:creator>Ivan</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Automattic]]></category>
		<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[gratis]]></category>
		<category><![CDATA[guía para principiantes]]></category>
		<category><![CDATA[Wordpress.com]]></category>

		<guid isPermaLink="false">http://blogandweb.com/?p=2234</guid>
		<description><![CDATA[Muy bien, ya lo has decidido: te vas a crear un blog. Y te han hablado de dos sitios estupendos donde hacerlo: Blogger y WordPress.com. ¿Cuál elegir? Quien es quien Blogger es un servicio gratuito creado por PyraLabs en 1999, pero fue adquirido por Google en 2003. Características: Dirección: la que tú quieras, siempre y [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-2230 aligncenter" title="Blog, guía para principiantes" src="http://bw.imagenes.info/wp-content/uploads/2009/07/blogguia.jpg" alt="Blog, guía para principiantes" width="504" height="124" /></p>
<p style="text-align: left;">Muy bien, ya lo has decidido: te vas a crear un blog. Y te han hablado de <strong>dos sitios estupendos</strong> donde hacerlo: <a href="https://www.blogger.com/">Blogger</a> y <a href="http://es.wordpress.com/">WordPress.com</a>. ¿Cuál elegir?</p>
<h3>Quien es quien</h3>
<p>Blogger es un servicio gratuito creado por PyraLabs en 1999, pero fue adquirido por Google en 2003.</p>
<p><strong>Características:</strong></p>
<ul>
<li><strong>Dirección</strong>: la que tú quieras, siempre y cuando no la hayan elegido antes. Lleva el sufijo blogspot.com. Por ejemplo: http://blogandweb.blogspot.com. También es posible comprar un dominio y direccionarlo al blog que hayas creado en Blogger.</li>
<li><strong>Capacidad para almacenar archivos</strong>: sólo imágenes y nada más.</li>
<li><strong>Límite de almacenamiento</strong>: 1GB de imágenes (en realidad, las imágenes se suben a la cuenta gratuita de Picasa que tienes cuando te abres una cuenta en un servicio de Google).</li>
<li><strong>Capacidad de personalización</strong>: por sus propios medios, en cuestión de aspecto es muy limitada. Apenas ofrece unas pocas plantillas. Sin embargo, existen numerosos sitios ajenos a Blogger donde puedes conseguir una plantilla que le de a tu blog el aspecto que buscas (por ejemplo, BTemplates). Y aunque reviste un poco de dificultad, siempre puedes crear la tuya propia.</li>
</ul>
<p>WordPress.com es un servicio gratuito creado por la empresa <a href="http://automattic.com/about/">Automattic</a> y emplea el CMS libre del mismo nombre, que también fue desarrollado por ellos, aunque con algunas limitaciones.</p>
<p><strong>Características:</strong></p>
<ul>
<li><strong>Dirección</strong>: la que tú quieras, siempre y cuando no la hayan elegido antes. Lleva el sufijo wordpress.com. Por ejemplo: http://blogandweb.wordpress.com. También es posible comprar un dominio y direccionarlo al blog.</li>
<li><strong>Capacidad para almacenar archivos</strong>: sí, pero sólo en imágenes (jpg, jpeg, png y gif), documentos (pdf, doc, odt) y presentaciones (ppt).</li>
<li><strong>Límite de almacenamiento</strong>: 3GB en archivos de los formatos mencionados.</li>
<li><strong>Capacidad de personalización</strong>: hoy por hoy, puedes elegir entre los 70 temas o plantillas que provee el sistema. Sin embargo, no puedes añadir ninguno propio (o ajeno).</li>
</ul>
<h3>¿Cuál elegir?</h3>
<p>Mi sugerencia es que <strong>pruebes los dos</strong>. No que escribas en los dos, sino que te abras una cuenta en ambos y compruebes por ti mismo en cual sistema te sientes más cómodo y cuál se adecua a tus necesidades u objetivos.</p>
<p>Ahora bien, hay algunos aspectos que creo importante resaltar de cada servicio para poder tomar la mejor decisión.</p>
<ul>
<li><strong>WordPress.com no permite Javascript</strong>: éste es uno de los lenguajes de programación más usados en la web y quiere decir que hay muchas funciones de sitios externos que no podrías utilizar, entre ellas la de poner anuncios contextuales como Adsense.</li>
<li><strong>Personalizar un blog en Blogger puede requerir de una curva de aprendizaje bastante pronunciada</strong>: Blogger no tiene los límites de WordPress.com, pero meterse a cambiar aspectos de una plantilla es lo más parecido a internarse en un laberinto.</li>
<li><strong>Blogger permite usar un mayor número de widgets</strong>: los widgets son esos pequeños añadidos (a veces son hasta aplicaciones casi completas) que se han ponen en los lados del blog y que te muestran desde los últimos posts publicados hasta una mascota virtual. Blogger, aparte de tener una buena variedad de widgets, al permitir Javascript se pueden insertar otros de servicios externos.</li>
<li><strong>La personalización en WordPess.com es muy limitada</strong>: 70 plantillas las considero suficientes como para elegir, pero no es posible integrar muchos servicios de terceros (aunque sí los más populares). Sin embargo, en lo que al aspecto se refiere, muchas plantillas permiten subir una imagen de cabecera propia, lo que te ayudará a diferenciarte si eliges una plantilla muy popular.</li>
<li><strong>La interfaz de gestión del blog en WordPress es más ordenada y clara que la de Blogger</strong>: sin contar con que ofrece funciones con las que no cuenta Blogger, como un servicio de estadísticas que te permite ver cuantos visitantes has tenido, o la previsualización de temas, que te muestra como se verá tu blog antes de aplicarlo. Claro, que en Blogger puedes usar <a href="http://www.google.com/analytics/">Google Analytics</a> para las estadísticas&#8230;</li>
<li><strong>WordPress.com amplía continuamente sus funciones</strong>: aunque éstas sean limitadas, hay que admitir que Automattic está más pendiente de su servicio que Google del suyo. Aunque Blogger ofrece la posibilidad de usar <a href="http://draft.blogger.com/">Blogger in draft</a> (un modo en el que se pueden probar funciones que están en desarrollo), lo cierto es que las novedades suelen tardan mucho en aparecer.</li>
</ul>
<h3>Conclusión</h3>
<p>Tú tienes la decisión y, como ya he dicho, puedes abrirte cuenta en los dos para ir explorando. Si luego deseas cambiarte, puedes hacerlo sin perder nada de lo publicando,<strong> migrando tus posts de un servicio a otro</strong> (los dos poseen esa función). Ahora bien, por ofrecer algún tipo de solución al dilema de escoger entre ambos, yo personalmente suelo plantear estas preguntas:</p>
<ul>
<li><strong>¿Deseas monetarizar tu sitio de manera directa?</strong> Lo más fácil y por donde todo el mundo comienza es por Adsense. Entonces, utiliza Blogger. Pero recuerda que no es nada fácil llegar a ganar dinero con un blog: necesita de mucho esfuerzo y tiempo. No es abrirlo y contar los billetes.</li>
<li><strong>¿Deseas dar a conocer tu contenido sin importar la monetización directa?</strong> Usa WordPress.com. Me parece mucho más claro y menos lioso. Aunque no puedas insertar publicidad contextual, recuerda que un blog puede servirte para posicionarte en el mercado y dar a conocer tus servicios.</li>
</ul>
<p>¿Eres usuario de Blogger o WordPress.com? Deja tu opinión o recomendación en los comentarios.</p>
<p><em>Imagen: montaje utilizando la imagen “<a href="http://www.flickr.com/photos/15923063@N00/98834449/">Buried Magazine</a>” de <a href="http://www.flickr.com/photos/carbonnyc/">CarbonNYC</a></em></p>
<p><em>Entrada anterior de esta guía: <a href="http://blogandweb.com/blogs/blogs-guia-para-principiantes-i-que-es-un-blog-y-para-que-tener-uno/">Qué es un blog y para qué tener uno</a>.<br />
</em></p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 531px; width: 1px; height: 1px;">
<h1><a title="Enlace permanente a Blogs, guía para principiantes (I): Qué es un blog y para qué tener uno" href="../blogs/blogs-guia-para-principiantes-i-que-es-un-blog-y-para-que-tener-uno/">Qué es un blog y para qué tener uno</a></h1>
</div>
]]></content:encoded>
			<wfw:commentRss>http://blogandweb.com/blogs/blogs-guia-para-principiantes-ii-%c2%bfblogger-o-wordpress/feed/</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Database Caching 2/22 queries in 0.009 seconds using disk: basic
Object Caching 366/412 objects using disk: basic
Content Delivery Network via bw.imagenes.info

Served from: blogandweb.com @ 2012-02-13 02:21:36 -->
