tag:blogger.com,1999:blog-10068809025154648702024-03-19T04:27:42.445+01:00 Bloguero novato<blockquote>
Este Blog es una guía para que los novatos puedan crearse sus propios blog de forma simple, paso a paso.
Sin duda es esencial querer aprender y atreverse a investigar un poco, sin miedo a estropear las cosas porque de ese modo es como se aprende.
<br>
<br>
Suerte a tod@s y espero que os ayude. <br>
<br>
<b>--- S3ntinel ---</b>
</blockquote>Unknownnoreply@blogger.comBlogger3125tag:blogger.com,1999:blog-1006880902515464870.post-9869724798401590872010-06-15T02:17:00.000+02:002010-06-15T02:17:19.693+02:00El diseño de mi Blog IPartiendo de la pantalla de edición de entradas nos vamos a la pestaña donde podemos modificar el diseño y la apariencia general de nuestro blog. Para ello pinchamos en la pestaña superior de la pantalla que se titula <b>Diseño</b>.<br />
<br />
<div id="l7i7" style="text-align: left;"><div id="wi1k" style="text-align: left;"><img src="https://docs.google.com/File?id=dc939m7n_27gnwmtthc_b" style="height: 497.664px; width: 648px;" /><br />
<br />
Como podemos observar hay 4 sub-secciones o sub-pestañas, cada una de ellas se refiere a un conjunto de tareas relacionadas. Así en la sección <b>Elementos de la página</b> vemos un esquema activo de nuestro blog donde se pueden modificar, añadir o eliminar elementos. En cambio en la sección <b>Fuentes y colores</b> podemos modificar la tipografía y el color de diferentes elementos del blog. En cambio, en la sección <b>Edición de HTML</b> se pueden realizar 3 tareas principalmente:<br />
<br />
<ol><li>Realizar una copia de seguridad de nuestra plantilla.</li>
<li>Restaurar nuestra plantilla mediante un archivo de plantilla que dispongamos en nuestro propio PC.</li>
<li>Editar nuestra plantilla para realizar cambios manualmente, para realizar esta tarea conviene tener conocimientos más avanzados.</li>
</ol><br />
Por último tenemos la sección <b>Seleccionar plantilla nueva</b> que permite elegir entre 16 plantillas propias de Blogger con unas pocas opciones de personalización que se traducen en total en 36 plantillas diferenciadas.</div></div><h5 style="color: #ff9900;"><span style="font-size: x-small;">Consejos de diseño</span></h5>Al decidir el aspecto de nuestra web, debemos apartar las ocurrencias, especialmente si deseamos tener visitas y que la lectura de nuestro blog sea una tarea agradable para nuestros visitantes.<br />
<br />
En primer lugar es esencial repartir la información de manera que sea claramente visible cada sección, en eso influye tanto la elección de colores como la distribución de párrafos, etc.<br />
<br />
Para no extenderme en un tema que tampoco es mi especialidad, os remito a una <a href="http://blogeninternet.blogspot.com/2009/07/colores-y-contraste-en-el-diseno-del.html" id="t:y-" target="_blank" title="lectura corta">lectura corta</a> pero muy instructiva sobre el caso. En este Blog se tocan más temas bastante interesantes relacionados con la web, blogs, código, diseño, etc.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1006880902515464870.post-46541579237394278992009-09-28T13:08:00.000+02:002009-09-28T13:08:50.831+02:00Publicar tu primera Entrada en Blogger<div style="text-align: justify;">En la primera pantalla, tras crear y publicar nuestro blog, aparecen varias pestañas en la parte superior de esta pantalla. La primera pestaña <b>Creación de entradas</b> es donde se editan y modifican nuestras entradas.<br />
</div><br />
<div id="las-" style="text-align: center;"><img src="http://docs.google.com/File?id=dc939m7n_21fzghhhd2_b" style="height: 513.722px; width: 648px;" /></div><br />
<div style="text-align: justify;">Tal como aparece la pantalla podemos empezar inmediatamente a crear un artículo, para ello aparece un editor online que recomiendo usar. A veces usar nuestro editor favorito resulta contraproducente y al pegar desde allí nuestros contenidos puede resultar una apariencia diferente a lo que esperábamos. En todo caso se puede usar el propio editor de google (<b>Google docs</b>) que aparece en gmail y desde allí pegar los contenidos en el propio editor de entradas de Blogger, pero puede dar problemas con las imágenes por tamaños y alineaciones.<br />
</div><br />
<div id="xd:q" style="text-align: center;"><img src="http://docs.google.com/File?id=dc939m7n_22r96jg5tq_b" style="height: 405px; width: 648px;" /></div><br />
<br />
<div style="text-align: justify;">Si ya tenemos los contenidos editados podemos ir a <u><span style="color: #0b5394;">Vista previa</span></u> y comprobar el resultado final, si estamos satisfechos pinchamos en <u><span style="color: #0b5394;">Ocultar vista previa</span></u> y procedemos a revisar algunas configuraciones que nos permite este editor. <br />
</div><br />
<div id="uuc-" style="text-align: center;"><img src="http://docs.google.com/File?id=dc939m7n_23rrdsrw8n_b" style="height: 580.299px; width: 648px;" /></div><br />
Entre las opciones que permite configurar el editor de Blogger están:<br />
<br />
<ul style="text-align: justify;"><li>Permitir comentarios de los lectores o no permitirlo.</li>
<li>Indicar la fecha y hora de la publicación.</li>
<li>Indicar etiquetas temáticas que clasifiquen la entrada.</li>
<li>Editar en código HTML nuestra entrada para realizar una edición más compleja y con elementos más personalizados, para ello debemos entender la codificación HTML.</li>
<li>Podemos realizar las tareas más habituales en otros editores simples como cambiar la fuente y su tamaño, el uso de negritas, cursivas, cambiar el color del texto, incluir enlaces, seleccionar la alineación tanto del texto como de otros elementos como imágenes, vídeos, etc. Además podemos crear listas, entrecomillar bloques, revisar la ortografía (Para eso tendremos que configurar el idioma de nuestro Blog) y borrar el formato de un elemento seleccionado.</li>
<li>Por último podemos Guardar nuestra entrada o decidir publicarla para que esté disponible para el público.<br />
</li>
</ul><br />
<b><span style="background-color: #0b5394; color: white;">... Consejo Tipografía ...</span></b><br />
<div style="text-align: left;"><div style="text-align: justify;"><span style="background-color: #783f04; color: white;">Es importante tener en cuenta que la limitación de las fuentes tipográficas no es tanto por una limitación propia del editor como por las limitaciones que tienen los propios navegadores, por tanto para permitir que todo el mundo vea nuestro blog tal como lo hemos diseñado es importante respetar el uso de las fuentes que permite el propio editor de Blogger. </span><br />
</div><br />
<b style="background-color: #0b5394; color: white;">... Consejo con los Colores ...</b><br />
<div style="text-align: justify;"><span style="background-color: #783f04; color: white;">En realación a los colores todos sabemos que eso depende del gusto personal de cada cual, no obstante es esencial pensar en los lectores finales de nuestro blog. No debemos abusar de los colores chillones tanto en el texto como en el fondo, debe haber un contraste entre el color que usemos de fondo y el texto de las entradas, además el uso de más de 4 colores en el texto puede provocar que el lector se canse y se desoriente y acabe por abandonar la lectura e incluso dejar de visitar nuestro blog.</span><br />
</div></div><br />
<div style="text-align: justify;">Si pinchamos en <b style="background-color: #ff9900; color: white;">PUBLICAR ENTRADA</b> nos aparece una ventana donde podemos seleccionar la opción <b><u><span style="color: #0b5394;">Ver blog</span></u></b> o (<u><span style="color: #0b5394;"><b>en una ventana nueva</b></span></u>) para visualizar la apariencia del blog en la misma ventana de nuestro navegador o en otra ventana o pestaña.<br />
</div><br />
<div id="nga5" style="text-align: center;"><img src="http://docs.google.com/File?id=dc939m7n_25fgktj9cp_b" style="height: 281.898px; width: 648px;" /></div><br />
<div style="text-align: justify;">En el siguiente artículo vamos a hablar de cómo adaptar (de forma básica) el diseño de nuestro blog a nuestro gusto. Pero para facilitarnos la vida, vamos a aprovechar una novedad que nos ofrece Blogger y no es mas que actualizar el editor que tiene a uno con mas funcionalidades.<br />
</div><br />
<div style="text-align: justify;">Si estamos viendo nuestro blog, para volver al editor solo tenemos que pinchar en la opción que aparece en la parte superior derecha donde pone <b>Personalizar</b>, seguido de la pestaña <b>Configuración</b> - <b>Básico</b> y deslizar el cursor hacia abajo hasta el final de la pantalla.<br />
</div><br />
<div id="uu1." style="text-align: center;"><img src="http://docs.google.com/File?id=dc939m7n_30fsd2whc6_b" style="height: 100px; width: 438px;" /></div><br />
<div id="rd-q" style="text-align: center;"><div id="eao9" style="text-align: center;"><img src="http://docs.google.com/File?id=dc939m7n_32d3sh9gcg_b" style="height: 313.979px; width: 648px;" /></div><br />
</div><div style="text-align: left;"><span style="background-color: #b45f06; color: white;">--- TRUCO ---</span><br />
</div><div align="center"><table bgcolor="#fff2cc" border="1" bordercolor="#fff2cc" cellpadding="3" cellspacing="0" class="" height="80%" id="wtre"><tbody>
<tr><td style="text-align: justify;" width="100%">En <b>Configuración</b> - <b>Básico</b>, al final del todo, encontramos una sección llamada <b style="color: #b45f06;">Configuración Global</b> donde nos da la opción de elegir el <b>Editor actualizado</b> en vez de la opción por defecto <b>Editor anterior</b>, si seleccionamos <b>Editor actualizado</b> y pinchamos en el botón del final <b style="background-color: #b45f06; color: white;">GUARDAR CONFIGURACION</b> veremos que nuestro editor de entradas habrá cambiado .</td></tr>
</tbody></table></div><br />
<div id="q.va" style="text-align: center;"><img src="http://docs.google.com/File?id=dc939m7n_33c94r3wvz_b" style="height: 146.323px; width: 648px;" /><br />
<div style="text-align: left;"><div style="text-align: justify;">La nueva versión del editor sigue manteniendo las funcionalidades anteriores y agrega otras propias de editores más avanzados que es interesante probar y aprovechar.<br />
</div><br />
</div></div><div id="cs2q" style="text-align: center;"><img src="http://docs.google.com/File?id=dc939m7n_34ckp9n5cp_b" style="height: 643.519px; width: 648px;" /></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-1006880902515464870.post-15300488613726521972009-09-03T19:52:00.000+02:002009-09-03T19:52:26.898+02:00Primeros Pasos para crear un Blog<div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
<br />
<div style="font-family: Verdana,sans-serif;"><span style="font-size: small;">Este mini-manual indica los pasos primeros para crear nuestro propio blog en <b><a href="http://www.blogger.com/" id="mn:v" target="_blank" title="Blogger">Blogger</a></b>. En primer lugar se presupone disponer de una cuenta de correo en <b><a href="http://mail.google.com/" id="x48d" target="_blank" title="gmail">gmail</a></b>.</span></div></div><div style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><span style="font-size: small;">A estas alturas se presupone que ya hemos accedido a nuestra cuenta, allí nos debemos fijar en la barra superior derecha propia de gmail. y pinchar en la opción <b>Más</b> (<b style="color: red;">1</b>) seguido de la opción <b>todavía más </b>(</span><span style="color: red; font-size: small;"><b>2</b></span><span style="font-size: small;">).</span></div><div style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><br />
</span></div><div id="wmdz" style="font-family: Verdana,sans-serif; text-align: left;"><div id="wgn-" style="text-align: center;"><span style="font-size: small;"><img src="http://docs.google.com/File?id=dc939m7n_12chxw3jgs_b" style="height: 244px; width: 478px;" /></span></div></div><div id="v._8" style="font-family: Verdana,sans-serif; text-align: left;"><span style="font-size: small;"><br />
</span><br />
<div style="text-align: justify;"><span style="font-size: small;">Nos lleva a otra pantalla donde debemos seleccionar <b>Blogger</b> (</span><span style="color: red; font-size: small;"><b>3</b></span><span style="font-size: small;">).</span></div><span style="font-size: small;"><br />
</span><br />
<div id="tosf" style="text-align: center;"><div id="vm::"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwBLrSbrZ4tUQ743B__03GdMnnrkR-1nxiRI6wwHG3PA4m4kdl7twhnV_ckJspnZjXbcTnVOo0ThVDtpViVpNQXfn744M0i3odFy496DoEDIIkKDBbjB3mZMhdUf5jSm7WEDEql1gQCAwb/s1600-h/Blogger....JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwBLrSbrZ4tUQ743B__03GdMnnrkR-1nxiRI6wwHG3PA4m4kdl7twhnV_ckJspnZjXbcTnVOo0ThVDtpViVpNQXfn744M0i3odFy496DoEDIIkKDBbjB3mZMhdUf5jSm7WEDEql1gQCAwb/s400/Blogger....JPG" /></a></div><span style="font-size: small;"><br />
</span></div></div></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><span style="font-size: small;">Ahora para crear el blog debemos pinchar en <b>Crear un blog</b> (</span><span style="color: red; font-size: small;"><b>4</b></span><span style="font-size: small;">).</span></div><div style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><br />
</span></div><div id="lh9k" style="font-family: Verdana,sans-serif; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_YKh_G5ywQbSihR66tt4cJC5uXOrq1fdlS5aFTvTDReJxAgRQj3chZ8PsqvsK7oCyXinOaPN6KNlKrwXpvBG5zyOR5It0KU3ZM_BnPowpwQg4541sBw6SWPwa9CBUgSpgARDmElov5KCa/s1600-h/CrearBlog....JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_YKh_G5ywQbSihR66tt4cJC5uXOrq1fdlS5aFTvTDReJxAgRQj3chZ8PsqvsK7oCyXinOaPN6KNlKrwXpvBG5zyOR5It0KU3ZM_BnPowpwQg4541sBw6SWPwa9CBUgSpgARDmElov5KCa/s400/CrearBlog....JPG" /></a></div><span style="font-size: small;"></span></div><div style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><span style="font-size: small;">El siguiente paso es asignar un <b>Titulo</b> (</span><span style="color: red; font-size: small;"><b>5</b></span><span style="font-size: small;">) y una <b>Dirección URL</b> (</span><span style="color: red; font-size: small;"><b>6</b></span><span style="font-size: small;">), para ello escribimos el Título que no tiene porque coincidir con la dirección y tras escribir una dirección comprobamos que está disponible pinchando en el marcador (</span><span style="color: blue; font-size: small;"><u><b>Comprobar la disponibilidad</b></u></span><span style="font-size: small;">) tal como indica la imagen. Por último debemos rellenar los dígitos de verificación (</span><span style="color: red; font-size: small;"><b>7</b></span><span style="font-size: small;">) y pinchar en el botón <b><span style="background-color: #e69138; color: white;">Continuar</span></b> (</span><span style="color: red; font-size: small;"><b>8</b></span><span style="font-size: small;">).</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGT_KQGnZGF2zhc9G-we8gGNjNFPKLFbuVJmAPLvPsxt_FzuEWwlba_HXvZAH3lnJNis1qZwKYGTB0BbWCu2f9Q7AlDXt3uHJ2RVnnt5EnJefefZbKdk77oNe6ypTl9qQU392dkN1LAoy2/s1600-h/AsignarNombre....JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGT_KQGnZGF2zhc9G-we8gGNjNFPKLFbuVJmAPLvPsxt_FzuEWwlba_HXvZAH3lnJNis1qZwKYGTB0BbWCu2f9Q7AlDXt3uHJ2RVnnt5EnJefefZbKdk77oNe6ypTl9qQU392dkN1LAoy2/s400/AsignarNombre....JPG" /></a></div><div style="text-align: center;"></div></div><div style="font-family: Verdana,sans-serif;"><span style="font-size: small;"> </span></div><div id="fj4w" style="font-family: Verdana,sans-serif; text-align: center;"><span style="font-size: small;"></span></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
<span style="font-size: small;">En la siguiente pantalla encontramos la posibilidad de seleccionar la plantilla de nuestro Blog, recomiendo dejarlo para más tarde pinchando en el botón <b><span style="background-color: #e69138; color: white;">Continuar</span></b> (</span><span style="color: red; font-size: small;"><b>9</b></span><span style="font-size: small;">).</span></div><div style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><br />
</span></div><div id="dn7:" style="color: black; font-family: Verdana,sans-serif; text-align: center;"><span style="font-size: small;"></span></div><div style="font-family: Verdana,sans-serif;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpnmRgTeh97Ren6sLmlL4dgy8Wz4x3Y1Ioak4UJC6hc48VPuU39x4YlVSDkxezvepu6K3MqRM_hlN83XjeqhuJtiOa-uRw5QRG8sLUM8g4pHhy7uNriU7I2t07fhTA5YBwRPOctfp1r1tI/s1600-h/SeleccionarPlantilla....JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpnmRgTeh97Ren6sLmlL4dgy8Wz4x3Y1Ioak4UJC6hc48VPuU39x4YlVSDkxezvepu6K3MqRM_hlN83XjeqhuJtiOa-uRw5QRG8sLUM8g4pHhy7uNriU7I2t07fhTA5YBwRPOctfp1r1tI/s400/SeleccionarPlantilla....JPG" /></a></div><span style="font-size: small;"><br />
</span></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><span style="font-size: small;">En esta última pantalla ya nos indica que se ha creado nuestro blog y que podemos proceder a publicarlo. </span></div><div style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><div style="text-align: justify;"><span style="font-size: small;">Si queremos tener un dominio personalizado - tipo minombre.es o similares - nos permite adquirirlo o si estamos importando nuestro blog desde una plantilla que ya disponemos nos da también la opción de hacerlo, todo ello en las <b>Opciones avanzadas de configuración</b> (</span><span style="color: red; font-size: small;"><b>11</b></span><span style="font-size: small;">). No obstante todas esas opciones ya disponemos de ellas en las pantallas de configuración y recomiendo realizarlo más tarde, así que pinchamos en el botón </span><span style="background-color: #e69138; font-size: small;"><span style="color: white;"><b>EMPEZAR A PUBLICAR</b><span style="background-color: white; color: black;"> (<span style="color: red;"><b>10</b></span>).</span></span></span></div></div><div style="font-family: Verdana,sans-serif;"><span style="background-color: #e69138; font-size: small;"><span style="color: white;"><span style="background-color: white; color: black;"> </span></span></span></div><div id="qe9l" style="font-family: Verdana,sans-serif; text-align: center;"><span style="background-color: #e69138; font-size: small;"><span style="color: white;"><span style="background-color: white; color: black;"></span></span></span><br />
<span style="background-color: #e69138; font-size: small;"><span style="color: white;"><span style="background-color: white; color: black;"></span></span></span><br />
<span style="background-color: #e69138; font-size: small;"><span style="color: white;"><span style="background-color: white; color: black;"></span></span></span><br />
<span style="background-color: #e69138; font-size: small;"><span style="color: white;"><span style="background-color: white; color: black;"></span></span></span></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6fayQZGYJ54TmuN_wsM9FI0RQ0bRBMj6gvpWXktgAM8n0miyfpljyr-cqusidIo7Qx3vOM3DLS3AwpYdnMsSjR5tqkr8-49oKrxQ40HkLyPccQ5NbAJ9w_z6YxPIHFiV-ZS3sGAkZxhTD/s1600-h/EmpezarApublicar....JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6fayQZGYJ54TmuN_wsM9FI0RQ0bRBMj6gvpWXktgAM8n0miyfpljyr-cqusidIo7Qx3vOM3DLS3AwpYdnMsSjR5tqkr8-49oKrxQ40HkLyPccQ5NbAJ9w_z6YxPIHFiV-ZS3sGAkZxhTD/s400/EmpezarApublicar....JPG" /></a></div><br />
<span style="font-size: small;">De este modo ya llegamos a la siguiente pantalla donde aparecen multitud de opciones de configuración y personalización de nuestro nuevo blog. A explicar esta parte dedicaremos los siguientes capítulos de nuestro Manual para crear un blog personal en Blogger.</span></div><div style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYcNjyY7BTlmvBfkiypTrvg4aGHBsKfIu0LCEFW7gAELXp80G18OiIPZL5gH_7jImZSHylnZM2TuutJBO2xxN-6HXIwGQqd3xc44ZwxuVtQdgCGGekGVA8aewLJ5hCll2_9m8Rqxe0qTHg/s1600-h/CreacionBlog....JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYcNjyY7BTlmvBfkiypTrvg4aGHBsKfIu0LCEFW7gAELXp80G18OiIPZL5gH_7jImZSHylnZM2TuutJBO2xxN-6HXIwGQqd3xc44ZwxuVtQdgCGGekGVA8aewLJ5hCll2_9m8Rqxe0qTHg/s400/CreacionBlog....JPG" /></a></div><span style="font-size: small;"><br />
</span></div><div id="r33h" style="font-family: Verdana,sans-serif; text-align: center;"><span style="font-size: small;"></span></div><div style="font-family: Verdana,sans-serif; text-align: justify;"><span style="font-size: small;">Concretamente en siguiente capítulo hablaremos de cómo publicar nuestra primera entrada, en adelante llamaremos entrada a un artículo.</span></div>Unknownnoreply@blogger.com