tag:blogger.com,1999:blog-91328833079621007912024-03-06T06:16:47.495+01:00Personalización de BlogsUnknownnoreply@blogger.comBlogger13125tag:blogger.com,1999:blog-9132883307962100791.post-53761839712957960982015-10-20T13:00:00.000+02:002019-05-06T21:09:47.918+02:00Cómo hacer una copia de seguridad de tu blog en Blogger<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7xG-R3NjqHjcqsFCv9Vbo2zHQrzCePsgmaagRSH-OwP1jBWjl8miH5oV3dK16___Ok0C-2sC771JyRdxmRL10N3rO8OmVScChY5XgDAGYllGtRpM5soAXdza8nQXcP7-og9bLY9TQKkk/s1600/copia-seguridad-blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7xG-R3NjqHjcqsFCv9Vbo2zHQrzCePsgmaagRSH-OwP1jBWjl8miH5oV3dK16___Ok0C-2sC771JyRdxmRL10N3rO8OmVScChY5XgDAGYllGtRpM5soAXdza8nQXcP7-og9bLY9TQKkk/s1600/copia-seguridad-blogger.jpg" /></a></div>
<br />
Blogger almacena en sus servidores todo lo que escribes en tu blog, tanto el diseño como el contenido. ¿Te has planteado alguna vez qué pasaría si se perdiera esa información? Es algo que puede ocurrir, sea por culpa tuya como por culpa del servidor. En tu mano está realizar copias de seguridad para tener un respaldo si en algún momento tus datos desaparecieran.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Lo primero que debes tener claro es que hay dos tipos de información que debes guardar: la plantilla y el contenido. Por tanto, vamos a aprender a guardar copia de ambas cosas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>1 - Plantilla</b>. Es un fichero que almacena toda la información del diseño del blog: estructura, dimensiones, colores, widgets que has incorporado, fondos, etc.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>2 - Contenido</b>. Toda la información que has escrito en los posts y los comentarios que han dejado tus lectores.</div>
<div style="text-align: justify;">
<br /></div>
<h2>
¿Para qué sirven las copias de seguridad? </h2>
<span style="text-align: justify;">Para tener en tu propio ordenador un fichero que te permitirá recuperar el blog en caso de que se perdiera.</span><br />
<br />
<h2>
¿Cuando se deben hacer las copias de seguridad? </h2>
<div style="text-align: justify;">
Debes realizar salvaguardas de tu blog periódicamente, piensa que si el bitácora se perdiese, sólo recuperarías lo que hubieses guardado en la última copia. Si publicas a diario y tu última copia es de hace una semana, no podrías recuperar lo escrito los últimos siete días. Pero, a ver, una copia semanal de los datos es una buena frecuencia.</div>
<br />
<h2>
¿Cómo se hace la copia de la plantilla?</h2>
<span style="text-align: justify;">En el menú izquierdo del escritorio de blogger selecciona </span><b style="text-align: justify;">Plantilla</b><span style="text-align: justify;"> y luego </span><b style="text-align: justify;">Crear/Restablecer copia de seguridad</b><span style="text-align: justify;">.</span><br />
<br />
<div class="imgborde" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHfAWyK2Ot7MMGkvp6uN1y4W3d-Ksecl3Tczn6DdyCAUr-E8FNwNy_z3sk9nvIGMsgUAsLMper93E6q5CTGJQ6ZYvEEuGztNQCwWHyZcvKwoHZ1ca1P82e-PT7ePDsQGgYD2PEvK-X7aY/s1600/plantilla.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHfAWyK2Ot7MMGkvp6uN1y4W3d-Ksecl3Tczn6DdyCAUr-E8FNwNy_z3sk9nvIGMsgUAsLMper93E6q5CTGJQ6ZYvEEuGztNQCwWHyZcvKwoHZ1ca1P82e-PT7ePDsQGgYD2PEvK-X7aY/s1600/plantilla.jpg" /></a></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
En la nueva ventana que aparece, selecciona <b>Descargar plantilla completa</b></div>
<div class="img-borde" style="clear: both; text-align: center;">
<b><br /></b></div>
<div class="imgborde" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnR7asqj6BQITgothGJck9SrIhF14TA3II3lvnwNjP92fH0a1XcKZK44Nt_tQUo1QzhOcpRWf7A3sqH7G5ANtrw6W1PQSyV-TpAwgrhr9P4y4RoWt7W9MzZ7_7R7t5eiHXsrWtDNKO2cM/s1600/copia.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnR7asqj6BQITgothGJck9SrIhF14TA3II3lvnwNjP92fH0a1XcKZK44Nt_tQUo1QzhOcpRWf7A3sqH7G5ANtrw6W1PQSyV-TpAwgrhr9P4y4RoWt7W9MzZ7_7R7t5eiHXsrWtDNKO2cM/s1600/copia.jpg" /></a></div>
<br />
<div style="text-align: justify;">
<br />
El fichero con la plantilla se descargará a la carpeta Descargas de tu ordenador con el nombre <b>template-nnnnnnnn.xml</b>, donde nnnnnnnn es un número que asigna Blogger para identificar la plantilla.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZdXWBxv7t7C-3qac-CNRSItnzjjPyOM8KPBMYqq6N_re1DwG5A2ha1ZiFm7jDLytcsQvlsTBGlwiy4TWe6V0iIhxHUshjuTjk-wjGyEH85DgGdiiH2Rpw5zGtHCMBVZbUMxkDA2QkrhU/s1600/fichero-plantilla.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZdXWBxv7t7C-3qac-CNRSItnzjjPyOM8KPBMYqq6N_re1DwG5A2ha1ZiFm7jDLytcsQvlsTBGlwiy4TWe6V0iIhxHUshjuTjk-wjGyEH85DgGdiiH2Rpw5zGtHCMBVZbUMxkDA2QkrhU/s1600/fichero-plantilla.jpg" /></a></div>
<h2>
</h2>
<h2>
¿Cómo se copian los datos?</h2>
<div>
<div style="text-align: justify;">
En el menú izquierdo del escritorio de Blogger selecciona <b>Configuración</b>, <b>Otros</b>, y arriba <b>Exportar blog</b>.</div>
</div>
<div>
<b><br /></b></div>
<div class="imgborde" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRKVfBfnRLdR4X_-RDS4gFS9D3TbyVdWJdwCyuG1gvJYPK3scurqUu_LrCLDCFAi2YleoHnc8LVoPYJBUwTT2RTu_6IqfJziPxtn800vZc60EQR3mk-aEaG3BfznijEQCa3oGqx6py08E/s1600/exportar-blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRKVfBfnRLdR4X_-RDS4gFS9D3TbyVdWJdwCyuG1gvJYPK3scurqUu_LrCLDCFAi2YleoHnc8LVoPYJBUwTT2RTu_6IqfJziPxtn800vZc60EQR3mk-aEaG3BfznijEQCa3oGqx6py08E/s1600/exportar-blog.jpg" /></a></div>
<div>
<b><br /></b></div>
<div>
<div style="text-align: center;">
<br />
En la ventana que se abre, selecciona <b>Descargar blog</b>.</div>
</div>
<div>
<br /></div>
<div class="imgborde" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9sk5WC8xXCKaD-9WotVqoTfW3yvWGJW_HL3B5jPiAzolLUXQrLiHOwzD5DcVGM-AkpaqDxSWhcy0Vcmbk4_nDkCifDiEs-qR2qxG3MugSvzYcvGMZHkgeTV7W_04296ZeEyqMtfx3KGU/s1600/descargar-datos-blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9sk5WC8xXCKaD-9WotVqoTfW3yvWGJW_HL3B5jPiAzolLUXQrLiHOwzD5DcVGM-AkpaqDxSWhcy0Vcmbk4_nDkCifDiEs-qR2qxG3MugSvzYcvGMZHkgeTV7W_04296ZeEyqMtfx3KGU/s1600/descargar-datos-blog.jpg" /></a></div>
<div>
<div style="text-align: justify;">
El fichero con los datos del blog se descargará a la carpeta Descargas de tu ordenador con el nombre <b>blog-MM-DD-AAAA.xml</b>, donde MM-DD-AAAA es la fecha de la descarga.</div>
</div>
<div>
<br /></div>
<div class="imgborde" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqN1DX1mniHLvoqBxt-7JzPfdliE04fXqM9Fk1bPzHPmBprVmCwVFF0M0flfmlsa78QcEpnSBc-7vJT7ibLbrPdya0ncZN5TWf1KqCDDzktX9fI3bBqGiWGLAUU8o_Kj_2T2ufsJ9UFT0/s1600/descarga-datos-blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqN1DX1mniHLvoqBxt-7JzPfdliE04fXqM9Fk1bPzHPmBprVmCwVFF0M0flfmlsa78QcEpnSBc-7vJT7ibLbrPdya0ncZN5TWf1KqCDDzktX9fI3bBqGiWGLAUU8o_Kj_2T2ufsJ9UFT0/s1600/descarga-datos-blogger.jpg" /></a></div>
<div>
<div style="text-align: justify;">
Estos dos ficheros que has descargado son tu copia de seguridad y debes guardarlos en algún lugar accesible para poder recuperar tu blog si ocurriese algún fallo. Además, el fichero con los datos te serviría si quisieras migrar a otra plataforma como Wordpress o incluso para convertirlo a un fichero pdf y poderlo imprimir.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
En el proximo post veremos la manera de cargar esta información en Blogger si fuera necesario.<br />
<br /></div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9132883307962100791.post-16387909179524176342015-05-03T19:13:00.000+02:002019-05-06T21:08:21.198+02:00¿Cómo se crea un blog?<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFP1z1vFyeNrnXZqelHdCrLqf915f28RDkbYA1GyIhN3FEoictVyE6xTyVwkWJav5MnIiDmfgMBMk0EUYenGq0EsgJV2MSd_L6tPJDCTed9aFT0OU2UX96CzwtWmZrrEK0EIYV7ncme5o/s1600/crear-blog-blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFP1z1vFyeNrnXZqelHdCrLqf915f28RDkbYA1GyIhN3FEoictVyE6xTyVwkWJav5MnIiDmfgMBMk0EUYenGq0EsgJV2MSd_L6tPJDCTed9aFT0OU2UX96CzwtWmZrrEK0EIYV7ncme5o/s1600/crear-blog-blogger.jpg" /></a></div>
<br />
¿Has decidido crear un blog pero no sabes cómo empezar? Pues hoy <b>voy a contarte como se crea un blog en Blogger</b>, el sitio donde está alojado el mío. Blogger es un servicio gratuito de Google, un gestor de blogs muy sencillo de manejar pero con muchas posibilidades de personalización. Además, somos una gran comunidad la de bloggers que hemos comenzado nuestra aventura aquí y, como nos va muy bien, explicamos a quienes empiezan la experiencia que tenemos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Para comenzar</b> tienes que acceder a la plataforma escribiendo <b>www.blogger.com</b> en la barra de direcciones del navegador. Si ya tienes una cuenta en Google (por ejemplo si utilizas gmail) en tu escritorio ya tendrás el acceso a Blogger. Si no, entrarás en la página principal de Blogger y lo que has de hacer es crearte una cuenta.</div>
<div style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
1. Crear una cuenta de Google</h3>
<br />
<div class="imgborde" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvPJwIjpWXEwQYQQxVR2w1c2CP7-0HF5vBwtGZW5lIe-w8uq6wbOmSJ8sgIYXpt0bks5BHfpjGxk_J5Xx0jOTuNX2dADFCC_ntQ5h3At6dtyywu0AQ2RsVNEKcJpd88NLpsiYU21-VVSg/s1600/google.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvPJwIjpWXEwQYQQxVR2w1c2CP7-0HF5vBwtGZW5lIe-w8uq6wbOmSJ8sgIYXpt0bks5BHfpjGxk_J5Xx0jOTuNX2dADFCC_ntQ5h3At6dtyywu0AQ2RsVNEKcJpd88NLpsiYU21-VVSg/s1600/google.png" /></a></div>
<br />
<div style="text-align: justify;">
<br />
Tienes que rellenar la información que te solicitada en la pantalla. Te pedirá <b>un nombre de usuario </b>que es como serás reconocida en el sistema, donde además tendrás una dirección de correo así: <b>usuario@gmail.com</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Siempre que estés conectada a Google<b> tendrás acceso a Gmail (el correo), a Blogger (el blog) o a otras aplicaciones gratuitas asociadas a tu cuenta</b>. Para encontrar cualquiera de ellas pincha en el menú que hay en la parte superior de la pantalla a la derecha. Es un grupo de 9 cuadraditos y está señalado con una flecha azul en la siguiente imagen.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiguoSI5gokGO7HUEh8uHTpYxqjytrRZl3MT-YT9UNn2DxJWIWeLheN9P7AeVp9h7B0oosYEBHPy2aRq-ORTjup2gxMej6-K0P3HQX8R53cnpWptfT2sD6rIXyCto7DCuKNaxwIoEFCQbQ/s1600/blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiguoSI5gokGO7HUEh8uHTpYxqjytrRZl3MT-YT9UNn2DxJWIWeLheN9P7AeVp9h7B0oosYEBHPy2aRq-ORTjup2gxMej6-K0P3HQX8R53cnpWptfT2sD6rIXyCto7DCuKNaxwIoEFCQbQ/s1600/blogger.png" /></a></div>
<br />
<br />
<h3 style="text-align: justify;">
2. Crear un blog</h3>
<div style="text-align: justify;">
Para crear un blog pulsa en el botón<b> "Nuevo blog" </b>y se abrirá una nueva ventana. En ésta has de introducir el título y el nombre que quieres darle a tu blog. Con el título no hay ningún problema, pero la dirección ha de ser una que no exista ya en la blogosfera. Verás que el propio Blogger lo comprueba y te avisa si está ocupada. Cuando introduzcas una que esté disponible, te dirá que es así y te permitirá crearlo. Verás que se activa el botón "Crear blog", pulsa en él.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Aquí has de <b>elegir la plantilla</b> inicial del blog, la imagen que va a tener. Hay muchas opciones, pero si tu idea es personalizarla, <b>te aconsejo elegir la Sencilla </b>porque después es la más manejable.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHgxN9zMwrsax9AcXLLmS2NZ7syvduyqRtHEazqhh0N95p_CCVpQ_QqCbp8_L7SlgMG28uyeRNUbBgltkWjY4vE0u7ehmTL6ZpcrdSwV7XUX6P8t9Gk5QesLdbzV9LCjeLBsdUWtp-isg/s1600/nuevoblog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHgxN9zMwrsax9AcXLLmS2NZ7syvduyqRtHEazqhh0N95p_CCVpQ_QqCbp8_L7SlgMG28uyeRNUbBgltkWjY4vE0u7ehmTL6ZpcrdSwV7XUX6P8t9Gk5QesLdbzV9LCjeLBsdUWtp-isg/s1600/nuevoblog.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>La dirección de tu blog será el nombre que hayas elegido con la extensión .blogspot.com</b> tras él. Algo así:</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
nombredeblog.blogspot.com</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Cuando escribas eso en la barra del navegador accederás al blog para visualizarlo. ¿Y cómo se accede cuando quieras modificarlo o añadir entradas? Pues entrando en tu cuenta de Google y accediendo a Blogger de nuevo.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Accede a ver tu blog, verás algo parecido a esto:</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoVX6afatcu9bsUC3DZz_t8AnFOCpXVwm_t46GTYmYnVYQzvO2myG0e8qYMfu3L8-5w1s5r3Bj75irzvwiHEOViYP-oyF1whv62LQ-5-a2hUrz79WMegQkM-t8JI4zIr0F2BdZC1WvOl0/s1600/verblog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoVX6afatcu9bsUC3DZz_t8AnFOCpXVwm_t46GTYmYnVYQzvO2myG0e8qYMfu3L8-5w1s5r3Bj75irzvwiHEOViYP-oyF1whv62LQ-5-a2hUrz79WMegQkM-t8JI4zIr0F2BdZC1WvOl0/s1600/verblog.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Es muy sencillo pero se puede personalizar muchísimo, mi plantilla al principio era así también.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Vamos a acceder de nuevo a Blogger para ver cómo se escriben y publican entradas. Entra en la página www.blogger.com (inicia sesión si es necesario) y verás tu lista de blogs. De momento sólo habrá uno.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizNgY3TyCdZosHXE8TkaslF6V69ocwqKaS4KBXU05ag9X2puYh4CzFKIl1jOtdlegOsXUHbL9prJWuRcFbmyCstth5as01fwY9bzz-08D12FIrxRmlNuftdasJwYFW0TQq6mywbUwHhWc/s1600/listablogs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizNgY3TyCdZosHXE8TkaslF6V69ocwqKaS4KBXU05ag9X2puYh4CzFKIl1jOtdlegOsXUHbL9prJWuRcFbmyCstth5as01fwY9bzz-08D12FIrxRmlNuftdasJwYFW0TQq6mywbUwHhWc/s1600/listablogs.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Pulsa sobre el nombre de tu blog para acceder al escritorio. Verás que en la ventana nueva que se abre aparece un gráfico de las visitas que has recibido y un menú a su izquierda. </div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdPiwpYfEI6mNcMoI1qmtx1i5KZClLngnM5AYbqqb4DSHDWBAaGF7kMAdMvTfxe5DRnnq8pCDhZY_QcemFBKanVMFAqpk9dvB9CgZhQKDFSp50rLvWxDnEOCr929v2V0WUQz15-7-LiEc/s1600/visiongeneral.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdPiwpYfEI6mNcMoI1qmtx1i5KZClLngnM5AYbqqb4DSHDWBAaGF7kMAdMvTfxe5DRnnq8pCDhZY_QcemFBKanVMFAqpk9dvB9CgZhQKDFSp50rLvWxDnEOCr929v2V0WUQz15-7-LiEc/s1600/visiongeneral.png" /></a></div>
<br />
<div class="" style="clear: both; text-align: left;">
<h3 style="text-align: justify;">
3.- Panel de control o escritorio</h3>
</div>
<div class="" style="clear: both; text-align: left;">
<div style="text-align: justify;">
Esta ventana a la que hemos entrado es el escritorio de nuestro blog. <b>Desde aquí se administra todo</b>, tanto para crear entradas nuevas como para cambiar el diseño. También ofrece estadísticas de las visitas que vas recibiendo y te permite realizar más cosas. </div>
</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Google es una empresa que está avanzando y realizando cambios constantemente. Por ejemplo, esta pantalla hace algunos años era ligeramente distinta, aunque permitía hacer casi las mismas cosas que ahora. No te asustes si un día entras y notas que algo ha cambiado, busca en Google que seguro encuentras la diferencia y ayuda para trabajar con nuevas versiones. </div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Para comenzar nos centramos<b> en la parte izquierda de la pantalla. Hay una lista de opciones </b>que van de abajo a arriba. La primera, marcada en naranja, es la que nos permite publicar nuevas entradas.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Te explico por orden, de arriba a abajo, para qué sirve cada cosa:</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Entrada nueva</b>: ya lo he comentado, permite escribir una nueva entrada.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Visión general</b>: para acceder a esta pantalla de estadísticas</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Páginas</b>: permite crear diferentes páginas en el blog. Por defecto siempre existe la página de inicio que es donde aparecen todas las entradas que publicas, pero puedes incluis otras para temas específicos. Por ejemplo una página para una lista de tutoriales, otra página para presentarte y hablar sobre ti, etc.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Comentarios</b>: tus entradas pueden recibir comentarios de los lectores, en este apartado puedes ver una lista de todos los comentarios que te han hecho.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Google+</b>: son opciones de la red social G+, cosas como compartir tus entradas en ella, etc.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Estadísticas</b>: datos estadísticos del tráfico. Número de visitas, origen, etc.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Ingresos</b>: este apartado se utiliza cuando quieres insertar publicidad de Adwords en tu blog. No te lo recomiendo para empezar, necesitas tener muchas visitas para que valga la pena.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Campañas</b>: para poner anuncios de tu blog en Adwords. Hay que pagar, ¡claro!</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Diseño</b>: Esta es una parte importante, desde ahí se incluyen los gadgets del blog, todos esos artilugios que ves en las barras laterales de los blogs con imágenes, enlaces a otros sitios, la caja de buscar, los iconos de redes sociales y muchísimas cosas más.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Plantilla</b>: Muy importante también. Te permite personalizar el blog o editar el HTML. </div>
<div class="separator" style="clear: both; text-align: justify;">
Digamos que "Personalizar" es indicarle a Blogger los cambios que quieres hacer y que él se encargue de modificar el código HTML, mientras que editar el HTML (la plantilla) es entrar tú mismo al código y modificarlo. Esto segundo es delicado, no es lo más recomendable si no tienes experiencia.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b>Configuración</b>: Configuración más general y avanzada como permitir que otros publiquen en tu blog, que los motores de búsqueda te vean, que se puedan escribir comentarios a las entradas, etc. Cosas que te recomiendo ir viendo conforme te haga falta. </div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<h3 style="clear: both; text-align: justify;">
4.- Escribir una entrada</h3>
<div class="separator" style="clear: both; text-align: justify;">
Pulsa en "Entrada nueva" para acceder a la <b>ventana de edición</b> del post</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFBnEbG8Y8FaAzbdT9pudNDGIgE26RkKrqaCHzae5YVht4xVm7-T9JMj6jwhztql6Qq2ebh28OLOynylgwqqS7Qlvoy-LutXYo-LicF5QPq6HRQHqI2UXefVc3SbeNufVNEWc4ACJpERQ/s1600/entrada.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFBnEbG8Y8FaAzbdT9pudNDGIgE26RkKrqaCHzae5YVht4xVm7-T9JMj6jwhztql6Qq2ebh28OLOynylgwqqS7Qlvoy-LutXYo-LicF5QPq6HRQHqI2UXefVc3SbeNufVNEWc4ACJpERQ/s1600/entrada.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<br />
<div style="text-align: justify;">
En esta pantalla que se abre es donde puedes <b>escribir el título y el contenido </b>de tu nueva entrada, es editor de textos sencillo. Puedes escribir, cambiar el color y tamaño de la letra, insertar imágenes, justificar los párrafos, etc. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
En el lado derecho tienes una serie de <b>opciones</b> que te explico:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Publicar</b>: publica la entrada de inmediato, a excepción de que la hayas programado. Me explico: si pulsas en este botón sin más, se publica de inmediato, si pulsas pero le has expecificado previamente una fecha futura, se queda programada y no publica hasta que llegue el momento indicado. Después te cuento cómo se programa.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Guardar</b>: la entrada se guarda pero sin publicar. Solo la ves tu desde este panel.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Vista previa</b>: puedes visualizar la entrada para ver el aspecto que tendrá cuando la publiques.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Cerrar</b>: para salir y descartar la entrada.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Y ahora, en el lateral derecho también, pero de arriba a abajo:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Etiquetas</b>: para clasificar las entradas por temas. Por ejemplo, todos los posts que yo hago y son tutoriales les asigno la etiqueta "tutorial". Si escribes cómo elaborar un plato, podrías etiquetar con "receta", etc.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Programar</b>: para que, como te decía antes, cuando quieras dejar una entrada preparada para otro día lo puedas hacer. Le pones fecha en este apartado y la publicas, no se verá hasta que llegue ese momento que has especificado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Enlace permanente</b>: no lo uso, igual es algo muy útil y yo ni lo sé :-) Cuando lo averigüe lo pondré aquí.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Ubicación</b>: tampoco, no te preocupes por esto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Opciones</b>: para mi lo único útil de este apartado es la posibilidad de cerrar los comentarios para una entrada concreta. Pero yo no lo he llegado a usar nunca.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<span style="background-color: white; font-family: "helvetica neue" , "helvetica" , "arial" , "lucida grande" , sans-serif; font-size: 14px; line-height: 21px; text-align: left;"><span style="color: #f1c232;">▼</span></span><span style="background-color: white; color: #6fa8dc; font-family: "helvetica neue" , "helvetica" , "arial" , "lucida grande" , sans-serif; font-size: 14px; line-height: 21px; text-align: left;">▼</span><span style="background-color: white; color: #6aa84f; font-family: "helvetica neue" , "helvetica" , "arial" , "lucida grande" , sans-serif; font-size: 14px; line-height: 21px; text-align: left;">▼</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Hasta aquí hemos visto las bases para crear un blog y publicar una entrada. En el futuro os explicaré otros detalles para cambiar el diseño del blog y personalizarlo a vuestro gusto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Espero que os haya sido útil y <b>si tenéis alguna duda, contestaré en los comentarios</b>.</div>
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9132883307962100791.post-5561881741238635712015-04-11T00:05:00.000+02:002015-10-19T15:03:10.674+02:00Google fotos, un espacio para alojar las fotos de tu blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtfZbLOgU9yCDv4QIWNme5JzSsXBEapYxynoZZ_p3QLB7fHFx2Yihq1jCiLCFh3RgEM8iFVjAkKS6f65c73oWZFgyz-KEwSz56WL3tBMx7O9_lA8Nr4xCAGDz8laR1RATJ_Lb_odbt0Ms/s1600/alojar-fotos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtfZbLOgU9yCDv4QIWNme5JzSsXBEapYxynoZZ_p3QLB7fHFx2Yihq1jCiLCFh3RgEM8iFVjAkKS6f65c73oWZFgyz-KEwSz56WL3tBMx7O9_lA8Nr4xCAGDz8laR1RATJ_Lb_odbt0Ms/s1600/alojar-fotos.jpg" /></a></div>
<br /><div style="text-align: justify;">
Cuando creas una cuenta de Google (cosa que habrás hecho para crear tu blog en Blogger), además de la aplicación Blogger obtienes acceso a otras aplicaciones muy útiles. Una de ellas es Google fotos, un lugar donde alojar tus fotografía en internet para poder utilizarlas en el blog.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Para subir fotos accede a la aplicación, la encontrarás en el menú de cuadraditos que hay en la parte superior derecha de la pantalla. No sale en el primer grupo, así que dale a "más" y la encontrarás. El icono es un molinillo de colores.</div>
<br />
<div class="imgborde" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKG5pXVDTQS7aPQ8uQ_TFgkUpg5CnHytvP6g44PbVbCiGlrWQYtRjef9yXS84htwzLRwq_OhFWpegRpn80pedtfE6EEM2OeR-aCOpMBy-uNQ1WO0w_pHJuxq007E5kWOhGbpxsX4R9k40/s1600/foto8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKG5pXVDTQS7aPQ8uQ_TFgkUpg5CnHytvP6g44PbVbCiGlrWQYtRjef9yXS84htwzLRwq_OhFWpegRpn80pedtfE6EEM2OeR-aCOpMBy-uNQ1WO0w_pHJuxq007E5kWOhGbpxsX4R9k40/s1600/foto8.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMenUG6etj6QBaQVolkyRFLb61c9m_RNwJ9mePcKRO-5vv8lhSStCyrIq1trGHEli3Sg076fQ0TYR6BJ5KL0qsXN8neD4Aocqbiq9TmBP5z14diwHSka8-6Fbq-2-qrdGjLNUGZmLWfE4/s1600/foto6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMenUG6etj6QBaQVolkyRFLb61c9m_RNwJ9mePcKRO-5vv8lhSStCyrIq1trGHEli3Sg076fQ0TYR6BJ5KL0qsXN8neD4Aocqbiq9TmBP5z14diwHSka8-6Fbq-2-qrdGjLNUGZmLWfE4/s1600/foto6.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Cuando entres, utiliza la opción de la izquierda para subir tus fotos desde el ordenador. </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixXYlp34FGuO5M6NlC-d8i16koHHUzat_c5LvpnYsYigJGjC_RUx3tXW5aaRCW9rXlp3Uebh129dqi6eEevj7cIg1w4uZUeabaAph4auIsX_-Cg9yUGvO7OJRiLCWexwOopOXavUQuX-o/s1600/foto5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixXYlp34FGuO5M6NlC-d8i16koHHUzat_c5LvpnYsYigJGjC_RUx3tXW5aaRCW9rXlp3Uebh129dqi6eEevj7cIg1w4uZUeabaAph4auIsX_-Cg9yUGvO7OJRiLCWexwOopOXavUQuX-o/s1600/foto5.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Haz click para abrir el explorador de archivos y podrás acceder a las carpetas del disco de tu ordenador. Selecciona la que te interese y comenzará a subir.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn6qk8BI3uNMyclzhsSMGwHwd0m1Kv5w7ACvbZ_mLonHe8ZjugdJj-U4Wy9Bkx9UEuVxXQqT22kUUCDKSn1HBIvEFh105RXoodkFfDK1NnqlSveeD4zl7s2fi7Ld9J9ZsYaleHIZus6sU/s1600/foto4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn6qk8BI3uNMyclzhsSMGwHwd0m1Kv5w7ACvbZ_mLonHe8ZjugdJj-U4Wy9Bkx9UEuVxXQqT22kUUCDKSn1HBIvEFh105RXoodkFfDK1NnqlSveeD4zl7s2fi7Ld9J9ZsYaleHIZus6sU/s1600/foto4.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
La opción de compartir es para que puedan verla otros, en principio no es algo necesario para el blog, así que lo puedes saltar.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpeVzFwBPiIbnjG0v5pyYPMo3yOicbN3ZihqSZycMqMnW6XvR4RxMTSQQzvr8hRKkc9WUMUV2MmpqyI_extglWy9MtRsDFs6wEhkf8kEsLhbC4vmEhtm1F7QNYO_Re4z8LTMWLP3AQzM/s1600/foto2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpeVzFwBPiIbnjG0v5pyYPMo3yOicbN3ZihqSZycMqMnW6XvR4RxMTSQQzvr8hRKkc9WUMUV2MmpqyI_extglWy9MtRsDFs6wEhkf8kEsLhbC4vmEhtm1F7QNYO_Re4z8LTMWLP3AQzM/s1600/foto2.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Dale a "listo"</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYlDApTlQlY3M3HnEnP6ebt_bjAF-gvGDKdhu545Bu524ypMdrijI5hQngonL-755RGZ9Q-8y3t3oOm6NqtpdOk9hxMMxCH9dISjYo0_Zs6H1NUb7uzv2n4W5WE2qSm_g9Lqnpelili4Q/s1600/foto3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYlDApTlQlY3M3HnEnP6ebt_bjAF-gvGDKdhu545Bu524ypMdrijI5hQngonL-755RGZ9Q-8y3t3oOm6NqtpdOk9hxMMxCH9dISjYo0_Zs6H1NUb7uzv2n4W5WE2qSm_g9Lqnpelili4Q/s1600/foto3.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Y en unos momentos estará en la carpeta de Google fotos y podrás usarla en el blog</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-9oS4yaU7Hf3EKtAber3UkJajZhWOpMNmlYNFKFUXqD0wEf4m4htY71J4LTS9IPBf6kj-PNzdATciMGI-REbC38rqpsBVpjT5K8BCrJ5wMFYKDvu5e9yS6bNa4pQ5UMUE2iLmJ3S7qT0/s1600/fotos1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-9oS4yaU7Hf3EKtAber3UkJajZhWOpMNmlYNFKFUXqD0wEf4m4htY71J4LTS9IPBf6kj-PNzdATciMGI-REbC38rqpsBVpjT5K8BCrJ5wMFYKDvu5e9yS6bNa4pQ5UMUE2iLmJ3S7qT0/s1600/fotos1.jpg" /></a></div>
<br />
Para utilizar la foto en el blog necesitas su URL, eso se consigue de la siguiente forma. Accede a todas las fotos:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyNUWnEDZU9tSnPeJEBdmW5iTOfI-u9dt5OERescbkT8QQC2g4tQnevaf-WsFabzeSW4cG2FZUIdaaaHVWy2v55nZM-i20ggFUFZk8r-B0vC_AxIF1MGHszBKxRas5BM2_fOI0aIR5qP4/s1600/fotos1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyNUWnEDZU9tSnPeJEBdmW5iTOfI-u9dt5OERescbkT8QQC2g4tQnevaf-WsFabzeSW4cG2FZUIdaaaHVWy2v55nZM-i20ggFUFZk8r-B0vC_AxIF1MGHszBKxRas5BM2_fOI0aIR5qP4/s1600/fotos1.jpg" /></a></div>
<br />
<div style="text-align: justify;">
Selecciona la que te interesa y cuando te aparezca sobre un fondo negro, pincha con el botón derecho del ratón. Se abrirá una ventana de opciones, elige "Copiar URL de la imagen"</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimhVLF2SOFnPCiU8RUI8MjATqzidBJr6KDhPO4AwgV9KTyinRP_OmlA6ZcqiLaTXI-RnASNMppG59TuGjQv4Ym8SvnhHupmqgutQsgEWEkkWCog19CupEFkvrzjWba6jAr0i85Ni9S-aw/s1600/fotos2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimhVLF2SOFnPCiU8RUI8MjATqzidBJr6KDhPO4AwgV9KTyinRP_OmlA6ZcqiLaTXI-RnASNMppG59TuGjQv4Ym8SvnhHupmqgutQsgEWEkkWCog19CupEFkvrzjWba6jAr0i85Ni9S-aw/s1600/fotos2.jpg" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Se copiará en el portapapeles, no la ves, pero ve al lugar donde necesites escribirla y pulsa de nuevo con el botón derecho del ratón y selecciona "Pegar". En ese lugar se escribirá de forma automática algo similar a esto, la URL de la imagen.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<i>https://lh6.googleusercontent.com/-XLupmlyxcbE/VSg1FMtt_8I/AAAAAAAAABg/ypKGAr0H2U</i></div>
<div style="text-align: justify;">
<i>Y/s180-no/maria.png</i></div>
<div style="text-align: left;">
<br /></div>Anonymoushttp://www.blogger.com/profile/13669146098625008700noreply@blogger.com0tag:blogger.com,1999:blog-9132883307962100791.post-57836893002596545212015-03-18T19:57:00.000+01:002015-10-15T20:48:09.498+02:00Quitar el borde a una sola imagen del post<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8u7mwRamKzc_S7p9mwdJk_XF7ngM1nAMWk9AR9s3UoYJ_Yaj5wfen3IBViyoSY74cYmvNm3hBF8h2bGWI1hCZ9369CW77CSAtYcnE21Szlz94g1YFDwM9En7J6csNk3xM27gqdSiIxAA/s1600/eliminar-borde-foto.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8u7mwRamKzc_S7p9mwdJk_XF7ngM1nAMWk9AR9s3UoYJ_Yaj5wfen3IBViyoSY74cYmvNm3hBF8h2bGWI1hCZ9369CW77CSAtYcnE21Szlz94g1YFDwM9En7J6csNk3xM27gqdSiIxAA/s1600/eliminar-borde-foto.jpg" /></a></div>
<span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;"><br /></span>
<span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">Define la clase imgsinborde con el siguiente código en CSS, especificando el "border" a cero pixeles:</span><br />
<br style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;" />
<blockquote class="tr_bq">
<span style="background-color: #eeeeee;"><span style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">.post .imgsinborde {</span><span style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">margin:0 0 5px 0;</span><span style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">padding:4px;</span><span style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">border:0px solid #C0C0C0;</span><span style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">}</span></span></blockquote>
<span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;"><br /></span>
<span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">Cuando insertes una imagen en el post, ve al código html y añádele el atributo class="imgsinborde" (lo he puesto en negrita). Esta se mostrará sin borde:</span><br />
<br />
<blockquote class="tr_bq">
<span style="font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, Verdana, sans-serif;"><span style="font-size: 14px; line-height: 22.390625px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRyiH0PA7JcYE10sXBICGmh5v3YpJWmJZpJRQAB-Q77IIK47MYPyvm097Ra7oX0ZXMLA5Q4Y1eM3lYTK5SjnVnQLxSW9vspte2tuFJnp4i5p-LdaSC43JshSsbtWIOqU3UpPYQDimlv8/s1600/mensaje2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRyiH0PA7JcYE10sXBICGmh5v3YpJWmJZpJRQAB-Q77IIK47MYPyvm097Ra7oX0ZXMLA5Q4Y1eM3lYTK5SjnVnQLxSW9vspte2tuFJnp4i5p-LdaSC43JshSsbtWIOqU3UpPYQDimlv8/s1600/mensaje2.png" <b>class="imgsinborde"</b> height="28" width="400" /></a></span></span></blockquote>
<br style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;" />
<span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">Por supuesto, también puede hacerse al revés. Si has modificado el CSS de las imágenes para que se vean sin borde pero quieres que una lo tenga, puedes añadir el código igualmente para que las imágenes que quieras se vean con borde, solo has de cambiar el "border" a 1 pixel.</span><br />
<span style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="background-color: #eeeeee;"><span style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">.post .imgconborde {</span><span style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">margin:0 0 5px 0;</span><span style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">padding:4px;</span><span style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">border:1px solid #C0C0C0;</span><span style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;">}</span></span></blockquote>
<br style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; line-height: 22.390625px;" />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9132883307962100791.post-49403768613600300362014-01-22T23:43:00.001+01:002015-10-15T21:14:15.673+02:00Eliminar el mensaje "Mostrando entradas con la etiqueta XXX"<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6OkHqidLhHXW-kwGPpqZMuOjfPuNRq-78nYjdO0s4O0SXU-r6M8JpiXu_FohjPnqp0ke2FCz8Pmi4ZVaOBCPWG-sLDTVZ0JvpfX8IROyiqcPX_4TNeOFVSEXskg7RJGXxaDzL2naZykA/s1600/quitar-mensaje-etiquetas.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6OkHqidLhHXW-kwGPpqZMuOjfPuNRq-78nYjdO0s4O0SXU-r6M8JpiXu_FohjPnqp0ke2FCz8Pmi4ZVaOBCPWG-sLDTVZ0JvpfX8IROyiqcPX_4TNeOFVSEXskg7RJGXxaDzL2naZykA/s1600/quitar-mensaje-etiquetas.jpg" /></a></div>
<br />
Cuando se buscan entradas en el blog seleccionando una etiqueta, delante del resultado aparece un recuadro con el mensaje:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV3_Pd1BTIc6MCByfDECXxt-JALf_DIixf11bGqBa-GfGDloYfaiUOJUb3vZwrdh47j6UnbG0lb-xarFcKcK2NcLdpwpnbTWxiuGpXWpEuudqNhPyQmZMzP9ciCCHJz3k_jcoOxzHvyYA/s1600/mensaje1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="28" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV3_Pd1BTIc6MCByfDECXxt-JALf_DIixf11bGqBa-GfGDloYfaiUOJUb3vZwrdh47j6UnbG0lb-xarFcKcK2NcLdpwpnbTWxiuGpXWpEuudqNhPyQmZMzP9ciCCHJz3k_jcoOxzHvyYA/s1600/mensaje1.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
o este, en caso de que no se encuentre ninguna entrada relacionada:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRyiH0PA7JcYE10sXBICGmh5v3YpJWmJZpJRQAB-Q77IIK47MYPyvm097Ra7oX0ZXMLA5Q4Y1eM3lYTK5SjnVnQLxSW9vspte2tuFJnp4i5p-LdaSC43JshSsbtWIOqU3UpPYQDimlv8/s1600/mensaje2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="28" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRyiH0PA7JcYE10sXBICGmh5v3YpJWmJZpJRQAB-Q77IIK47MYPyvm097Ra7oX0ZXMLA5Q4Y1eM3lYTK5SjnVnQLxSW9vspte2tuFJnp4i5p-LdaSC43JshSsbtWIOqU3UpPYQDimlv8/s1600/mensaje2.png" width="400" /></a></div>
<br />
<br />
Para ocultar este mensaje simplemente tienes que añadir el siguiente código CSS:<br />
<br />
<blockquote class="tr_bq">
.status-msg-wrap {visibility:hidden;display:none}</blockquote>
<br />
Guarda los cambios y ya no aparecerá.<br />
<br />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-9132883307962100791.post-4729857349442248412013-12-27T18:46:00.001+01:002015-12-26T20:32:00.104+01:00Reducir el margen superior del blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdvjPnRjHUj3YvN9q9v5V89XEg3vVckxkJd0tFqwXeiJv74TARHdgkH6bYSoYzkE5U6_tkDnM6XNfUcPOC1ylB7rVxK4_m8K_8WrfGhM3osxqH2ZNL1qSiNgmbKM-seUAPkX3LuMHABo/s1600/reducri-margen-blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdvjPnRjHUj3YvN9q9v5V89XEg3vVckxkJd0tFqwXeiJv74TARHdgkH6bYSoYzkE5U6_tkDnM6XNfUcPOC1ylB7rVxK4_m8K_8WrfGhM3osxqH2ZNL1qSiNgmbKM-seUAPkX3LuMHABo/s1600/reducri-margen-blog.jpg" /></a></div>
<br />
Si ocultas la barra de navegación del blog (<a href="http://www.bloggin-up.com/2013/10/primera-entrada.html">aquí te explico cómo</a>), seguramente notarás que no desaparece el espacio que ocupaba sobre la cabecera, sino que en su lugar, queda una franja blanca.<br />
<br />
Conseguir que esa franja desaparezca implica reducir el margen superior del blog. Para conseguirlo basta con incluir el siguiente código CSS:<br />
<br />
<blockquote class="tr_bq">
.content { margin-top:-30px !important }</blockquote>
<br />
Guarda y observa el resultado. Si todavía queda espacio, aumenta el número que indica los píxeles de 30 a 40.<br />
<br />
<div style="text-align: center;">
¿Tienes alguna duda? Déjame un comentario y te lo explico mejor.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9132883307962100791.post-85661211931864668972013-12-26T18:37:00.000+01:002015-12-26T20:32:09.451+01:00Los colores de nuestro blog<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV4ZEQApi4v_XL1t3xHrDss9ONL4_HPLl2tzVpBFcWdSRu5t1HZsoLbyfISuQBE03zt_wf6Ei6WEWJ1gOxhlzd_sDhyVt3mFYu27zktQKERHNtdl5-NaQf-4lf-Gi9v50nF6TtO37NRCc/s1600/paletas-colores.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV4ZEQApi4v_XL1t3xHrDss9ONL4_HPLl2tzVpBFcWdSRu5t1HZsoLbyfISuQBE03zt_wf6Ei6WEWJ1gOxhlzd_sDhyVt3mFYu27zktQKERHNtdl5-NaQf-4lf-Gi9v50nF6TtO37NRCc/s1600/paletas-colores.jpg" /></a></div>
<br />
<div style="text-align: justify;">
Si estás diseñando tu primer blog es probable que te cueste decidir qué colores utilizar. Los colores fuertes te parecerán atractivos porque tienen un fuerte impacto visual, pero has de pensar que cansan la vista y pueden provocar el abandono de la lectura. Debes buscar una mezcla de colores que sea <b>atrayente pero no</b> llegue a resultar <b>molesta</b>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
No tengo una regla para recomendarte una combinación de colores u otra, el factor personal es primordial, pero existen algunas<b> nociones </b>que pueden ayudarte:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. No es aconsejable utilizar una plantilla con <b>fondo oscuro </b>en un blog en el que hay que leer mucho, para estos casos es mejor elegir un fondo claro con letras oscuras que no lleguen a ser completamente negras. Si el blog es muy visual no hay problema en el uso de un fondo oscuro.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2. Los colores llamativos y brillantes (rojo, naranja, amarillo) deben utilizarse en pequeñas dosis, la mejor opción es emplearlos para <b>llamar la atención </b>sobre algo en concreto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3. Los <b>colores neutros</b> (grises y tonos pastel) son aconsejables cuando enfocamos nuestro blog a un público general. Si nuestro público va a ser mayoritariamente joven podemos usar colores más vivos y si el público es adulto debemos elegir colores serios y elegantes.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
4. Si ya tienes un<b> logotipo </b>o piensas crearlo, procura ajustarte a la paleta de colores que utilices en él.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
5. No utilices más de<b> cinco colores </b>diferentes en tu sitio, ni menos de tres. Si usas menos tu blog resultará monótono (salvo que el diseño sea espectacular), pero más de cinco distraerá mucho al lector.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
6. Los colores transmiten<b> información </b>por si mismos. Utilízalos según el efecto que desees obtener ya que puedes jugar con mensajes subliminares.</div>
<div style="text-align: justify;">
<br /></div>
<b>Amarillo</b>: inteligencia y energía<br />
<b>Azul</b>: estabilidad y limpieza<br />
<b>Blanco</b>: sencillez y frescura<br />
<b>Naranja</b>: revitalizante<br />
<b>Rojo</b>: intensidad emocional, muy agresivo. Solo debe emplearse para resaltar una idea<br />
<b>Dorado</b>: prestigio y calidad<br />
<b>Negro</b>: elegancia y formalidad<br />
<b>Lila</b>: incógnita, misterio, feminidad<br />
<b>Verde</b>: libertad, armonía, frescura<br />
<br />
<div style="text-align: justify;">
Para finalizar quiero hacer incapie en el tema de <b>la combinación </b>de los tonos. Es importante buscar la armonía entre los colores para que la lectura del blog sea agradable y así evitar la salida rápida del lector.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
La web que te indico a continuación es la que yo utilizo cuando he de buscar una combinación de colores acertada. Puedes obtener, además, los códigos hexadecimales de cada color.</div>
<div style="text-align: justify;">
<br /></div>
<a href="http://design-seeds.com/">http://design-seeds.com</a><br />
<br />
Si tu página no tiene frames, en esta dirección puedes analizar el contraste de los colores que utilizas.<br />
<br />
<a href="http://www.accesskeys.org/">http://www.accesskeys.org</a><br />
<br />
¿Alguna duda o consulta? Utiliza los comentarios si quieres preguntar algo.<br />
<br />
<br />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-9132883307962100791.post-19847832594639937512013-12-25T17:32:00.000+01:002015-10-16T12:41:23.910+02:00Utilizar un dominio propio con blogger<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9usFFPhusmS95borbyY2LLvVH-_q74RVVc_37xcHeXvkkFhE9-D-_FgeygLSqvDcuyiw75WuuRGUXDh-O5ddzp-ejxnvPzOAcTDzDLST_qNnF48fynfVZtINwLze84vBY7IUgrGCekxo/s1600/tu-propio-domino.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9usFFPhusmS95borbyY2LLvVH-_q74RVVc_37xcHeXvkkFhE9-D-_FgeygLSqvDcuyiw75WuuRGUXDh-O5ddzp-ejxnvPzOAcTDzDLST_qNnF48fynfVZtINwLze84vBY7IUgrGCekxo/s1600/tu-propio-domino.jpg" /></a></div>
<br />
Cuando creas un blog en Blogger, la URL (o dirección) que se le asigna es www.nombredetublog.blogspot.com. Con ella puedes acceder al blog y visualizarlo en el navegador, no es necesario nada más, pero puede haber motivos para que quieras cambiarla.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>La imagen del blog parecerá más seria y profesional </b>si le asignas un dominio personal, propio tuyo. Una tienda on-line, una web de servicios de diseño o cualquier otra cosa tiene mejor presencia con un dominio propio. Incluso aunque tu blog sea símplemente personal puede que te guste más con otra extensión.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Si estás pensando cambiar el dominio y no sabes cómo hacerlo, no te preocupes. Aquí te dejo bien claras las instrucciones para hacerlo. Y <b>si no entiendes algún paso o te pierdes, me escribes un comentario y te lo aclararé</b>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Para empezar<b> has de comprar el dominio</b>, yo hace poco que compré www.bloggin-up.com, lo hice en Godaddy y me costó unos 20 euros (más o menos) por dos años.</div>
<br />
Vamos al panel de Blogger y entramos en:<br />
<br />
<div style="text-align: center;">
<b>CONFIGURACION >> LO BASICO >> PUBLICACION</b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhilsE1dbbGnWlagg8t_SF8hyphenhyphenTbjlr6BjU20DV00H5_0WCJjsxEyxzLT0qJLo8CLXmoE1HZyRVaSs50LfO_wqlX2nJYFyKTtD2E6I-b-whYihukU-LBEPG-t6HIB8NV6hAVkUVX-7phd9M/s1600/b1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhilsE1dbbGnWlagg8t_SF8hyphenhyphenTbjlr6BjU20DV00H5_0WCJjsxEyxzLT0qJLo8CLXmoE1HZyRVaSs50LfO_wqlX2nJYFyKTtD2E6I-b-whYihukU-LBEPG-t6HIB8NV6hAVkUVX-7phd9M/s1600/b1.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Pincha con el ratón sobre el enlace "Añadir un dominio personalizado"</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglsChd3EZRHonTWK4YzsxCMh3tbTZeNeJ9Q5Kpm9HuJXF7fplnP2r_URZ6HqGbgNHWhrd9H1K0MO9634mVIeKwaI6JL0YvS9kYw22bc0rQQGVzEtIgkYFRaC9drtbIZ8dPS5rQnWWgdGs/s1600/b2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglsChd3EZRHonTWK4YzsxCMh3tbTZeNeJ9Q5Kpm9HuJXF7fplnP2r_URZ6HqGbgNHWhrd9H1K0MO9634mVIeKwaI6JL0YvS9kYw22bc0rQQGVzEtIgkYFRaC9drtbIZ8dPS5rQnWWgdGs/s1600/b2.png" /></a></div>
<div style="text-align: justify;">
Escribe el nombre de tu dominio, deja la opción del host con "No" y pincha sobre "Guardar"</div>
<div style="text-align: justify;">
Te aparecerá un <b>mensaje de error, pero te indica unos códigos</b> que vas a necesitar.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9BIDesN1xRgYAmwSji50Cz7jhBUhyphenhyphenatssPUMt4mlVgtsjt_3y_yWorUYaJk4mnIL9SzP6OJ72nTGWkR0vPx10BO5lpGQ1VPkhf7run9GQA4Dil_dJDEKrAeLc80mVFXfBo7FFxFy9z0Q/s1600/b3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9BIDesN1xRgYAmwSji50Cz7jhBUhyphenhyphenatssPUMt4mlVgtsjt_3y_yWorUYaJk4mnIL9SzP6OJ72nTGWkR0vPx10BO5lpGQ1VPkhf7run9GQA4Dil_dJDEKrAeLc80mVFXfBo7FFxFy9z0Q/s1600/b3.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: justify;">
<b><u>Mantén abierta esta ventana</u></b> y en otra nueva accede a tu proveedor de dominios. Vas a crear los CNAME que te indica ahí arriba. Yo te lo voy a explicar con el mío que es Godaddy, en tu caso puede ser diferente pero similar.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZQLvnnY8SOdxYvBmdRzRbhEjTn3KFsnfcPoI-nKidWIp5uVRvKWSmoSSzVQ-KisGdGVc-99zNv8c7MughC3-7KQvG_1PPlkqWXNwsJuCxb0LTwT0_fp_OBFh4XxyUvwQYcYbqJOytUMA/s1600/g1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZQLvnnY8SOdxYvBmdRzRbhEjTn3KFsnfcPoI-nKidWIp5uVRvKWSmoSSzVQ-KisGdGVc-99zNv8c7MughC3-7KQvG_1PPlkqWXNwsJuCxb0LTwT0_fp_OBFh4XxyUvwQYcYbqJOytUMA/s1600/g1.png" /></a></div>
<br />
<div style="text-align: justify;">
Accede a DOMINIOS. Si sólo has comprado un dominio será el único que aparecerá en la lista, yo tengo algunos más. Ahora debes pinchar sobre DNS para entrar en el DNS manager (gestor de dominios).</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvxUZCx1QQAkBHTS0SmLFZeQeaneZCYX5XmPX-nLOyYjYEY7Q1mY5BDzX_IfXm1mjHt2DEiG_ghg5wRaBxILk8cpasCbwFg4Ipay-zOl3498DcYsl2u0ThFw67yzCa0p_Dmlw9R065wdg/s1600/g2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvxUZCx1QQAkBHTS0SmLFZeQeaneZCYX5XmPX-nLOyYjYEY7Q1mY5BDzX_IfXm1mjHt2DEiG_ghg5wRaBxILk8cpasCbwFg4Ipay-zOl3498DcYsl2u0ThFw67yzCa0p_Dmlw9R065wdg/s1600/g2.png" /></a></div>
<br />
<div style="text-align: justify;">
Una vez en el DNS manager has de buscar la manera de modificar tu dominio. En Godaddy se hace entrando en Edit zone, puedes verlo en esta imagen. Recuerda que si tu proveedor es otro la pantalla será diferente, pero los pasos que has de hacer son similares.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2xdzeDwu7SQnS0hDP0avj1a-6jp_Rw9eUNYSVrB6TWUhGyiw5wkyyuq1QluxR2zScoP-J6WOLiujqdZH99A4xgJuWMYQ2zmeGn0BKkiXhnc1s47ZLgjlPn-T5BcUGkZdUUMgLNUTY4A8/s1600/g4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2xdzeDwu7SQnS0hDP0avj1a-6jp_Rw9eUNYSVrB6TWUhGyiw5wkyyuq1QluxR2zScoP-J6WOLiujqdZH99A4xgJuWMYQ2zmeGn0BKkiXhnc1s47ZLgjlPn-T5BcUGkZdUUMgLNUTY4A8/s1600/g4.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Finalmente has de llegar a la pantalla en la que aparezcen los registros CNAME</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQsL0H9dVhhkfEytEDFUHjRqts7t3t74Nz6fXNdo3nhEdFKdyMsGbOEg8cU9naOYx-EN1EKL6hQUzNIB-w4U1p6aFDmo3gMjo_ldmzANey1NdQGKtRNMyu47qa4R-NWOGnpUovhiCW8s/s1600/g5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQsL0H9dVhhkfEytEDFUHjRqts7t3t74Nz6fXNdo3nhEdFKdyMsGbOEg8cU9naOYx-EN1EKL6hQUzNIB-w4U1p6aFDmo3gMjo_ldmzANey1NdQGKtRNMyu47qa4R-NWOGnpUovhiCW8s/s1600/g5.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Hay que crear dos nuevos registros con estos valores:</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Primero: <b>NAME</b> = <b>www </b> <b>HOST NAME</b> = <b>ghs.google.com</b> </div>
<div class="separator" style="clear: both; text-align: justify;">
Segundo: <b>NAME</b> y <b>HOST NAME</b> con los valores que Blogger te ha asignado en la pantalla en la que se produjo el error.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioP2ykPJho6IyqOaESzJTdPo3plVgzBWHQS-VR3efI-SNztQgwwbwRuuIIqCBKNRA7TOeDZthIqZYQtsfDdRqKu06NEwp7Ej9BUAev0h_XHtfGFmB4QQo7YkF-EFkE9H0_c9SQsUODga4/s1600/g6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioP2ykPJho6IyqOaESzJTdPo3plVgzBWHQS-VR3efI-SNztQgwwbwRuuIIqCBKNRA7TOeDZthIqZYQtsfDdRqKu06NEwp7Ej9BUAev0h_XHtfGFmB4QQo7YkF-EFkE9H0_c9SQsUODga4/s1600/g6.png" /></a></div>
<br />
<div style="text-align: justify;">
Guarda los cambios que acabas de hacer y ya has terminado de introducir los CNAME en tu proveedor. Ahora hay que <b>volver a Blogger, a la pantalla del error, y guardar los cambios </b>que ya serán correctos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
La redirección será efectiva <b>después de unas horas</b>, puede que llegue a tardar un día (pero suele ser menos tiempo), y entonces ya tendrás tu blog alojado en Blogger pero con un dominio propio.</div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9132883307962100791.post-57038064877959163382013-10-24T18:42:00.005+02:002015-12-26T20:32:17.880+01:00Poner los iconos de redes sociales en tu blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUhVQTGkIGUCXA-ipn3C2eyBHhuJCCnQ4Xi3Gxz7lksHAtB3vzmcKk7aThMtIyxNKXiUu1cVencr2mlcXgbdv6c9KBgBn0tJf4ekVcaCLd3_O2_U9by71N3-OS4NdMixXWDo-htGhGMHc/s1600/iconos-redes-sociales.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUhVQTGkIGUCXA-ipn3C2eyBHhuJCCnQ4Xi3Gxz7lksHAtB3vzmcKk7aThMtIyxNKXiUu1cVencr2mlcXgbdv6c9KBgBn0tJf4ekVcaCLd3_O2_U9by71N3-OS4NdMixXWDo-htGhGMHc/s1600/iconos-redes-sociales.jpg" /></a></div>
<br />
¿Quieres poner los icones de redes sociales en tu blog? Te voy a explicar como puse los de Bloggin-up. No es muy complicado, pero hay que estar atento.<br />
<br />
Abre un nuevo gadget en la ventana lateral del blog o donde lo quieras poner, pero yo te recomiendo ahí para que se vea bien. En el lateral y arriba.<br />
<br />
<div style="text-align: center;">
<b>DISEÑO >> AÑADIR UN GADGET >> HTML/Javascript</b></div>
<br />
No es necesario que le des nombre al gadget, pero en el contenido incluye este código:<br />
<br />
<div style="text-align: center;">
<blockquote class="tr_bq">
<div style="text-align: left;">
<div class='social-media-icons' id='social-icons'></div>
<div style="text-align: left;">
<a href='<span style="color: #cc0000;">http://tu_direccion_de_facebook</span>'><img border='0' src='<span style="color: #0b5394;">IconoFacebook.png'</span>/></a></div>
<div style="text-align: left;">
<a href='<span style="color: #cc0000;">http://tu_dirección_de_twitter</span>'><img border='0' src='<span style="color: #0b5394;">IconoTwitter.png</span>'/></a><a href='<span style="color: #cc0000;">http://tu_dirección_google+</span>'><img border='0' src='<span style="color: #0b5394;">IconoGoogleplus.png</span>'/></a><a href='<span style="color: #cc0000;">http://tu_dirección_RSS</span>'><img border='0' src='<span style="color: #0b5394;">IconoFeed.png</span>'/></a></div>
</blockquote>
</div>
<br />
Debes colocar las URL de tus páginas de redes sociales reemplazando las palabras que te he marcado en rojo y las imágenes de los iconos que he marcado en azul.<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9132883307962100791.post-88673072372134975902013-10-19T23:22:00.002+02:002015-12-26T20:32:26.449+01:00Ocultar la fecha de las entradas <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP9DpqBROTcHt9hfEda8oq1elzIfjXbqvTVWnaTNkF_WQJ3WLBLP90bgTJRpLtupriFcroCWFu4Y5_4qomLPUQTpjU99DDtGhzXlNTSTtH9V8olYz2X1N_XgdXbSuJAuwSGWNcHN7Li70/s1600/fecha.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP9DpqBROTcHt9hfEda8oq1elzIfjXbqvTVWnaTNkF_WQJ3WLBLP90bgTJRpLtupriFcroCWFu4Y5_4qomLPUQTpjU99DDtGhzXlNTSTtH9V8olYz2X1N_XgdXbSuJAuwSGWNcHN7Li70/s1600/fecha.jpg" /></a></div>
<br />
Hay temas que no necesitan llevar la fecha en cada post, porque el orden temporal no es importante o simplemente porque sin fecha te gusta más.<br />
<br />
Te explico de qué manera puedes ocultar esa línea. La opción para hacerlo está en el diseño de la entrada, así que ve al escritorio de Blogger y selecciona en la columna de la izquierda<br />
<br />
<div style="text-align: center;">
<b>DISEÑO</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc-8BP_0CPremEjvv1XP8SGlCYrQNx1Uo8hETphiir7KgJ0D7j3bhBX7D3qM-ke-dIfaB8FcAGLRFdeDMpnxAITy3SysUoDls9Dp2FgfUwaxOGo-LLya0h2skSvPDm45hf0qLSJ_pLhXE/s1600/entradas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc-8BP_0CPremEjvv1XP8SGlCYrQNx1Uo8hETphiir7KgJ0D7j3bhBX7D3qM-ke-dIfaB8FcAGLRFdeDMpnxAITy3SysUoDls9Dp2FgfUwaxOGo-LLya0h2skSvPDm45hf0qLSJ_pLhXE/s1600/entradas.png" /></a></div>
<br /></div>
<br />
Cuando tengas visible el panel de Diseño, fíjate en la zona de las entradas. Abajo a la derecha pone "Editar", pincha ahí y se abrirá otra ventanita.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmqWplqNo0dRHgThL0qhYaOuLG-CwICGdA6maTec08lD-_ecRYsB7jWpl2wuZEcFlcoARRLlbc6Nv_B2qCF1vhD7eeI-ktf75KyE6dpOIdwA0BXWqS7uCtusoe__Bslpz3vgRHmR0WnwE/s1600/entradas1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmqWplqNo0dRHgThL0qhYaOuLG-CwICGdA6maTec08lD-_ecRYsB7jWpl2wuZEcFlcoARRLlbc6Nv_B2qCF1vhD7eeI-ktf75KyE6dpOIdwA0BXWqS7uCtusoe__Bslpz3vgRHmR0WnwE/s1600/entradas1.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: justify;">
En esta ventana puedes cambiar diferentes características de las entradas del blog, la primera es la que nos interesa. Según marques o no esa opción conseguiras que aparezca o se oculte la fecha de la entrada.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-9132883307962100791.post-13751662855922323042013-10-18T19:02:00.000+02:002015-12-26T20:32:38.674+01:00Ocultar la barra de navegación<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwLrfNpuYl7EdCEtRgX4saffvd7pflQM4BOEAH60OvtJi61gVWMndH1FWoLvomU7TJULjAE1e0jUuarTE39KrrJlhtvBNuyN8DFX86naipAJIhnjz9A625natgc0Rx2JXkbBT8K0-eI0E/s1600/fondo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwLrfNpuYl7EdCEtRgX4saffvd7pflQM4BOEAH60OvtJi61gVWMndH1FWoLvomU7TJULjAE1e0jUuarTE39KrrJlhtvBNuyN8DFX86naipAJIhnjz9A625natgc0Rx2JXkbBT8K0-eI0E/s1600/fondo.jpg" /></a></div>
<br />
Para ocultar la barra de navegación sólo has de seguir esta ruta desde el panel de control:<br />
<br />
<div style="text-align: center;">
<b>DISEÑO >> BARRA DE NAVEGACION >> EDITAR >> NO</b></div>
<br />
Existen códigos para eliminarla desde el HTML, posiblemente porque antes no existía esta opción. Así es más fácil y te evitas tocar la plantilla.<br />
<br />
Si en lugar de desactivarla prefieres dejarla con otro color o transparente, elige cualquiera de las otras opciones.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-9132883307962100791.post-55247860301075604532013-10-17T22:24:00.000+02:002015-10-16T13:23:13.051+02:00 Modificar el pie de post para evitar comentarios<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjCOIY-frYnnmOYLumXEQFXHGRBuBYOW_Wga5wXBTKKAmldCGQ56vtht45SZ61nCFXGYas8W0NIlTPsw-ePwncSwA0rCy-22e0bqK5ppf83vxMndbqSZwFUzWJjccZmUHpDVw6a-wAjRU/s1600/quitar-comentarios.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjCOIY-frYnnmOYLumXEQFXHGRBuBYOW_Wga5wXBTKKAmldCGQ56vtht45SZ61nCFXGYas8W0NIlTPsw-ePwncSwA0rCy-22e0bqK5ppf83vxMndbqSZwFUzWJjccZmUHpDVw6a-wAjRU/s1600/quitar-comentarios.jpg" /></a></div>
<br />
En el pie de cada entrada sale por defecto la siguiente información:<br />
<br />
Autor <br />
Comentarios<br />
Etiquetas<br />
<br />
Si no te interesa que el público introduzcan comentarios puedes ocultarlos desde el panel principal del blog:<br />
<br />
<div style="text-align: center;">
<b>CONFIGURACION >> ENTRADAS Y COMENTARIOS >></b><b> UBICACION DE LOS COMENTARIOS >> OCULTAR</b></div>
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-9132883307962100791.post-33957193815343306312013-10-16T22:42:00.000+02:002015-10-16T13:32:01.017+02:00Flecha para volver arriba<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsqVyuDU69V_H5cGwAH9tn0ao3hVqjF0KSfiHJVY3WHNXGzv88ZMGzANmQTHQmRzQ9JHIzW0Jy0QhI5tYVM-G18f0LLzZ6mFQN4MLkXAa3J5iGCKHS_hcafem9LiEGdgLl4ERhxkRYh3I/s1600/flecha.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsqVyuDU69V_H5cGwAH9tn0ao3hVqjF0KSfiHJVY3WHNXGzv88ZMGzANmQTHQmRzQ9JHIzW0Jy0QhI5tYVM-G18f0LLzZ6mFQN4MLkXAa3J5iGCKHS_hcafem9LiEGdgLl4ERhxkRYh3I/s1600/flecha.jpg" /></a></div>
<br />
Como la que yo tengo en mi blog que solo aparece cuando te deslizas hacia abajo. ¿Te gusta? Pues incluirla es bien sencillo, te explico cómo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Abre la página<a href="http://www.scrolltotop.com/"> www.scrolltotop.com</a><span style="color: #008012;"> <span style="color: black;">y</span></span> en ella encontrarás muchas imágenes diferentes de flechas. Elige la que más se ajuste al <span style="color: #006002;">aspecto</span> de tu blog y copia el script que hay en la casilla que le corresponde.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ahora vuelve a tu blog y edita el código HTML de la plantilla (recuerda hacer antes una copia). Busca la etiqueta </BODY> y justo en la línea anterior pega el código que habías copiado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Para la flecha que yo he utilizado es éste. Es negra y muy sencilla, como me gustan a mi! :)</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<blockquote class="tr_bq" style="text-align: left;">
<span style="color: black;"><!-- boton top --></span><span style="color: black;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/><script src='http://arrow.scrolltotop.com/arrow17.js' type='text/javascript'/><noscript>Not seeing a <a href='http://www.scrolltotop.com/'>Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></span><span style="color: black;"><!-- fin boton top --></span></blockquote>
</div>
<br />
Os cuento un truco para quienes no lo conozcáis. ¿Veis esas líneas del principio y el final del código?<br />
<br />
<div style="color: purple;">
<div style="text-align: center;">
<blockquote class="tr_bq">
<span style="color: black;"><!-- boton top --></span><span style="color: black;"><!-- fin boton top --></span></blockquote>
</div>
</div>
<br />
Eso son comentarios que podéis escribir en el HTML y no hacen nada, sólo
sirven para anotaciones. Yo siempre que introduzco algo de cosecha
propia lo pongo, para luego encontrarlo si es necesario.<br />
<br />
Pero mucho cuidado, todo debe estar entre <!-- y -->Unknownnoreply@blogger.com0