tag:blogger.com,1999:blog-20818348621107136322024-02-19T17:15:38.981+01:00Bitácora TuningDaniel Balaguerhttp://www.blogger.com/profile/01683889326440079840noreply@blogger.comBlogger24125tag:blogger.com,1999:blog-2081834862110713632.post-82178506395003769552022-07-28T17:18:00.011+02:002022-07-29T05:51:52.474+02:00Como configurar el dominio de Ionos en Blogger<p><span style="font-family: inherit; font-size: x-large;">Una vez registrado el dominio en IONOS y desde la página <b><i>Dominios & SSL</i></b>, haremos clic en la rueda dentada:</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin7dwX5e-VoUY9I5rrAD2XSs7LNh8xfRMvRwgVp9azwz6-m7WyzYDlJMKCROyXwgguWMz8pWgAp6nzmf2GTb--8lWYzI3bTtEu-4CQcVQ2aEO6yi37A81rTOQxiMGMSyXpBIljt0_XPYVGvVBj7r504zDIfzBXUj9qxs7w-nngbu7yEdtGtEw7i9CCNQ/s1366/ionos0.png" style="margin-left: 1em; margin-right: 1em;"><span style="color: black; font-family: inherit; font-size: x-large;"><img border="0" data-original-height="936" data-original-width="1366" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin7dwX5e-VoUY9I5rrAD2XSs7LNh8xfRMvRwgVp9azwz6-m7WyzYDlJMKCROyXwgguWMz8pWgAp6nzmf2GTb--8lWYzI3bTtEu-4CQcVQ2aEO6yi37A81rTOQxiMGMSyXpBIljt0_XPYVGvVBj7r504zDIfzBXUj9qxs7w-nngbu7yEdtGtEw7i9CCNQ/w400-h274/ionos0.png" width="400" /></span></a></div><span style="font-family: inherit; font-size: x-large;"><div><span style="font-size: x-large;"><div><span style="font-size: x-large;">Antes de continuar, iremos a <b><i>Blogger</i></b>, y en la pestaña de "<b>Configuración</b>", haremos clic en "<b>Dominio personalizado</b>":</span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3plCK9ACDtepV1BHCvN6rjOmNI8Q0Xsa7rfyPeDbsQw9ClLTfCGfDTlfW7-hm5iV24Z-_IwG_wwvJKFt78ZhvaRt8M0cz3IhNdoF5AQrEHivCmLgfkXKDVodZ-gGpYLQ4NlXNAJjdCwVw8rhloMTBMbTAUJa3QyRbBs3epxNk80PSX2Hh5GeBg4RUOg/s1449/ionos3.png" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: x-large;"><img border="0" data-original-height="786" data-original-width="1449" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3plCK9ACDtepV1BHCvN6rjOmNI8Q0Xsa7rfyPeDbsQw9ClLTfCGfDTlfW7-hm5iV24Z-_IwG_wwvJKFt78ZhvaRt8M0cz3IhNdoF5AQrEHivCmLgfkXKDVodZ-gGpYLQ4NlXNAJjdCwVw8rhloMTBMbTAUJa3QyRbBs3epxNk80PSX2Hh5GeBg4RUOg/w400-h217/ionos3.png" width="400" /></span></a></div><h2><span style="font-size: x-large;"><span style="font-weight: normal;">Escribiremos el dominio que hemos registrado en IONOS con las "</span>www<span style="font-weight: normal;">" delante, por ejemplo</span> www.direcciondeejemplo.com<span style="font-weight: normal;"> y haremos clic en "</span>Guardar<span style="font-weight: normal;">":</span></span></h2><p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiaOzh-a38nvlCYfxCv2cZ9Gt0Ve7PO0-NEaBky_BCapO07rC0iwm8Tvxkc3vzrH65M0niwOd-VkowWFSl1eP_k5JNJveqoypCHETpPiJZA3vudz1cUqZidsdr616H5CFuXSz6hEcm0LUdVpNkMfj7XRizJIG-Ms4oiUfe8vKQNzkyGZZWPg5Da4r3TA/s1449/ionos4.png" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: x-large;"><img border="0" data-original-height="786" data-original-width="1449" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiaOzh-a38nvlCYfxCv2cZ9Gt0Ve7PO0-NEaBky_BCapO07rC0iwm8Tvxkc3vzrH65M0niwOd-VkowWFSl1eP_k5JNJveqoypCHETpPiJZA3vudz1cUqZidsdr616H5CFuXSz6hEcm0LUdVpNkMfj7XRizJIG-Ms4oiUfe8vKQNzkyGZZWPg5Da4r3TA/w400-h217/ionos4.png" width="400" /></span></a></div><span style="font-size: x-large;">Nos aparecerá un mensaje de error con los datos que necesitamos para terminar la configuración (Nombre y destino).</span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXP9VkRvUaANCGZA3uNxPUe5fQnPB53jKFetpmLlaiFR4t7ZUco-rvbuN0lLKki16lbkPBNh-VVSuOmZ3RO8Jiuy3Gqv3U2Um2eUY7557-KsTK2P3ZCY3mY066yJnguypd4cS5Jcz273WdDJ8rzy0UaC9EAa3dt0rPINIE4deDu67I1uYy6xeQKAvpXg/s1449/ionos6.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="786" data-original-width="1449" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXP9VkRvUaANCGZA3uNxPUe5fQnPB53jKFetpmLlaiFR4t7ZUco-rvbuN0lLKki16lbkPBNh-VVSuOmZ3RO8Jiuy3Gqv3U2Um2eUY7557-KsTK2P3ZCY3mY066yJnguypd4cS5Jcz273WdDJ8rzy0UaC9EAa3dt0rPINIE4deDu67I1uYy6xeQKAvpXg/w400-h217/ionos6.png" width="400" /></a></div><span>Volvemos al panel de IONOS.</span></div><div></div></span></div>Haremos clic en "<b>Administrar dominios</b>" y en la siguiente ventana, en "<b>Crear subdominio</b>":</span><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhObwABhy2OTfvbaI5QY6DTtUYc1wyA3Uh6lDDKOrXQ99qQPxsuHcBpTPXCZb0zEycapY5TIUwIAJVXl9cQ0O_9gHn2Kj9CTEMhHqKGuAs2R7haODipA5R1718GpVDbcwDMI7SB_Fb1DiNfK7Mh7BigNKQ2WYNqPEG-_X59wfJv7AKOcsz1gfHuUF3GvA/s1678/ionos1.png" style="margin-left: 1em; margin-right: 1em;"><span style="color: black; font-family: inherit; font-size: x-large;"><img border="0" data-original-height="708" data-original-width="1678" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhObwABhy2OTfvbaI5QY6DTtUYc1wyA3Uh6lDDKOrXQ99qQPxsuHcBpTPXCZb0zEycapY5TIUwIAJVXl9cQ0O_9gHn2Kj9CTEMhHqKGuAs2R7haODipA5R1718GpVDbcwDMI7SB_Fb1DiNfK7Mh7BigNKQ2WYNqPEG-_X59wfJv7AKOcsz1gfHuUF3GvA/w400-h169/ionos1.png" width="400" /></span></a></div><span style="font-family: inherit; font-size: x-large;"><br />Escribiremos "<b>www</b>" en el recuadro que aparece y haremos clic en "<b>Guardar</b>":</span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPssOE4gptGHEvqQwtL6URgL5PgNKIV0cI_jx-2G62ZmSVnBrvhGBZml6AwORyFxYVdG-l3dJSNa67iDo8c31DvDKIZEeucXs4miWCqg1ptD9qY8_sT4cLhcPbPO-zggiEV6a4YLy_XQtKqgctHrOcmojAjmazprBD7JHO19Xc_Ni9NdXjYue9VT6g5A/s1449/ionos.png" style="margin-left: 1em; margin-right: 1em;"><span style="color: black; font-family: inherit; font-size: x-large;"><img border="0" data-original-height="786" data-original-width="1449" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPssOE4gptGHEvqQwtL6URgL5PgNKIV0cI_jx-2G62ZmSVnBrvhGBZml6AwORyFxYVdG-l3dJSNa67iDo8c31DvDKIZEeucXs4miWCqg1ptD9qY8_sT4cLhcPbPO-zggiEV6a4YLy_XQtKqgctHrOcmojAjmazprBD7JHO19Xc_Ni9NdXjYue9VT6g5A/w400-h217/ionos.png" width="400" /></span></a></div><span style="font-family: inherit; font-size: x-large;">Asignaremos el CNAME <b>ghs.google.com</b> al dominio creado.</span></div><div><span style="font-family: inherit; font-size: x-large;">Añadiremos otro subdominio cuyo nombre es el que aparece en el mensaje de error y el CNAME la dirección a la que apunta y que también nos aparece en el mensaje de Blogger, quedando como sigue:</span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipEMM5EpnHon24tHarFbRTxT9c51oDIM6gLqsAhSavu5aDG2lNjSmLxSxAk3A_m6kNi4qBch8d0kVE7S9TXZm9QV_bAOcO4diu36ANCABA3sQ10VDj0Lu5siwFXKQOPHq_rQCU5yn7ICJH-L1-_ThwPAspFSZB510X3c0qspQHhn3v2Dg_DH0j7BRdjA/s1449/ionos7.png" style="margin-left: 1em; margin-right: 1em;"><span style="color: black; font-family: inherit; font-size: x-large;"><img border="0" data-original-height="786" data-original-width="1449" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipEMM5EpnHon24tHarFbRTxT9c51oDIM6gLqsAhSavu5aDG2lNjSmLxSxAk3A_m6kNi4qBch8d0kVE7S9TXZm9QV_bAOcO4diu36ANCABA3sQ10VDj0Lu5siwFXKQOPHq_rQCU5yn7ICJH-L1-_ThwPAspFSZB510X3c0qspQHhn3v2Dg_DH0j7BRdjA/w400-h217/ionos7.png" width="400" /></span></a></div><span style="font-family: inherit; font-size: x-large;"><br /><span>Editaremos cada uno de los subdominios añadiendo las DNS </span></span><span style="font-size: xx-large;">de tipo A </span><span style="font-family: inherit; font-size: x-large;"><span>de Google, que es </span></span><span style="font-size: x-large;">216.239.32.21</span></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtNQYyoLTYc4GKra7kGuGq4DEydps4oINKSeWKcQTQ5RGauqA5eplEUSZf4xpRD_YXihiE9_tetoKRdkOkieA_Pjuo2e_eTqkf-ztFPTgl45ADl6rYauHJany4UpZCzyvOwHmGduNTmmaGXXjDX0CfYi4IfUH7BgfngUUbSBonovMgZCGTuyCd3Jonqg/s1449/ionos5.png" style="margin-left: 1em; margin-right: 1em; text-align: center;"><span style="color: black; font-family: inherit; font-size: x-large;"><img border="0" data-original-height="786" data-original-width="1449" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtNQYyoLTYc4GKra7kGuGq4DEydps4oINKSeWKcQTQ5RGauqA5eplEUSZf4xpRD_YXihiE9_tetoKRdkOkieA_Pjuo2e_eTqkf-ztFPTgl45ADl6rYauHJany4UpZCzyvOwHmGduNTmmaGXXjDX0CfYi4IfUH7BgfngUUbSBonovMgZCGTuyCd3Jonqg/w400-h217/ionos5.png" width="400" /></span></a></div><div><span style="font-family: inherit; font-size: x-large;"><br /><span><br /></span></span><span style="font-size: x-large;"><br /></span><p></p></div>Daniel Balaguerhttp://www.blogger.com/profile/01683889326440079840noreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-70425482432879263012016-05-13T10:00:00.000+02:002016-05-13T10:00:01.480+02:00COMO CREAR UNA PÁGINA DE INICIO O PORTADA PARA BLOGGER<div dir="ltr" style="text-align: left;" trbidi="on">
Para crear una página de inicio o portada que se muestre tan pronto se accede a nuestra bitácora, primero tendremos que crear una página nueva que llamaremos "INICIO".<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4RjHeQPaK82-KtrYmuWfvHeI_QWSejQ76V7WL6aQ8nQnzRom2gk26LKjZy1zD0-9GcFhfv_LmbK4EhQW7SGqjzLRDd1V9YIoCMwacOILmaKCAkbfLqVNK0egJ7xVYN8Hvg-JB-V1JA_aC/s1600/paginanueva.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4RjHeQPaK82-KtrYmuWfvHeI_QWSejQ76V7WL6aQ8nQnzRom2gk26LKjZy1zD0-9GcFhfv_LmbK4EhQW7SGqjzLRDd1V9YIoCMwacOILmaKCAkbfLqVNK0egJ7xVYN8Hvg-JB-V1JA_aC/s640/paginanueva.png" width="640" /></a></div>
Crearemos en ella el contenido que queramos mostrar y haremos clic en publicar.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkpW3t2MrOlU1cq86iGLna9m1gdGvHlMxhZZ17hBPY33dkUf-uV1ykVhsDezKANXao4eF234feIBMY1Wdv7jUJjLeXBF-tDXTamBY05pIK9lVZXvM8YwVvV0tZE02jL7Jj6iOXO5reIb6d/s1600/publicarpagina.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkpW3t2MrOlU1cq86iGLna9m1gdGvHlMxhZZ17hBPY33dkUf-uV1ykVhsDezKANXao4eF234feIBMY1Wdv7jUJjLeXBF-tDXTamBY05pIK9lVZXvM8YwVvV0tZE02jL7Jj6iOXO5reIb6d/s640/publicarpagina.png" width="640" /></a></div>
<br />
Ahora iremos a editar la plantilla de blogger, por lo que se recomienda hacer antes una copia de seguridad de la misma.<br />
Debajo de <b></head></b> pegaremos el siguiente código:<br />
<br />
<pre class="prettyprint lang-css"><code><span class="tag"><b:if</span><span class="pln"> </span><span class="atn">cond</span><span class="pun">=</span><span class="atv">'data:blog.url == data:blog.homepageUrl'</span><span class="tag">></span><span class="pln">
</span><span class="tag"><script></span><span class="pln">
</span><span class="kwd">if</span><span class="pun">(!(</span><span class="pln">document</span><span class="pun">.</span><span class="pln">referrer </span><span class="pun">&</span><span class="pln">amp</span><span class="pun">;&</span><span class="pln">amp</span><span class="pun">;</span><span class="pln">
document</span><span class="pun">.</span><span class="pln">referrer</span><span class="pun">.</span><span class="pln">indexOf</span><span class="pun">(&</span><span class="pln">quot</span><span class="pun">;<</span><span class="pln">data</span><span class="pun">:</span><span class="pln">blog</span><span class="pun">.</span><span class="pln">homepageUrl</span><span class="pun">/>&</span><span class="pln">quot</span><span class="pun">;)</span><span class="pln"> </span><span class="pun">&</span><span class="pln">gt</span><span class="pun">;=</span><span class="pln"> </span><span class="lit">0</span><span class="pun">)</span><span class="pln"> </span><span class="pun">&</span><span class="pln">amp</span><span class="pun">;&</span><span class="pln">amp</span><span class="pun">;</span><span class="pln">
</span><span class="pun">!(</span><span class="pln">document</span><span class="pun">.</span><span class="pln">URL </span><span class="pun">&</span><span class="pln">amp</span><span class="pun">;&</span><span class="pln">amp</span><span class="pun">;</span><span class="pln"> document</span><span class="pun">.</span><span class="pln">URL</span><span class="pun">.</span><span class="pln">indexOf</span><span class="pun">(&</span><span class="pln">quot</span><span class="pun">;</span><span class="pln">post</span><span class="pun">-</span><span class="pln">preview</span><span class="pun">&</span><span class="pln">quot</span><span class="pun">;)&</span><span class="pln">gt</span><span class="pun">;=</span><span class="pln"> </span><span class="lit">0</span><span class="pun">))</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
window</span><span class="pun">.</span><span class="pln">location</span><span class="pun">=&</span><span class="pln">quot</span><span class="pun">;</span><data:blog .homepageurl=""><span class="pln">p</span><span class="pun">/</span><span class="pln">inicio</span><span class="pun">.</span><span class="pln">html</span><span class="pun">&</span><span class="pln">quot</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="tag"></script></span><span class="pln">
</span><span class="tag"></b:if></span></data:blog></code></pre>
<pre class="prettyprint lang-css"><code><data:blog .homepageurl=""><span class="tag">
</span></data:blog></code></pre>
<pre class="prettyprint lang-css"><code><data:blog .homepageurl=""><span class="tag">
</span></data:blog></code></pre>
<pre class="prettyprint lang-css"><code><data:blog .homepageurl=""><span class="tag">Puedes ver dos ejemplos en estas páginas:</span></data:blog></code></pre>
<pre class="prettyprint lang-css"><code><data:blog .homepageurl=""><span class="tag">
</span></data:blog></code></pre>
<pre class="prettyprint lang-css"><code><data:blog .homepageurl=""><span class="tag"><a href="http://dayan-tallerdeempleo.blogspot.com.es/" target="_blank">http://dayan-tallerdeempleo.blogspot.com.es</a></span></data:blog></code></pre>
<pre class="prettyprint lang-css"><code><data:blog .homepageurl=""><a href="http://www.adiccionalmovil.com/" target="_blank">www.adiccionalmovil.com</a></data:blog></code></pre>
<pre class="prettyprint lang-css"><code><data:blog .homepageurl=""><span class="tag">
</span></data:blog></code></pre>
<pre class="prettyprint lang-css"><code><data:blog .homepageurl=""><span class="tag">El contenido de esta entrada ha sido sacado de <a href="http://apuntesadeteran.blogspot.com.es/2014/09/como-tener-una-pagina-estatica-de.html" target="_blank">Los apuntes de adeteran</a>, donde podrás encontrar una descripción más detallada del proceso.</span></data:blog></code></pre>
</div>
Daniel Balaguerhttp://www.blogger.com/profile/01683889326440079840noreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-16124301495726542792016-03-03T10:00:00.000+01:002016-03-03T10:00:20.673+01:00CÓMO CAMBIAR EL COLOR DE LA BARRA DEL NAVEGADOR AL VISITAR TU BLOG DESDE EL MÓVIL<span style="font-size: large;">Al visitar algunas páginas web desde un movil con android 5 o superior y Chrome podemos observar que cambia el color de la barra del navegador.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlGT-A7XcCCmfs2Wd_-wKJDBucdeNQ3PTWx2myi1mIZLPVhWKDMrAPNR4d6JiAB4h3TDaSykxaPZrdbFU9Ae-9GzqM9iwJzL0F0bUBwHLIORLhtooOzBOBJP-2CyRfOfoVfYgKp1SK7aSX/s1600/Screenshot_20160228-232718.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlGT-A7XcCCmfs2Wd_-wKJDBucdeNQ3PTWx2myi1mIZLPVhWKDMrAPNR4d6JiAB4h3TDaSykxaPZrdbFU9Ae-9GzqM9iwJzL0F0bUBwHLIORLhtooOzBOBJP-2CyRfOfoVfYgKp1SK7aSX/s320/Screenshot_20160228-232718.png" width="180" /></a></div>
<span style="font-size: large;">Esto lo podemos hacer en blogger añadiendo debajo del <head> la siguiente línea:</span><br />
<br />
<span style="border: 1px solid #000; font-size: large; padding: 10px;"><b><meta content='#206ab3' name='theme-color'/></b></span><br />
<br />
<span style="font-size: large;">Donde el color lo definimos con el código hexadecimal correspondiente al color deseado: </span><span style="font-size: large;"><b>#206ab3</b></span><br />
<br />
<span style="font-size: large;"><b>Fuente:</b> <a href="http://m.xatakandroid.com/aplicaciones-android/chrome-39-beta-permite-a-las-paginas-webs-personalizar-el-color-del-navegador-en-android-5-0" target="_blank">Xataka Android</a></span><span style="font-size: large;"><br /></span>dayan Edicioneshttp://www.blogger.com/profile/11798180768315801963noreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-17056367349629434512015-10-30T10:00:00.000+01:002015-10-30T10:00:01.402+01:00Poner una fuente personalizada en tu bitácoraPrimero entramos en la página de <a href="https://www.google.com/fonts" target="_blank">GOOGLE FONTS</a> y elegiremos una tipografía que nos guste.<br />
Una vez localizada, haremos clic en el botón "Quick-use":<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB2JHdHt52iX-ac5Tk-CBxRzJLDi3IiVxSK6jGYQQzmA10OOiyM15rFwrrPkoL4Od86fhj5fCQyb2Gw9dAFW05dWDnGQL-kfNqaCXemLIvOUb7ArzIHRrYFeE1TPkmR9wpIm5Ap8IUc4rT/s1600/insertar+fuente+blogger1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB2JHdHt52iX-ac5Tk-CBxRzJLDi3IiVxSK6jGYQQzmA10OOiyM15rFwrrPkoL4Od86fhj5fCQyb2Gw9dAFW05dWDnGQL-kfNqaCXemLIvOUb7ArzIHRrYFeE1TPkmR9wpIm5Ap8IUc4rT/s640/insertar+fuente+blogger1.png" width="640" /></a></div>
Ahora elegiremos el tamaño (1), y seleccionaremos el pertinente código (2) para copiarlo y pegarlo posteriormente en la plantilla de nuestra bitácora:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhip5grUYINIPwsBHPgAEEhWUefmPffNB60hqk0xEKnq3sxOhD_eEEuViKorLcHPdlmRfLXP3q7SX8hJ7EK7PxnzdvmovhEccnqPFSGvFQ4Yv7Rb71Kg5JyaQZLyU7W2dXzzZUkmG4Naqy6/s1600/insertar+fuente+blogger2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhip5grUYINIPwsBHPgAEEhWUefmPffNB60hqk0xEKnq3sxOhD_eEEuViKorLcHPdlmRfLXP3q7SX8hJ7EK7PxnzdvmovhEccnqPFSGvFQ4Yv7Rb71Kg5JyaQZLyU7W2dXzzZUkmG4Naqy6/s640/insertar+fuente+blogger2.png" width="640" /></a></div>
Recuerda guardar una copia de seguridad antes de modificar nuestra plantilla del blog. <br />
A continuación procederemos a introducir el código a pegar modificando la plantilla de nuestro blog:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCx85Ab2Cfj9fWd_RlCsRpNTF690VnHCRPmYiJ4Gm8ZCd6sc4BvsKphLe3lDZjHTohsyp5GwP7nKSg9GMoblQwETXJWObb75XO6OY8PDx2u4Uj-M3o9Msn-8dmesscOhj-IGdoybHmjati/s1600/insertar+fuente+blogger3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCx85Ab2Cfj9fWd_RlCsRpNTF690VnHCRPmYiJ4Gm8ZCd6sc4BvsKphLe3lDZjHTohsyp5GwP7nKSg9GMoblQwETXJWObb75XO6OY8PDx2u4Uj-M3o9Msn-8dmesscOhj-IGdoybHmjati/s640/insertar+fuente+blogger3.png" width="640" /></a></div>
Ahora pegaremos el código inmediatamente debajo de <b><head></b>:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiobuX7aACx6kO_2FZXZLPPhYk7RiHRd_udhaMt2WZAvm6hROS7BwBRVfnO55_rZuRUBimsPanR5S8_kuOb6MD3pD70A3ZlXUz-lr5Gexo1Ml-lOOxMiSdXc1KPbLf88U7wzPpqkqMWJHDv/s1600/insertar+fuente+blogger4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiobuX7aACx6kO_2FZXZLPPhYk7RiHRd_udhaMt2WZAvm6hROS7BwBRVfnO55_rZuRUBimsPanR5S8_kuOb6MD3pD70A3ZlXUz-lr5Gexo1Ml-lOOxMiSdXc1KPbLf88U7wzPpqkqMWJHDv/s640/insertar+fuente+blogger4.png" width="640" /></a></div>
Debemos añadir "<b>/</b>" casi al final de la línea que hemos añadido (5), justo antes de "<b>></b>":<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuDJwSTLmLWr50TdP0ID2HxdeaGDpItzc-dmRCAuNXgA0CJBVx5V7HZNs9Y9L88CdIpryR2HpeNZ8EeyYC_UW0RDmL-tissFaM1DDO-l-pgELlnL-idiqw5KUxmPyqgKrao2dtPG-arVd/s1600/insertar+fuente+blogger5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuDJwSTLmLWr50TdP0ID2HxdeaGDpItzc-dmRCAuNXgA0CJBVx5V7HZNs9Y9L88CdIpryR2HpeNZ8EeyYC_UW0RDmL-tissFaM1DDO-l-pgELlnL-idiqw5KUxmPyqgKrao2dtPG-arVd/s640/insertar+fuente+blogger5.png" width="640" /></a></div>
Guardamos los cambios.<br />
Regresamos a la página de <a href="https://www.google.com/fonts" target="_blank">GOOGLE FONTS</a> y debajo del punto "4. <b>Integrate the fonts into your CSS:</b>" encontraremos el código que tenemos que introducir en nuestro CSS.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfbdqKTcgBv2RBSYHKvCbPiLxQ8OKwlGTYGSohjwFUJhT0mzDKz1jPlJNDANLDjgr72vsQYdqOr2lX5qBijXpJM5VJmRl0PBwE0BB6Hg6fv_tdpGqH2VaHaAMlADywnj0nt0BGmiobkARj/s1600/insertar+fuente+blogger6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfbdqKTcgBv2RBSYHKvCbPiLxQ8OKwlGTYGSohjwFUJhT0mzDKz1jPlJNDANLDjgr72vsQYdqOr2lX5qBijXpJM5VJmRl0PBwE0BB6Hg6fv_tdpGqH2VaHaAMlADywnj0nt0BGmiobkARj/s640/insertar+fuente+blogger6.png" width="640" /></a></div>
Para ello, en nuestro panel de control del blog, vamos de nuevo en el menú de la izquierda "<b>Plantilla</b>", después le damos al botón <b>Personalizar</b> > <b>Avanzado</b> > <b>Añadir CSS</b> (7), y en el recuadro de la derecha tendremos que pegar el código correspondiente según deseemos:<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUUihO4meRa1sO8G6-Afh0XS8gDp3FdWC3f6oIdpuOZVATC4aGb6xAZ9mVIRYlaNyHe6wk-oP7L2VhECeD-u-rTZ7G1xhX1oxz9S8gnq8APpWEUb2oI0GdB8Eo0fz0zYh0njg9iDlehJlI/s1600/insertar+fuente+blogger7.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUUihO4meRa1sO8G6-Afh0XS8gDp3FdWC3f6oIdpuOZVATC4aGb6xAZ9mVIRYlaNyHe6wk-oP7L2VhECeD-u-rTZ7G1xhX1oxz9S8gnq8APpWEUb2oI0GdB8Eo0fz0zYh0njg9iDlehJlI/s640/insertar+fuente+blogger7.png" width="640" /></a><br />
<ul>
<li>Si queremos usar un tipo de letra para todo el blog, añadiremos el código:</li>
</ul>
<b><span style="color: orange;">body {</span><span style="color: orange;"><span style="color: blue;">font-family: 'Oswald', sans-serif;</span><span style="color: orange;"></span>}</span></b><br /><ul>
<li>Para cambiar y personalizar sólo el título de las entradas: </li>
</ul>
<b><span style="color: orange;">h3.post-title {</span><span style="color: blue;">font-family: 'Oswald', sans-serif;</span><span style="color: orange;">}</span></b><br />
<br />
<ul>
<li>Para cambiar el tipo de letra de la cabecera:</li>
</ul>
<b><span style="color: orange;">.header h1 {</span><span style="color: orange;"><span style="color: blue;">font-family: 'Oswald', sans-serif;</span><span style="color: orange;"></span>}</span></b><br />
<ul>
<li>Para cambiar el tipo de letra del cuerpo de las entradas, hay que usar el siguiente:</li>
</ul>
<b><span style="color: orange;">.post-body {</span><span style="color: orange;"><span style="color: blue;">font-family: 'Oswald', sans-serif;</span><span style="color: orange;"></span>}</span></b><br />El código es lo que va en naranja. En azul tenemos el nombre de la tipografía que copiamos según se indica en la imagen (<b>6</b>).<br />
Por último le damos a "<b>Aplicar al blog</b>" y listo.dayan Edicioneshttp://www.blogger.com/profile/11798180768315801963noreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-82213617387304629672014-02-17T10:10:00.000+01:002014-02-17T10:10:00.160+01:00Cómo configurar la suscripción a las entradas por correo usando Feedburner<a href="http://www.feedburner.com/" target="_blank"><b>Feedburner</b></a> es un servicio integrado en la cuenta de<b> <a href="http://www.google.es/" target="_blank">Google</a></b> que permitirá que los lectores de nuestro blog que se suscriban por medio de su dirección de correo electrónico (sea o no de <a href="http://mail.google.com/mail/?hl=es&tab=wm" target="_blank"><b>Gmail</b></a>), y así, reciban directamente en él cuantas publicaciones creemos en nuestro blog, sin necesidad de que tengan que ir a visitarlo.<br />
Activar esta funcionalidad es gratuito y es muy sencillo siguiendo estos pasos:<br />
<div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Copia la dirección del <a href="http://es.wikipedia.org/wiki/Fuente_web" target="_blank"><b>Feed</b></a> de tu blog. Para ello, en el pie de página de tu bitácora, haz clic con el botón derecho del ratón sobre "<b><a href="http://es.wikipedia.org/wiki/Atom_(formato_de_redifusi%C3%B3n)" target="_blank">Entradas Atom</a></b>" (1) y selecciona "<b>Copiar dirección de enlace</b>" (2). Esta dirección es la misma que nos aparecerá abajo a la izquierda mostrando el destino del <b><a href="http://es.wikipedia.org/wiki/Hiperenlace" target="_blank">hipervínculo</a></b> que hemos señalado (3).</li>
</ul>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEs4fJiHVTtJKZLFUExL7oSwvZ-1PVRevlMjwo_4ZnVuyvLOgpoBW-bKTXVTQMpGMaJPdz7UDnpUiVi_7BYNQ2EjcRuAWfVOymxAhKDenFxt-PJhRoNTP0ZEWW2WecAfoyVq-UDxf-gY/s1600/direccion+feed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEs4fJiHVTtJKZLFUExL7oSwvZ-1PVRevlMjwo_4ZnVuyvLOgpoBW-bKTXVTQMpGMaJPdz7UDnpUiVi_7BYNQ2EjcRuAWfVOymxAhKDenFxt-PJhRoNTP0ZEWW2WecAfoyVq-UDxf-gY/s1600/direccion+feed.png" height="180" width="640" /></a><br />
<div style="margin-left: 1em; margin-right: 1em; text-align: center;">
</div>
<ul>
<li>Entra en <a href="http://www.feedburner.com/"><b>FeedBurner</b></a> con tu cuenta de <b><a href="http://mail.google.com/mail/?hl=es&tab=wm" target="_blank">Gmail</a> </b>y pega la dirección:</li>
</ul>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg18LVGb8groSImv5fsbnR5MFd1Jok7OLYs5qzplpGj7mGzpdj-DL4Af9Cq43c_MUcIBOW1mIZyvvxA7xuq_0ibRpuGTX0Cv1dSC-tAYdje-w07R5USYvr_BUcatZoZ7cBFpzI281GfMFw/s1600/direccion+feed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg18LVGb8groSImv5fsbnR5MFd1Jok7OLYs5qzplpGj7mGzpdj-DL4Af9Cq43c_MUcIBOW1mIZyvvxA7xuq_0ibRpuGTX0Cv1dSC-tAYdje-w07R5USYvr_BUcatZoZ7cBFpzI281GfMFw/s1600/direccion+feed.png" height="492" width="640" /></a><br />
<div>
<br /></div>
</div>
<div>
<ul>
<li>Haremos clic en "<b>Next</b>" (siguiente), confirmado también en las siguientes pantallas hasta llegar a la página principal de nuestro <a href="http://es.wikipedia.org/wiki/Fuente_web" target="_blank"><b>Feed</b></a> que acabamos de crear:</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMhWs8_EMIqNAaCuZtuyQC-ic4kdrO9AEDrKKNLL4vF5cpBrAGh1PMIiCnt_qN1DnNYT9axOasmQPoP2OsZEh_fAHP-wZn7AKB_WfBnXQ7Q4O1wHWFJ4oBuvn4NjSgwjO0sKekZrn86HQ/s1600/direccion+feed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMhWs8_EMIqNAaCuZtuyQC-ic4kdrO9AEDrKKNLL4vF5cpBrAGh1PMIiCnt_qN1DnNYT9axOasmQPoP2OsZEh_fAHP-wZn7AKB_WfBnXQ7Q4O1wHWFJ4oBuvn4NjSgwjO0sKekZrn86HQ/s1600/direccion+feed.png" height="552" width="640" /></a></div>
<div>
<ul>
<li>Ahora activaremos la suscripción por correo:</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAeSHyWeI3Am8JRjXBIBJDIMQF9yhLrbEfAx-5pwxa96kZ3J27H1V5aUrHWChF3m3oCd_DuEWA1nGmPnKyvaxdVwlVc1ivPl4lEzd_UDLIZL9qdeaiol0udrz4KECVkF0fAO0oLgDc0IA/s1600/direccion+feed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAeSHyWeI3Am8JRjXBIBJDIMQF9yhLrbEfAx-5pwxa96kZ3J27H1V5aUrHWChF3m3oCd_DuEWA1nGmPnKyvaxdVwlVc1ivPl4lEzd_UDLIZL9qdeaiol0udrz4KECVkF0fAO0oLgDc0IA/s1600/direccion+feed.png" height="428" width="640" /></a></div>
<div>
A continuación, necesitaremos obtener el código para nuestro widget HTML. Para ello, desde el apartado anterior (<b>Publicize</b>) y el subapartado "<b>Email Subscriptions</b>" (1), elegiremos el idioma (2) y el tipo de widget, en este caso para blogger (3) y ahora copiaremos el código (4) que insertaremos en nuestro widget:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkHscptwl5tQiJ9CoYn1UzbY1xftAWDKrd3m_tbeJjtn5ubElTYMuu900QLJWAYCZ8QZhJTo9VXzWZEaGRPDKFXAKgJFsiMh-gCHksfGtBUmGvUZhUd9-LDfG55CQD1V0YsPqR2yAd-Ak/s1600/direccion+feed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkHscptwl5tQiJ9CoYn1UzbY1xftAWDKrd3m_tbeJjtn5ubElTYMuu900QLJWAYCZ8QZhJTo9VXzWZEaGRPDKFXAKgJFsiMh-gCHksfGtBUmGvUZhUd9-LDfG55CQD1V0YsPqR2yAd-Ak/s1600/direccion+feed.png" height="640" width="603" /></a></div>
A continuación, desde el panel de control de nuestro blog, en el apartado de diseño, añadiremos un nuevo gadget <b>HTML/JAVASCRIPT</b> en el que, en el modo de "<b>Edición HTML</b>", pegaremos el código obtenido.</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq6DSCKR2jW5KbhN36EkHtPb0YOKZE2NlmAp1_lIk_F1S4RogsiZ4hbWy_zoRu-c9USfNOLH9Fo028xdXHj9oD68GLDJ4DWnC5qQw8J_koww7geFYQuwhSdvpWnUY8M2qnjhJEFEP0He8/s1600/gadget+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq6DSCKR2jW5KbhN36EkHtPb0YOKZE2NlmAp1_lIk_F1S4RogsiZ4hbWy_zoRu-c9USfNOLH9Fo028xdXHj9oD68GLDJ4DWnC5qQw8J_koww7geFYQuwhSdvpWnUY8M2qnjhJEFEP0He8/s1600/gadget+html.png" height="452" width="640" /></a></div>
Después, alternando entre el modo de "<b>Edición HTML</b>" (1) o el modo de "<b>Formato RTF</b>" podemos acabar de ajustar el widget según nos interese.</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWRz-0Jk9qILMVK6dsK-gHTpH1Fzldzye1MSdFif6s_n0RC8FIhepyZ1YAsHrQ7hD3ChjaII7qndo77R5dEDUT82JoQNJdyPDD6THVv-1o21WIF5HFNWzQ1jjPDPFIfiBYjVWtH0kK87M/s1600/gadget+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWRz-0Jk9qILMVK6dsK-gHTpH1Fzldzye1MSdFif6s_n0RC8FIhepyZ1YAsHrQ7hD3ChjaII7qndo77R5dEDUT82JoQNJdyPDD6THVv-1o21WIF5HFNWzQ1jjPDPFIfiBYjVWtH0kK87M/s1600/gadget+html.png" height="640" width="588" /></a></div>
De vuelta a <b><a href="http://www.feedburner.com/" target="_blank">Feedburner</a></b>, en "<b>Comunication preferences</b>" (1) personalizaremos el mensaje de suscripción que recibirán nuestros suscriptores (4), el asunto (3) y la dirección de correo en el que tenemos registrado el Feed o cuenta de Google (2):<br />
<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/AVvXsEhBsLai8tUHz1cb9oKIuEpnk075Z9dAkvSW5FTtrNYYMdXpMu7PBJZXotFAkcuapMwbcRrtXFH9Oxu8kT644-o5I9pqIUdQK4Pc9C8vXwXHtE5mcOpI0wTEP4uJzZWFI0ixJG709SU36aM/s1600/feedburner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBsLai8tUHz1cb9oKIuEpnk075Z9dAkvSW5FTtrNYYMdXpMu7PBJZXotFAkcuapMwbcRrtXFH9Oxu8kT644-o5I9pqIUdQK4Pc9C8vXwXHtE5mcOpI0wTEP4uJzZWFI0ixJG709SU36aM/s1600/feedburner.png" height="580" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Hacemos clic en "<b>Save</b>" (5) (guardar) y listo.</div>
<div class="separator" style="clear: both; text-align: left;">
En "<b>Email Branding</b>" podemos configurar el tipo de letra y en "<b>Delivery Options</b>" la zona horaria y el horario en el que se enviarán las comunicaciones de la suscripción.</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-67439816813818717402014-02-10T14:51:00.000+01:002014-02-10T14:51:00.590+01:00Cómo crear una aplicación Android de tu blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUML8KFSeeWmXSMtptY0RDV4vgl-oNniEcfjDY7gUgZe06g2juBk9gBqN9beQLleUrpVwTjg7eb5BaPsmylRdJMexWON3KlKHWvvL5X39rhqUsxK-pwkAdh71jNHJX2zC7WkEqEg_kxmQ/s1600/android_apps.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUML8KFSeeWmXSMtptY0RDV4vgl-oNniEcfjDY7gUgZe06g2juBk9gBqN9beQLleUrpVwTjg7eb5BaPsmylRdJMexWON3KlKHWvvL5X39rhqUsxK-pwkAdh71jNHJX2zC7WkEqEg_kxmQ/s1600/android_apps.jpg" height="266" width="320" /></a></div>
Hay varias páginas que nos permitirán crear una aplicación del contenido de nuestro blog para <a href="http://es.wikipedia.org/wiki/Android" target="_blank">Android</a> u otros dispositivos como<a href="http://www.apple.com/es/ipad/" target="_blank"> IPad</a>, <a href="http://www.apple.com/es/iphone/" target="_blank">IPhone</a>, <a href="http://www.amazon.es/kindle-ereader-ebook-reader/dp/B007HCCOD0" target="_blank">Kindle</a>. Esto es posible por medio de unos sencillos pasos que no requieren conocimientos de programación.<br />
Pero <b>por qué hacerlo:</b> porque creando una aplicación podemos hacer más cómodo el acceso y lectura de nuestro blog o página web desde estos dispositivos, y además, es rompedor y diferenciador, aunque sólo sea por prestigio de tu marca personal.<br />
Algunas de estas páginas son:<br />
<ul>
<li><a href="http://www.theappmaker.es/" target="_blank">The app maker</a></li>
<li><a href="http://www.appsgeyser.com/" target="_blank">AppsGeyser</a></li>
<li><a href="http://www.appyet.com/" target="_blank">App.Yet</a></li>
<li><a href="http://feed.nu/" target="_blank">Feed.nu</a></li>
<li><a href="http://mippin.com/web/" target="_blank">Mippin</a></li>
<li><a href="http://www.android3apps.com/" target="_blank">App maker</a></li>
</ul>
Dependiendo del proveedor, generalmente el primer paso será<b> registrarnos</b> la página que elijamos, confirmar el registro e identificarnos para poder acceder.<br />
Después tendremos opción para elegir la<b> plataforma</b>, si es el caso, dependiendo del proveedor elegido (<a href="http://es.wikipedia.org/wiki/Android" target="_blank">Android</a>, <a href="http://www.apple.com/es/ipad/" target="_blank">IPad</a>, <a href="http://www.apple.com/es/iphone/" target="_blank">IPhone</a>, <a href="http://www.amazon.es/kindle-ereader-ebook-reader/dp/B007HCCOD0" target="_blank">Kindle</a>), el tamaño de la pantalla y la<b> plantilla</b> para el tipo de contenido (vídeo, publicidad, venta, noticias...).<br />
Tendremos que<b> introducir el nombre de la aplicación, descripción y la dirección de nuestro blog</b>, página web o el <a href="http://es.wikipedia.org/wiki/Fuente_web" target="_blank">Feed</a> (fuente web) del mismo entre otras cuestiones de personalización (pestañas, tamaño de fuente, alineación del texto, menús, datos de contacto...).<br />
Podremos cargar una<b> imagen para el icono</b> de nuestra aplicación.<br />
Y por último, <b>generaremos la aplicación</b>.<br />
Ahora podemos descargarnos el instalador de la aplicación creada y pasarla a nuestro dispositivo por medio de cable, tarjeta SD, etc. y proceder a su instalación.<br />
Después podemos publicarla en <a href="https://play.google.com/store?hl=es" target="_blank">Google Play</a> o en el <a href="http://store.apple.com/es" target="_blank">APP Store</a>, pero registrarnos en estas dos tiendas y publicar la aplicación puede suponer un pequeño desembolso económico (unos 25$ en el caso de <a href="https://play.google.com/store?hl=es" target="_blank">Google Play</a>).<br />
Como alternativa completamente gratuita, podemos colgarla directamente en nuestro blog para que nuestros seguidores la descarguen e instalen desde allí mismo.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxh4KV0GDpC0cLae0gcF7a3Bfi0oTviH0YofOoStpenU4WpYA4_OuFD3cFndNrkxxO97cz2IKdEgVggf8bNenvqfXaN5jJ2ZD1A1mdnv9lrwpnp-z8pnAY0O1xo6yEoN1etsdj6jUevFA/s1600/app+android.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxh4KV0GDpC0cLae0gcF7a3Bfi0oTviH0YofOoStpenU4WpYA4_OuFD3cFndNrkxxO97cz2IKdEgVggf8bNenvqfXaN5jJ2ZD1A1mdnv9lrwpnp-z8pnAY0O1xo6yEoN1etsdj6jUevFA/s1600/app+android.png" height="263" width="400" /></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/AVvXsEj5fm5miWN2xFyZj82hlsTJZHF_SNUzWlf7k6jafc3FlGQCv95tzbEldL6p6kPvuZA-LRotGjx8JhHhn7tfg-C6KltaFiJ-IP0pS-f_CfGB-HTXtAIPk2dWWXd5-aWgwDagRIV8uOEEhIs/s1600/app+android.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5fm5miWN2xFyZj82hlsTJZHF_SNUzWlf7k6jafc3FlGQCv95tzbEldL6p6kPvuZA-LRotGjx8JhHhn7tfg-C6KltaFiJ-IP0pS-f_CfGB-HTXtAIPk2dWWXd5-aWgwDagRIV8uOEEhIs/s1600/app+android.png" height="300" width="400" /></a></div>
<br />
<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/AVvXsEhh3t2Sn7YHA2O5XfORifiSEYx-oeST5CA2-uy-iWHbxsErlrXfFgwxs3NpF1NexK2AAJnUO4ig2YIOwSwQlIWW2NNtP3vAnPGWYhwZVNkYO4FZTp8Lk5PMgFQdwqIHYp0ApfwGRTIrMFI/s1600/app+android.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh3t2Sn7YHA2O5XfORifiSEYx-oeST5CA2-uy-iWHbxsErlrXfFgwxs3NpF1NexK2AAJnUO4ig2YIOwSwQlIWW2NNtP3vAnPGWYhwZVNkYO4FZTp8Lk5PMgFQdwqIHYp0ApfwGRTIrMFI/s1600/app+android.png" height="258" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_iamn-it6MsbEFT1boB6WiVzrMNEWcUo1SioA96y4JrvecS01sJjdc9e5vr66hsDOO4mkjHOpv7WmUQP_G0n3USt27tWNDhMHb04scANqk01zR5RxcruqVFTqIXi78l_m15SHesgQQM/s1600/app+android.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_iamn-it6MsbEFT1boB6WiVzrMNEWcUo1SioA96y4JrvecS01sJjdc9e5vr66hsDOO4mkjHOpv7WmUQP_G0n3USt27tWNDhMHb04scANqk01zR5RxcruqVFTqIXi78l_m15SHesgQQM/s1600/app+android.png" height="255" width="400" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-WsSrzwL3SZNezLyXjzQnOZFJTLVMJLkUw3UtcKeq_cQmTGe2ybGawlb345pK7E59NKfcPLf5Lxu_67HrkXXvTjEdjQxsHfXqlNTl9zgeUyRx-ASFa1S8_0mB-XLc0frbn1aCSGGmVMo/s1600/app+android.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-WsSrzwL3SZNezLyXjzQnOZFJTLVMJLkUw3UtcKeq_cQmTGe2ybGawlb345pK7E59NKfcPLf5Lxu_67HrkXXvTjEdjQxsHfXqlNTl9zgeUyRx-ASFa1S8_0mB-XLc0frbn1aCSGGmVMo/s1600/app+android.png" height="346" width="400" /></a></div>
De entre estas opciones de páginas posibles para crear la aplicación, he probado <a href="http://www.theappmaker.es/" target="_blank">The app maker</a>, que es la que aparece en las imágenes superiores porque está en castellano, pero aunque está en inglés, prefiero <a href="http://www.appsgeyser.com/" target="_blank">AppsGeyser</a>, por su sencillez, la posibilidad de introducir anuncios para financiarla o incluso por la opción de descargar la app creada directamente y también la alternativa de publicarla en el <a href="https://play.google.com/store?hl=es" target="_blank">Google Play</a> o en la propia tienda de <a href="http://www.appsgeyser.com/" target="_blank">AppsGeyser</a>.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-22133309033965629252014-02-03T13:58:00.000+01:002014-02-03T13:58:00.506+01:00Cómo insertar un calendario público visible en tu blogTener un calendario en nuestra bitácora permite que nuestros visitantes estén al día de eventos que vayamos programando e incluso copiar nuestros eventos en sus respectivos calendarios, que conectados a la cuenta de <a href="https://accounts.google.com/ServiceLogin?hl=es&continue=https://www.google.es/" target="_blank">Google</a> del móvil, generarán avisos en sus propios dispositivos.<br />
Para ello, iremos a <a href="https://www.google.com/calendar/render" target="_blank">Google Calendar</a> y accederemos a "<b>Configuración</b>":<br />
<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/AVvXsEiNhnOXfWXjQwr-Sk2eyPQHZtOef_IUQUe8dwTIXvCubWxYaSLQlQ1KAhJL5WlO-Sy06_YoJgaJjp_R-lpmq3plQ9KeNzubleVmyRQ2sIoogr3szz0DG70UFFD-GHnQUuXuwiD_4RfBvCw/s1600/configuracion+calendar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNhnOXfWXjQwr-Sk2eyPQHZtOef_IUQUe8dwTIXvCubWxYaSLQlQ1KAhJL5WlO-Sy06_YoJgaJjp_R-lpmq3plQ9KeNzubleVmyRQ2sIoogr3szz0DG70UFFD-GHnQUuXuwiD_4RfBvCw/s1600/configuracion+calendar.png" height="196" width="640" /></a></div>
<br />
Ahora seleccionaremos "<b>Calendarios</b>" (1) y haremos clic en "<b>Crear un calendario nuevo</b>" (2)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ufIXY2-3POu5-1HnSrUCjs5_7b3_wFpbNMEa8NtjQUNYtKl-DhqKGXL1QRe_BOdg_1_GNIfqFbfOpWUi0Pey6L5n2JQaQeUQBPmXexUNC6-sZh-qkTeJKKkGodLnFRW2my7asfEBxFw/s1600/configuracion+calendar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ufIXY2-3POu5-1HnSrUCjs5_7b3_wFpbNMEa8NtjQUNYtKl-DhqKGXL1QRe_BOdg_1_GNIfqFbfOpWUi0Pey6L5n2JQaQeUQBPmXexUNC6-sZh-qkTeJKKkGodLnFRW2my7asfEBxFw/s1600/configuracion+calendar.png" height="298" width="640" /></a></div>
Ahora configuraremos nuestro calendario. Para ello:<br />
<br />
<ol>
<li>Le asignaremos un nombre</li>
<li>Elegiremos la zona horaria y país</li>
<li>Marcaremos la opción de hacer público el calendario</li>
<li>Y haremos clic en "<b>Crear calendario</b>"</li>
</ol>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8l1MEhrslJhbrUAu6XCcUOtEetbFkDfgU7OZXjjya-NrBQLlT4Ex0D7jtg0mucEO8UjrAYLkHbRMUZAeSKkzo0wUjG2p_ySvCGm6mB2eEKFjInsH0UQkl75h8x0EYzQtxvy9GZymS6lQ/s1600/configuracion+calendar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8l1MEhrslJhbrUAu6XCcUOtEetbFkDfgU7OZXjjya-NrBQLlT4Ex0D7jtg0mucEO8UjrAYLkHbRMUZAeSKkzo0wUjG2p_ySvCGm6mB2eEKFjInsH0UQkl75h8x0EYzQtxvy9GZymS6lQ/s1600/configuracion+calendar.png" height="264" width="640" /></a></div>
Nos pedirá confirmación sobre hacer público el calendario, que hemos de aceptar.<br />
Ahora hemos de volver a "<b>Configuración</b>" y "<b>Calendarios</b>", como se indica al principio de esta entrada. Haremos clic sobre el calendario público que hemos creado (2).<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-3q_jCzMijctgG4IqczNhxkE80VaRUmjI205jaOz7lzz6aNVqTMHDuOqXthkbJ99qZhJm1N7mOLqYuopWM5hY2NjzdrnAj8lGCi4m2obEODYaQVT-Nt1LFXhV73WcvA-ZaTXLORrK4Mc/s1600/configuracion+calendar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-3q_jCzMijctgG4IqczNhxkE80VaRUmjI205jaOz7lzz6aNVqTMHDuOqXthkbJ99qZhJm1N7mOLqYuopWM5hY2NjzdrnAj8lGCi4m2obEODYaQVT-Nt1LFXhV73WcvA-ZaTXLORrK4Mc/s1600/configuracion+calendar.png" height="202" width="640" /></a></div>
Y nos quedará obtener el código HTML que insertaremos en una página de nuestro blog.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3U-NHN1Ap-0-OwWu_QR21nXmamLjDi3yOwabKDfY1go_E6Mq1znSbiv2ZKNDmyWtyEeaWpMVnx0t8VSWgBnmY1cGWA5zqWvBiS3tzvUEcM9UEAwuYNROPQXkuKTbDfIT99vkLY9lcP38/s1600/configuracion+calendar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3U-NHN1Ap-0-OwWu_QR21nXmamLjDi3yOwabKDfY1go_E6Mq1znSbiv2ZKNDmyWtyEeaWpMVnx0t8VSWgBnmY1cGWA5zqWvBiS3tzvUEcM9UEAwuYNROPQXkuKTbDfIT99vkLY9lcP38/s1600/configuracion+calendar.png" height="352" width="640" /></a></div>
Obtenido el código y copiado en el portapapeles, iremos a la configuración de nuestro blog, y en el apartado "<b>Páginas</b>", crearemos una "<b>Página en blanco</b>":<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghrH7-_sQuO1BKmuZJ7fUCtsodJJAtEpGo2msAI4cHdHBWCANl9VbdN3P2AgfgCeK0mxQ2H4gsqtYyOtjbaiRCWK3cVMDyKWcfl3VXkrFpNDBVXsuW9LLfzRoj52XytqeoLxC10I3strA/s1600/configuracion+calendar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghrH7-_sQuO1BKmuZJ7fUCtsodJJAtEpGo2msAI4cHdHBWCANl9VbdN3P2AgfgCeK0mxQ2H4gsqtYyOtjbaiRCWK3cVMDyKWcfl3VXkrFpNDBVXsuW9LLfzRoj52XytqeoLxC10I3strA/s1600/configuracion+calendar.png" height="273" width="400" /></a></div>
Titularemos esta página "<b>Calendario</b>" (1).<br />
Seleccionaremos el editor HTML (2).<br />
Pegaremos el código HTML del calendario que tenemos en el portapapeles(3).<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLQ1AkYFs44VEAkHd_me11GGGRmnGEGzYgW6gN1sYVWhqGnn4oLMHQjbBSy1nHnVNISe4OVIHXiJ7sRgxH1MzaugdtS-UVKy2RRQ9CrNyrNXjk6h632Po1s4L1sa-3W4RhH890riy8rR0/s1600/configuracion+calendar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLQ1AkYFs44VEAkHd_me11GGGRmnGEGzYgW6gN1sYVWhqGnn4oLMHQjbBSy1nHnVNISe4OVIHXiJ7sRgxH1MzaugdtS-UVKy2RRQ9CrNyrNXjk6h632Po1s4L1sa-3W4RhH890riy8rR0/s1600/configuracion+calendar.png" height="338" width="400" /></a></div>
Podemos ajustar manualmente el ancho y el alto de nuestro calendario cambiando los valores entrecomillados (en píxeles) que aparecen junto a width (ancho) y height (alto).<br />
Antes de publicar la página, podemos ver una "Vista previa" para ver si el calendario queda como nos gusta. Si es así, nos queda ya publicarlo.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-26198067594726846052014-01-27T10:46:00.000+01:002014-01-27T10:46:00.103+01:00Cómo insertar un mapa de localización en tu blogInsertar un mapa de localización dentro de nuestro blog, permitirá que la gente sepa dónde estamos y cómo llegar hasta nuestra ubicación.<br />
Para ello, hemos de ir a <a href="https://maps.google.com/" target="_blank">Google Maps</a> y buscar nuestra ubicación.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQocmSMk375smFLPgDyv83_gE664OpLEqzfDQl5F9WFVuAtiow8PAk46h9xEmjR51vyRBejVryc7wG2vU7v8e2-M2-DKjGZS-astKFPvQsyAi2VXnKKYY8OCSEtB-v9yGN7xtmRp7TYxw/s1600/localizacion+maps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQocmSMk375smFLPgDyv83_gE664OpLEqzfDQl5F9WFVuAtiow8PAk46h9xEmjR51vyRBejVryc7wG2vU7v8e2-M2-DKjGZS-astKFPvQsyAi2VXnKKYY8OCSEtB-v9yGN7xtmRp7TYxw/s1600/localizacion+maps.png" height="313" width="640" /></a></div>
Una vez estamos localizados:<br />
<ol>
<li>Haremos clic en el botón de enlace</li>
<li>Seleccionaremos el código HTML que contiene los datos del mapa y que pegaremos en nuestra bitácora.</li>
<li>Si lo deseamos, podemos personalizar el alto y el ancho del mapa a insertar viendo una vista previa, teniendo que seleccionar el nuevo código HTML con los cambios que hayamos definido.</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbbZ8p71yQjPdnaxyu3NDGjIc7zeBoPTsCLGaAqcLi3ro3fQJXAwoYsxpdR1_-hnbzNOzOKKBeSqxr619gvTCnVbD123sw2UPRRKwPPUqITbsUE1AEnacUVpCttcsij9xZoPzFPFeSmQo/s1600/localizacion+maps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbbZ8p71yQjPdnaxyu3NDGjIc7zeBoPTsCLGaAqcLi3ro3fQJXAwoYsxpdR1_-hnbzNOzOKKBeSqxr619gvTCnVbD123sw2UPRRKwPPUqITbsUE1AEnacUVpCttcsij9xZoPzFPFeSmQo/s1600/localizacion+maps.png" height="347" width="640" /></a></div>
Obtenido ya el código del mapa, crearemos una página, entrada o gadget HTML/JAVASCRIPT en nuestro blog y desde el modo de edición HTML, pegaremos el código obtenido. Nos quedará guardarlo y publicarlo.<br />
Podemos ver estas entradas para recordar cómo hacerlo:<br />
<br />
<ul>
<li><a href="http://www.bitacoratuning.tk/2013/12/como-editar-facilmente-tus-widgets.html">http://www.bitacoratuning.tk/2013/12/como-editar-facilmente-tus-widgets.html</a></li>
<li><a href="http://www.bitacoratuning.tk/2013/12/como-crear-diferentes-paginas-para.html">http://www.bitacoratuning.tk/2013/12/como-crear-diferentes-paginas-para.html</a></li>
</ul>
<br />
Si no nos hemos podido localizar en <a href="https://maps.google.com/" target="_blank">Google Maps</a>, crearemos un mapa personalizado en el que introduciremos una marca con nuestra ubicación. Para ello, haremos clic en "<b>Mis sitios</b>":<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlRwX4x5ZQxKvKLfp3UDREGOtmgWvC8jp9_3Ais7qz_3k6mqv3bVJltwZUNZezDKLRQKWEibWzSA4XNpoLFF6rUoVE7nM9w93bUunaTaS0skH5Qxbl1hJqDIqaoJxIWbcypHmeKqsw7OU/s1600/localizacion+maps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlRwX4x5ZQxKvKLfp3UDREGOtmgWvC8jp9_3Ais7qz_3k6mqv3bVJltwZUNZezDKLRQKWEibWzSA4XNpoLFF6rUoVE7nM9w93bUunaTaS0skH5Qxbl1hJqDIqaoJxIWbcypHmeKqsw7OU/s1600/localizacion+maps.png" height="435" width="640" /></a></div>
A continuación, haremos clic en "<b>Crear mapa</b>". Nos abrirá una nueva ventana para crear el mapa en el que podremos introducir nuestras marcas personalizadas de localización.<br />
Como mínimo, para facilitar la tarea de ubicarnos en el mapa, hemos de acercarnos al menos a una población cercana.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpq0oogOz6vLB7S7GW920HBQYx8qACziIMDTdXXEy22KEtJx2a8Ke78EiTfMlUH6UXxga4PqJtIBiMGqWHCYjUzPqwemzWg9DCQW_jDnXMgD_MrlaclVqOadU7ix03t28DCQ6BwK23w6E/s1600/localizacion+maps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpq0oogOz6vLB7S7GW920HBQYx8qACziIMDTdXXEy22KEtJx2a8Ke78EiTfMlUH6UXxga4PqJtIBiMGqWHCYjUzPqwemzWg9DCQW_jDnXMgD_MrlaclVqOadU7ix03t28DCQ6BwK23w6E/s1600/localizacion+maps.png" height="400" width="640" /></a></div>
Ahora haremos clic en el botón de marca (1) y la arrastraremos hasta nuestra ubicación (2).<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirITXfF51o0kiWkLBVFkDnbSntpxSRYcEVMlRKEjL5JaAPw9muZi9YQcs1mc8WJvpbRdEuFtrEx2KXA5wqlcQ87xjO0cItKq5WUnuZRi-Mv961cnQrr-T-9A9B3TfcvnnbHUPeyuqfsfw/s1600/localizacion+maps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirITXfF51o0kiWkLBVFkDnbSntpxSRYcEVMlRKEjL5JaAPw9muZi9YQcs1mc8WJvpbRdEuFtrEx2KXA5wqlcQ87xjO0cItKq5WUnuZRi-Mv961cnQrr-T-9A9B3TfcvnnbHUPeyuqfsfw/s1600/localizacion+maps.png" height="324" width="640" /></a></div>
Podemos introducir detalles sobre ese punto que hemos marcado en el mapa, como nombre, página web, etc. Desde "<b>Mapa base</b>" podemos cambiar el tipo de mapa (callejero, vista satélite, relieve...)<br />
Una vez lo hemos creado, haremos clic en el botón "<b>Compartir</b>":<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvGhdiyAFprdwxH7nCniXo0qUTXZpGt2oBX96djHW0VUk10ICVy8DTllQLhpbWTL6tkaGZ8lKHkYxWNPM1Us04qWHUZ4ZuiYfT2fDiTDi2X4Oic07S2n6Pvs_ZXwAcTAXIuw62SxlhbuQ/s1600/localizacion+maps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvGhdiyAFprdwxH7nCniXo0qUTXZpGt2oBX96djHW0VUk10ICVy8DTllQLhpbWTL6tkaGZ8lKHkYxWNPM1Us04qWHUZ4ZuiYfT2fDiTDi2X4Oic07S2n6Pvs_ZXwAcTAXIuw62SxlhbuQ/s1600/localizacion+maps.png" height="258" width="640" /></a></div>
Y ahora lo haremos público para que sea visible para todo el mundo:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXRk2A24VwUwS7E8SjIVVxJQ2RbKt1nrX_2BXsWtLByOW9Cg3I957fIWX9dyvdi0DJOGLsNoWIkNoqiLFbMyikTDrmyRBRuuAi8RYjXa84trUjZk68KRkpqZFAGgGi0k6kU_t6meelCpo/s1600/localizacion+maps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXRk2A24VwUwS7E8SjIVVxJQ2RbKt1nrX_2BXsWtLByOW9Cg3I957fIWX9dyvdi0DJOGLsNoWIkNoqiLFbMyikTDrmyRBRuuAi8RYjXa84trUjZk68KRkpqZFAGgGi0k6kU_t6meelCpo/s1600/localizacion+maps.png" height="248" width="640" /></a></div>
A continuación, vamos a buscar el código HTML con los detalles del mapa para insertarlo en nuestra bitácora:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQE_fC5ShHOxuH2ZHf2x8ns-uoR__FqzAzYdj9nqp_BD1v7LQA0olaMxKBpUwmGqSXBozWt2Z6Rui5UGlMPyU9Vp0_0QcULRAyEA37lJCrPUMWkfl9Kc3n3vNY6npvDKzCyuUegbGt2U/s1600/localizacion+maps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQE_fC5ShHOxuH2ZHf2x8ns-uoR__FqzAzYdj9nqp_BD1v7LQA0olaMxKBpUwmGqSXBozWt2Z6Rui5UGlMPyU9Vp0_0QcULRAyEA37lJCrPUMWkfl9Kc3n3vNY6npvDKzCyuUegbGt2U/s1600/localizacion+maps.png" height="352" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Copiamos el código HTML que nos aparece y lo pegamos en nuestro blog como se ha descrito antes.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWn5s2y43PMJ3TumciIgGpRGTGefGQaj1afARFR3GDJKmRPP4IN5HkzWSla_NCd3SZ2iGcOIOvfg7s6OP8i9PFF07OHYG1KJzSdiEnqOot5uqzDDelpE0_M-rJTy7FqjNXSJ8hYI1QfcA/s1600/localizacion+maps.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWn5s2y43PMJ3TumciIgGpRGTGefGQaj1afARFR3GDJKmRPP4IN5HkzWSla_NCd3SZ2iGcOIOvfg7s6OP8i9PFF07OHYG1KJzSdiEnqOot5uqzDDelpE0_M-rJTy7FqjNXSJ8hYI1QfcA/s1600/localizacion+maps.png" height="346" width="640" /></a></div>
Podemos cambiar manualmente los valores "<b>Height</b>" (alto) y "<b>Width</b>" (ancho) para ajustar el alto y el ancho del mapa según deseemos.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-6531799863197465572014-01-20T15:00:00.000+01:002014-01-22T09:08:51.396+01:00Cómo crear un código QR que nos lleve a nuestro blog<div dir="ltr" style="text-align: left;" trbidi="on">
Los códigos QR, también llamados BIDI, son un nexo de unión entre la vida real e internet. Constituyen una puerta de entrada a la red desde cualquier lugar físico (un catálogo en papel, un diario en papel, un cartel, un folleto, un display, etc…). Son los códigos de barras modernos.<br />
<div>
La lectura de un código QR la hace el usuario desde la cámara de un smartphone con conexión a Internet.</div>
Al leer un código QR, le estamos diciendo al navegador de nuestro smartphone que página de Internet debe abrir. El QR se lee y nos lleva a la dirección web que sea sin esfuerzo ni complicaciones…y cuando el usuario decide.<br />
<div>
Podemos conseguir este código en páginas como:</div>
<div>
<ul>
<li><a href="http://www.codigos-qr.com/generador-de-codigos-qr/" target="_blank">Generador de códigos QR</a></li>
<li><a href="http://www.qrcode.es/es/generador-qr-code/" target="_blank">Generador de QR codes</a></li>
</ul>
</div>
<div>
Bastará con introducir la dirección de la web donde queremos que conduzca el código y algunos detalles como tamaño, color y descargarnos el código obtenido que colocaremos después donde nos interese.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPWgKRTNzQhsh_c7NXVZcSnJP-hum5gPHby-ipXNll88ZxLZZhDjGSlSPjUKlq2Etjdi2SxBkfkJ8iDqQ0C8jCWGZt6FChe9kch3ibF3abLusjxxBjw4HogODN-egTiG1v__c3F6EQwbs/s1600/codigo+qr.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPWgKRTNzQhsh_c7NXVZcSnJP-hum5gPHby-ipXNll88ZxLZZhDjGSlSPjUKlq2Etjdi2SxBkfkJ8iDqQ0C8jCWGZt6FChe9kch3ibF3abLusjxxBjw4HogODN-egTiG1v__c3F6EQwbs/s1600/codigo+qr.png" height="400" width="386" /></a></div>
<div>
<br /></div>
<div>
Una vez obtenido, podemos difundirlo en folletos, fotos, catálogos, anuncios en prensa, valla publicitaria, etiqueta de producto, redes sociales, etc. Cualquier persona que lo enfoque con la cámara de su smartphone irá a la página que hayamos definido en el código QR. Han de tener instalada una aplicación como <a href="https://play.google.com/store/apps/details?id=la.droid.qr&hl=es" target="_blank"><b>QR Droid</b></a> en caso de utilizar <a href="http://es.wikipedia.org/wiki/Android" target="_blank"><b>Android</b></a>.<br />
<div>
<br /></div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-24306684396252664212014-01-15T14:27:00.003+01:002014-01-15T14:27:41.814+01:00Cómo insertar un vídeo de Youtube en una entrada o widget de tu blogSi queremos insertar un vídeo de <a href="http://www.youtube.com/" target="_blank">Youtube</a> dentro de una entrada de nuestro blog o como un widget, primero hemos de abrir el vídeo en cuestión en <a href="http://www.youtube.com/" target="_blank">Youtube</a> y después seguir estos pasos:<br />
<ol>
<li>Haremos clic en "<b>Compartir</b>"</li>
<li>Haremos clic en "<b>Insertar</b>"</li>
<li>Elegiremos el <b>tamaño</b> que queremos que ocupe</li>
<li><b>Copiaremos el código</b> <a href="http://es.wikipedia.org/wiki/Iframe" target="_blank">Iframe</a></li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYYrY_YdIgLfh9bMBWyCCP1_0psNAo-e1DKczLOhfYFdObVkI3vZDzzXie_-gBxt0Kpi2EBrM1EPM-Gm4uWa1_qB56hbZQUkAub6GmjeSmTloZhyOjI4zdp19BIAiZCUs-EI1RhIKo3ik/s1600/COMPARTIR+VIDEO+YOUTUBE.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYYrY_YdIgLfh9bMBWyCCP1_0psNAo-e1DKczLOhfYFdObVkI3vZDzzXie_-gBxt0Kpi2EBrM1EPM-Gm4uWa1_qB56hbZQUkAub6GmjeSmTloZhyOjI4zdp19BIAiZCUs-EI1RhIKo3ik/s1600/COMPARTIR+VIDEO+YOUTUBE.png" height="400" width="380" /></a></div>
<div>
En la entrada de blogger, haremos clic en el botón "<b>HTML</b>" de la barra superior de herramientas de edición y pegaremos el código <a href="http://es.wikipedia.org/wiki/Iframe" target="_blank">Iframe</a> copiado en el portapapeles.<br />
Volveremos a hacer clic en el botón "<b>Redactar</b>" de la barra de herramientas y modificaremos la entrada según nos interese.<br />
Por último, haremos clic en "<b>Publicar</b>"</div>
<div>
Si queremos insertarlo en un widget, desde la pestaña de "<b>Diseño</b>", añadiremos un gadget <b>HTML/JAVASCRIPT</b> y pegaremos el código <a href="http://es.wikipedia.org/wiki/Iframe" target="_blank">Iframe</a> copiado en el portapapeles.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-8067963786205156772013-12-29T14:08:00.000+01:002013-12-29T14:08:00.528+01:00Cómo personalizar la cabecera de tu blogUna de las cosas que más suele llamar la atención de un blog o página web suele ser su cabecera. La imagen de esta, se convierte en una marca, al igual que un logotipo en una tarjeta de visita. Esta cabecera hace que los visitantes asocien determinados productos, servicios o contenidos con la imagen.<br />
<div>
Para diseñar una cabecera, hemos de tener en mente una idea de diseño previo, como la imagen o imágenes, textos y contenidos que queremos incluir.</div>
<div>
Por sus prestaciones y posibilidades, vamos a utilizar el programa <a href="http://www.gimp.org/" style="font-weight: bold;" target="_blank">GIMP</a>, aunque podríamos utilizar otros programas, incluso <b><a href="http://windows.microsoft.com/es-es/windows7/products/features/paint" target="_blank">PAINT</a></b>, de <b><a href="http://www.microsoft.com/es-es/default.aspx" target="_blank">Microsoft</a></b>.</div>
<div>
Antes de empezar, hemos de tener claro principalmente el ancho, pero también el alto de la cabecera que queremos diseñar. Para ello, hemos de ver o ajustar el ancho de nuestro blog a las preferencias personales.</div>
<div>
Desde el panel de control de nuestra bitácora, iremos al apartado "<b>Plantilla</b>" y haremos clic en "<b>Personalizar</b>".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTexrxWbey_xj1tYCNGvGHV7SFr7NT4xo8BiJ_7QL1I0OOwhOs1tbr8Okp_MadcQg7daJl5nyVQWJNRG8DeTdWWB15oBl3QXZnklpCTmvCCYyojvwWQJYRrsh76T98VR1BmzcVoWuZ2VM/s1600/ancho+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTexrxWbey_xj1tYCNGvGHV7SFr7NT4xo8BiJ_7QL1I0OOwhOs1tbr8Okp_MadcQg7daJl5nyVQWJNRG8DeTdWWB15oBl3QXZnklpCTmvCCYyojvwWQJYRrsh76T98VR1BmzcVoWuZ2VM/s1600/ancho+blog.png" height="304" width="640" /></a></div>
<div>
Desde "<b>Ajustar ancho</b>", deslizaremos con el ratón el ancho deseado en el apartado "<b>Blog completo</b>" y nos fijaremos en los píxeles que indica a la derecha.</div>
<div>
Teniendo claro el ancho que tiene nuestro blog, decidiremos el alto que queremos, por ejemplo unos 250 píxeles (no es recomendable excederse mucho más para no hacer una cabecera demasiado grande u ostentosa, pero se podría hacer).</div>
<div>
De este modo, tenemos una idea de que la imagen de nuestra cabecera ha de tener por ejemplo unos 1000*250 pixeles (ancho*alto).</div>
<div>
Ahora abrimos el <a href="file:///C:/Program%20Files/GIMP%202/bin/gimp-2.8.exe" style="font-weight: bold;" target="_blank">GIMP</a> e iremos al menú "<b>Archivo</b>" y haremos clic en "<b>Crear imagen nueva</b>", donde escribiremos el alto y el ancho deseado y haremos clic en "<b>Aceptar</b>":</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJWzIzkS1UGUkMi6tULqoBUO-oOxNl-K1l_FhjJtnfSLzQVB_AvcwanYF2nDusGux0gOLTSFdTA9vQdWExJSjf92gjam04b0bpAm9K6UW-dsjyJsjgHw_1ytm8dDVk6WpdV2XBc4tW9U/s1600/imagen+nueva+gimp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJWzIzkS1UGUkMi6tULqoBUO-oOxNl-K1l_FhjJtnfSLzQVB_AvcwanYF2nDusGux0gOLTSFdTA9vQdWExJSjf92gjam04b0bpAm9K6UW-dsjyJsjgHw_1ytm8dDVk6WpdV2XBc4tW9U/s1600/imagen+nueva+gimp.png" height="342" width="640" /></a></div>
<div>
Ya tenemos un fondo, que por defecto es blanco, pero que podemos cambiar por un color utilizando las herramientas pertinentes del cuadro de herramientas que nos aparece en el lateral izquierdo, pero en nuestro caso, para ir un poco más allá, vamos a elegir una imagen de fondo.</div>
<div>
Podemos utilizar una imagen de nuestro ordenador o buscar alguna en la red y descargarla. Una vez localizada su ubicación, desde el menú "<b>Archivo</b>" de <a href="file:///C:/Program%20Files/GIMP%202/bin/gimp-2.8.exe" style="font-weight: bold;" target="_blank">GIMP</a> haremos clic en "<b>Abrir como capas</b>", eligiendo la imagen que hemos decidido desde su ubicación.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Eg-5uE7KeqU7aRUZ6rvdUEj80ZVKayCD_5PJSmSBcwLzwwT-71SC3zXM3kdtkMZKfgKWIe7IBULwvE_CNdNu39dgPB1un0CE5reXv-EF1ZQkCQXY7ne0P2V8cjoi5I2ep9uYG_J1tXM/s1600/mover+capa+gimp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Eg-5uE7KeqU7aRUZ6rvdUEj80ZVKayCD_5PJSmSBcwLzwwT-71SC3zXM3kdtkMZKfgKWIe7IBULwvE_CNdNu39dgPB1un0CE5reXv-EF1ZQkCQXY7ne0P2V8cjoi5I2ep9uYG_J1tXM/s1600/mover+capa+gimp.png" height="314" width="640" /></a></div>
<div>
Ahora nos fijamos en el panel derecho del programa y podremos observar que hay dos capas, una llamada "<b>Fondo</b>", que es la que hemos creado al principio para definir el tamaño de la cabecera y otra con el nombre de la imagen que vamos a utilizar de fondo. Seleccionamos esta última haciendo clic sobre ella (1) y ahora hacemos clic en la "<b>Herramienta mover</b>"(2) de la izquierda. Esto ahora nos permitirá mover la capa de imagen haciendo clic con el botón izquierdo del ratón sobre el centro de la pantalla y sin soltarlo, la moveremos arriba o abajo, a izquierda o derecha, según nos interese hasta tener la parte deseada de la imagen encuadrada en nuestra área de cabecera que hemos definido.</div>
<div>
Ya tenemos el fondo. Ahora podemos añadir otras capas como imágenes, texto, etc.</div>
<div>
Vamos a proceder con la capa de texto con el nombre de nuestro blog.</div>
<div>
Para ello, elegimos la herramienta "<b>Texto</b>" (1) del panel de la izquierda y ajustamos el tipo de letra (2), tamaño (3) y color (4) según deseemos:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHr_90fcrYVwxp22uWHFrY0ZxhCUzMcDsW5ILqCQxKXRjUESChKvxjnHhuQe80S2kTjEu-grc38B13yYZn_AsDc-CEN9VOn9q48KdhWHglIlFd491NnmdOVb83Dg3wfsWm-Ezzp2NN_38/s1600/texto+gimp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHr_90fcrYVwxp22uWHFrY0ZxhCUzMcDsW5ILqCQxKXRjUESChKvxjnHhuQe80S2kTjEu-grc38B13yYZn_AsDc-CEN9VOn9q48KdhWHglIlFd491NnmdOVb83Dg3wfsWm-Ezzp2NN_38/s1600/texto+gimp.png" height="334" width="640" /></a></div>
<div>
A continuación, bastará con hacer clic en el lugar de nuestra cabecera donde queramos situar el texto, aunque podremos moverlo después, reeditarlo, o incluso darle inclinación.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhCc2YI-uypJv1OtGHDmVs7ZAW4eq6Kq7uw3hWWgKKOt1cfy4vfEaaCJ3LOV6IMxVOwrGCsevCSdG_7A5yo4jpaD6wWEItipSsLBVA9MyOMfnti3odJCgf44-tKWv_IRDcqNmxG_DZXY0/s1600/poniendo+texto+cabecera.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhCc2YI-uypJv1OtGHDmVs7ZAW4eq6Kq7uw3hWWgKKOt1cfy4vfEaaCJ3LOV6IMxVOwrGCsevCSdG_7A5yo4jpaD6wWEItipSsLBVA9MyOMfnti3odJCgf44-tKWv_IRDcqNmxG_DZXY0/s1600/poniendo+texto+cabecera.png" height="340" width="640" /></a></div>
<div>
En el panel de capas de la derecha, también podemos duplicar la capa haciendo clic sobre ella con el botón derecho del ratón y cambiando el color del texto y desplazándola un milimetro abajo y a la derecha, conseguiremos dar efecto de sombra.</div>
<div>
Ahora podemos añadir otros elementos como una descripción con texto, imágenes con transparencia, etc. En el caso de querer añadir otra imagen, hemos de localizarlas y en el menú "<b>Archivo</b>", elegiremos la opción "<b>Abrir como capas</b>".</div>
<div>
Podemos desplazar la capa y ajustarle el tamaño según deseemos (panel de herramientas de la izquierda) o incluso cambiar el orden de la capa para superponer unas sobre otras (panel de herramientas de la derecha).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxXQq6wvb7La5mP6h-jQSpM3chlsWbn5VoNjMzttRKUZ1jLa74_rdZMCXRdk2DPKmJn_4JXDSaWf0Zwv9Xy-N1h7mvExzyZEN3GpgKtyBa80wm9N3Wz29_Pgf2VN0T_O4MYPsk8e7Z9-c/s1600/a%C3%B1adir+capa+y+escalarla.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxXQq6wvb7La5mP6h-jQSpM3chlsWbn5VoNjMzttRKUZ1jLa74_rdZMCXRdk2DPKmJn_4JXDSaWf0Zwv9Xy-N1h7mvExzyZEN3GpgKtyBa80wm9N3Wz29_Pgf2VN0T_O4MYPsk8e7Z9-c/s1600/a%C3%B1adir+capa+y+escalarla.png" height="338" width="640" /></a></div>
<div>
Si deseamos dar transparencia a una de las capas, para que se vea el fondo, la seleccionaremos del panel de la derecha (5) e iremos al menú "<b>Capa</b>" (1) y en el apartado "<b>Transparencia</b>" (2) seleccionaremos "<b>Añadir canal alfa</b>" (3) si está en negro y luego procederemos de igual modo seleccionando "<b>Color a alfa</b>".</div>
<div>
Ya tendremos una capa con transparencia. Podemos superponer los elementos que hemos ido añadiendo haciendo clic con el botón izquierdo del ratón sobre la capa correspondiente (5) y sin soltar, arrastrarla arriba o abajo.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggVBUJ06JFL0P3TbBUj_pb92p9HoemnSl4Cb2QkEPihKRJaS3wYGOYGcmNNqjChsyGiBIgFQ5c8ez38i95OP_Ylmwy4YWVoB_pTmGUm0JmcH3wT4Dz1DITQDEYJwAvJqjPlyo3n6irvqQ/s1600/transparencia+capa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggVBUJ06JFL0P3TbBUj_pb92p9HoemnSl4Cb2QkEPihKRJaS3wYGOYGcmNNqjChsyGiBIgFQ5c8ez38i95OP_Ylmwy4YWVoB_pTmGUm0JmcH3wT4Dz1DITQDEYJwAvJqjPlyo3n6irvqQ/s1600/transparencia+capa.png" height="338" width="640" /></a></div>
<div>
Por último nos queda dar efecto a los bordes. Guardamos el proyecto que estamos creando por medio del menú "<b>Archivo</b>", "<b>Guardar</b>" y ahora lo exportamos como imagen, preferiblemente en formato <b>PNG</b> haciendo clic en el menú "<b>Archivo</b>", "<b>Exportar</b>" y haciendo clic en los correspondientes botones de "exportar" que nos aparecerán en las sucesivas ventanas sin necesidad de cambiar nada:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUNw4FohWJbXZATmJ_1xd5SmidXWDZqy4OC-5UrPpHI6BIDywIfBeakTgfDsJdHz31lVnOPruLLbOp2WW44gZ8146u5rdhLj4NXa7u49lZKEom9ZrhSeVue-IzLVH08jeb1e5VjAVT7FU/s1600/exportar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUNw4FohWJbXZATmJ_1xd5SmidXWDZqy4OC-5UrPpHI6BIDywIfBeakTgfDsJdHz31lVnOPruLLbOp2WW44gZ8146u5rdhLj4NXa7u49lZKEom9ZrhSeVue-IzLVH08jeb1e5VjAVT7FU/s1600/exportar.png" height="338" width="640" /></a></div>
<div>
Una vez exportada la imagen, cerramos nuestro proyecto de cabecera, abrimos nuevamente el programa y por medio del menú "<b>Archivo</b>", abrimos la imagen de nuestra cabecera base que hemos exportado. Veremos que nos abre una sola imagen que no presenta capas en el panel de la derecha.</div>
<div>
Ahora necesitamos aplanar la imagen para poder proceder a darle los posteriores efectos. Para ello, iremos al menú "<b>Imagen</b>" y haremos clic en "<b>Aplanar imagen</b>":</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkKMDyZH6N3Bx0YLGKqcS77mlVFztIgWzOkyaf9sHYs0KJRlU3SS_v7P4ARAy4A2TjmZwxhTPKs9SgxugpJFmrU5DFFTuN123JStarXCfTf15oOsFXZM1C49CDLELgLh_4aCP33CjLCvo/s1600/aplanar+imagen.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkKMDyZH6N3Bx0YLGKqcS77mlVFztIgWzOkyaf9sHYs0KJRlU3SS_v7P4ARAy4A2TjmZwxhTPKs9SgxugpJFmrU5DFFTuN123JStarXCfTf15oOsFXZM1C49CDLELgLh_4aCP33CjLCvo/s1600/aplanar+imagen.png" height="339" width="640" /></a></div>
<div>
A continuación, iremos al menú "<b>Filtros</b>" (1) y en "<b>Decorativos</b>" (2) haremos clic sobre "<b>Esquinas redondeadas</b>".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhej9uUShFK1_XBRTH6as-MjV3JuTIWdA1TSKEbbYzbKsfxzlO5CBLxpz2P33qac8YL5hQkjWkqoOAjdtUOyARJVZ6mGrUBB2mbU_oSc7W7MbmeBVvVVdnaB2iC9TqotKCa3zGLuYYKbs0/s1600/esquinas+redondeadas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhej9uUShFK1_XBRTH6as-MjV3JuTIWdA1TSKEbbYzbKsfxzlO5CBLxpz2P33qac8YL5hQkjWkqoOAjdtUOyARJVZ6mGrUBB2mbU_oSc7W7MbmeBVvVVdnaB2iC9TqotKCa3zGLuYYKbs0/s1600/esquinas+redondeadas.png" height="238" width="640" /></a></div>
<div>
Aplicamos el efecto sin necesidad de cambiar nada más y veremos que por medio de un script el programa nos ha creado una imagen nueva que tiene los bordes redondeados y una ligera sombra, pero sobre un fondo blanco al que le vamos a dar transparencia según el procedimiento que se ha indicado antes.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpwOIAxAkEBcxkSynfeKjWH2ME-v0ZiA-D1VrVY14xp1aQMQ9WlbBBQH201j8ocMyx___wrbQSE1Xr3liI24cu8xjLo8unR4_u-ic-ktBm29phMpi18mXayTnXUfdxjyLrhWUvDlZPIJo/s1600/cabecera+base+con+transparencia.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpwOIAxAkEBcxkSynfeKjWH2ME-v0ZiA-D1VrVY14xp1aQMQ9WlbBBQH201j8ocMyx___wrbQSE1Xr3liI24cu8xjLo8unR4_u-ic-ktBm29phMpi18mXayTnXUfdxjyLrhWUvDlZPIJo/s1600/cabecera+base+con+transparencia.png" height="232" width="640" /></a></div>
<div>
Volvemos a exportar esta última imagen creada y ya tenemos el diseño de nuestra cabecera concluido.</div>
<div>
Ahora sólo quedará subirlo a nuestro blog. Para ello, desde el panel de control de nuestro blog, en el apartado "<b>Diseño</b>" hacemos clic en "<b>Editar</b>" del gadget de la cabecera, subimos la imagen creada, seleccionemos que aparezca "En lugar del título y la descripción" y guardamos todos los cambios:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguXR32tNRCqKm9FQQNqcf5MQEC8bh04IeNj14TN0t40iypbt5Co5aLNE7q14tOUDfQE767vXEJ230cMgBINxWy4LrAlem8-p4KQDCZUqga15QRHbbPIqQ1tlh54BLLnBPrwS6RWReotkE/s1600/subirn+cabecera+blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguXR32tNRCqKm9FQQNqcf5MQEC8bh04IeNj14TN0t40iypbt5Co5aLNE7q14tOUDfQE767vXEJ230cMgBINxWy4LrAlem8-p4KQDCZUqga15QRHbbPIqQ1tlh54BLLnBPrwS6RWReotkE/s1600/subirn+cabecera+blogger.png" height="320" width="640" /></a></div>
<div>
Ya tendremos nuestro blog con una cabecera propia diseñada por nosotros mismos.</div>
<div>
Aquí tenemos algunos ejemplos de cabeceras diseñadas:</div>
<br /><br /><a href="http://dayanediciones.blogspot.com.es/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge9Ss6pY8oJkoYUy9l3FaGuNxiHo7PIO_tj9Xo2vUGWkL68jHuCoYWElysPS6LkcHYvtshfX7TaPekChefx9_lP0CzsnT7rYapBd3wnVguZsi839xipd58jY_60j46aocqqJMJiCi47ZTL/s640/editorial.png" /></a><br /><a href="http://www.bitacoratuning.tk/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgNYhFXzQpZq5GbVQtsa9rgxBiaHNWayrxOL4dsbae6SE-5T9RS4YotdFltPCCKaC8yNReOczDpPkhaWhFw3IG6gDGdYzUEdnl0C_IX1U8VhBKDu00ZQofKoUm6_9hMtCnnY9W_YFRLJID/s640/tunea+tu+blog.png" /></a><br /> <a href="http://diariodeunembarazoyloquevinoconel.blogspot.com.es/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGLpPA0roykOzgl07zCjTvSp2o7qrlpVB7ldLDy1C8-4EvM2NsKbIynvpXzkE1OSyXpRo_XxNZr0GIgjJ-eW4012uKflmpiA6wod0J26QIp_cvs2eqR4v3yh_kclzSg9p9CBDL69htB68/s640/EMBARAZO.png" /></a><br /><a href="http://hoyquecocinamos.blogspot.com.es/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxnuc5-gx1rDqLDHckGMS9gk3mrEXPauNfCtmUR1wr2jVzDyRqDgx4Ro85KvWVZ_VHfWf2RPdBAOKdU4F7LCe_0PESIwLXRrO4mVnkzPAa-OZl3F_CuU4gUFViEkzMuM_TraxGbUSDXKc/s640/cocina.png" /></a><br /><a href="http://www.filosofiasdeunignorante.tk/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhConywQ0OLQaYomJGs8m-1_E3E5XYQ9hqTGzk9cr61umCrUm2lyJw55_EluUx_QbxCAYLdnUmC-ZkogdMOeahCAdyn_Pxg5sI-jRN3iJkuE9XB0dp0sJFnlhU2MA0TuJJByLEqE21nes0/s640/Filosofiasdeunignorante.png" /></a>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F3.bp.blogspot.com%2F-4YQKiBEooWY%2FUl6AgBd4ByI%2FAAAAAAAAB_o%2FnBngUG0VnTM%2Fs640%2Ftunea%2Btu%2Bblog.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgNYhFXzQpZq5GbVQtsa9rgxBiaHNWayrxOL4dsbae6SE-5T9RS4YotdFltPCCKaC8yNReOczDpPkhaWhFw3IG6gDGdYzUEdnl0C_IX1U8VhBKDu00ZQofKoUm6_9hMtCnnY9W_YFRLJID/s640/tunea+tu+blog.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-0SluSbXfmpY%2FUlKhmceLVgI%2FAAAAAAAAB4Y%2FXIt7M7k-QVU%2Fs640%2Feditorial.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge9Ss6pY8oJkoYUy9l3FaGuNxiHo7PIO_tj9Xo2vUGWkL68jHuCoYWElysPS6LkcHYvtshfX7TaPekChefx9_lP0CzsnT7rYapBd3wnVguZsi839xipd58jY_60j46aocqqJMJiCi47ZTL/s640/editorial.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-uZpY7-YnzrQ%2FUlKH5r_l5jI%2FAAAAAAAAB0w%2Fkuz4oFPkm38%2Fs640%2Fcocina.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxnuc5-gx1rDqLDHckGMS9gk3mrEXPauNfCtmUR1wr2jVzDyRqDgx4Ro85KvWVZ_VHfWf2RPdBAOKdU4F7LCe_0PESIwLXRrO4mVnkzPAa-OZl3F_CuU4gUFViEkzMuM_TraxGbUSDXKc/s640/cocina.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-q-drfFW0f3E%2FUlKINNckQOI%2FAAAAAAAAB08%2FyXo4BCW7DHk%2Fs640%2FFilosofiasdeunignorante.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhConywQ0OLQaYomJGs8m-1_E3E5XYQ9hqTGzk9cr61umCrUm2lyJw55_EluUx_QbxCAYLdnUmC-ZkogdMOeahCAdyn_Pxg5sI-jRN3iJkuE9XB0dp0sJFnlhU2MA0TuJJByLEqE21nes0/s640/Filosofiasdeunignorante.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-I0CSPTgYywA%2FUlKHqy_JxYI%2FAAAAAAAAB0o%2FWb_Ap0Fp-u4%2Fs640%2FEMBARAZO.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGLpPA0roykOzgl07zCjTvSp2o7qrlpVB7ldLDy1C8-4EvM2NsKbIynvpXzkE1OSyXpRo_XxNZr0GIgjJ-eW4012uKflmpiA6wod0J26QIp_cvs2eqR4v3yh_kclzSg9p9CBDL69htB68/s640/EMBARAZO.png" -->Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-87702236933695679652013-12-26T10:26:00.000+01:002013-12-26T10:26:00.042+01:00Cómo hacerse seguidor de un blog<div style="text-align: justify;">
Cuando sigues un blog, sus autores y lectores ven que eres seguidor. Puedes ver y controlar los blogs que sigues con tu <a href="https://support.google.com/blogger/answer/99761">Lista de lectura</a> del escritorio de Blogger.</div>
<div class="separator" style="clear: both; text-align: justify;">
Con la Lista de lectura de Blogger, puedes leer las últimas entradas de tus blogs favoritos desde el Escritorio de Blogger.</div>
<div>
<b>¿Cómo puedo seguir un blog?</b><br />
Un blog se puede seguir principalmente de dos formas:</div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpX9At69D4wYmaJlRi44z3tUuFJvmit_hskh8Vb3Bi1R66ahZ1BqhUtYdaIFgKS2zfyO6kz8Hrgjcfhlo7NzkJQxCe4IDnKBBjBzGPubecXkCOHJCGsagZHZs1B3_AE6b6QSeLl38odVQ/s1600/seguidores+blog.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpX9At69D4wYmaJlRi44z3tUuFJvmit_hskh8Vb3Bi1R66ahZ1BqhUtYdaIFgKS2zfyO6kz8Hrgjcfhlo7NzkJQxCe4IDnKBBjBzGPubecXkCOHJCGsagZHZs1B3_AE6b6QSeLl38odVQ/s1600/seguidores+blog.png" /></a><br />
<ul>
<li>Una de las más sencillas es visitar un blog al que se haya añadido el gadget de Seguimiento y hacer clic en el botón <b>"Participar en este sitio</b>":</li>
</ul>
Se te pedirá iniciar sesión con tu cuenta de Google (u otra cuenta que hayas elegido), verás una ventana emergente con las opciones para <a href="https://support.google.com/blogger/answer/106241" target="_blank">seguir un blog de forma pública o de forma anónima</a>.<br />
Elige cómo quieres seguir el blog y haz clic en el botón "<b>Seguir este blog</b>". Si has elegido seguir el blog de forma pública, la imagen de tu perfil se mostrará en el blog con un enlace a tu perfil de Blogger o a tu perfil de Google+ (depende del perfil al que hayas enlazado tu blog). Cuando te haces seguidor de un blog, dicho blog también se añade a tu <a href="https://support.google.com/blogger/answer/99761" style="text-align: justify;">Lista de lectura</a> del escritorio de Blogger. </div>
<div>
<ul>
<li>Si el blog del que quieres hacerte seguidor no tiene el gadget "<b>Seguidores</b>", también puedes hacerte seguidor de cualquier blog o URL con copiar la dirección de ese blog y añadirla a tu Lista de lectura del escritorio de blogger.</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYavSlVfqDu-a63myXLW1Uifl_WkvGIKOvvql6x8PTNqz78aOWPpBwNh48EeDSO9pZS2NrID9BaOByWIWRyye8Kt8sNr8LlGokvLIhmlYX6pNQz9t4j2NpvhHzygnXp0n-xWto-YN-PEg/s1600/anadir+blog+lista+lectura.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYavSlVfqDu-a63myXLW1Uifl_WkvGIKOvvql6x8PTNqz78aOWPpBwNh48EeDSO9pZS2NrID9BaOByWIWRyye8Kt8sNr8LlGokvLIhmlYX6pNQz9t4j2NpvhHzygnXp0n-xWto-YN-PEg/s1600/anadir+blog+lista+lectura.png" height="302" width="640" /></a></div>
<div>
<br /></div>
Daniel Balaguerhttp://www.blogger.com/profile/01683889326440079840noreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-18712449497667542622013-12-20T18:00:00.000+01:002013-12-20T18:00:06.263+01:00Como editar fácilmente tus widgets personalizadosEl editor <b>HTML/Javascript</b> de los <b>gadgets</b> de Blogger por si solo no permite muchas posibilidades de edición si no somos desarrolladores con ciertos conocimientos de programación web:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFOw6cmJ9k3ySy5BaCST40xXEk3nEOo_PuFsBQseKm-SOYwQYfQTj4LhnOUi1-Y4ZMrVcj8YBoCdegryAXXnFzM4D3mmG2KuphBIBjPLltg8LEToNYsj2Utxpf76U4clRDXw7veWEUUDM/s1600/gadget+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFOw6cmJ9k3ySy5BaCST40xXEk3nEOo_PuFsBQseKm-SOYwQYfQTj4LhnOUi1-Y4ZMrVcj8YBoCdegryAXXnFzM4D3mmG2KuphBIBjPLltg8LEToNYsj2Utxpf76U4clRDXw7veWEUUDM/s1600/gadget+html.png" height="452" width="640" /></a></div>
Es decir, nos permite poner<b> negrita, cursiva, enlace </b>(que nos sacará de nuestro blog) y poco más. No hay menú para insertar imágenes, vídeos, cambiar alineaciones, letra, tamaño de texto, subrayado, no permite crear enlaces que se abran en una pestaña nueva, etc.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM0aRG9n5XbqBZPxl7pwyYXHL7-xn5V-iHASJWA0_R3IrqFl3nMFQl_Lgtbo_2Cb40uBCb5pzRG5T99azAFUWwQ5A5ufEg0S8hK_O6Cuw9vqv20oZX6JwCKSq36VxmY7kFvmiC4X6dcvc/s1600/gadget+html+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM0aRG9n5XbqBZPxl7pwyYXHL7-xn5V-iHASJWA0_R3IrqFl3nMFQl_Lgtbo_2Cb40uBCb5pzRG5T99azAFUWwQ5A5ufEg0S8hK_O6Cuw9vqv20oZX6JwCKSq36VxmY7kFvmiC4X6dcvc/s1600/gadget+html+2.png" height="446" width="640" /></a></div>
Una opción de edición sencilla con muchas más posibilidades de edición desde los menús habituales de blogger, es crear una página que por ejemplo podemos llamar "<b>Edición</b>". Esta página la ocultamos, tal y como se ha mostrado en esta <b><a href="http://www.bitacoratuning.tk/2013/12/como-ocultar-una-pagina-de-nuestro-blog.html" target="_blank">OTRA ENTRADA</a></b>.<br />
En esta página, diseñaremos el contenido para nuestro gadget según nos interese. Como veis, los menús que ofrece la edición de páginas o entradas, es mucho más amplio:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhspn1bkjV_x_4TdaZCIqSNqrJvDGZ6kFxcZG0cLcWs5xuBhbnqAbK2YhzujawYUwgtA9eFkTt5zGH3Bi4JJ9z-8NKTIF4NuXU4OWVjqdeL_SQpWJ5HAdLmsMgEO1oJWibqvgSWum1_FLU/s1600/menus+pagina.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhspn1bkjV_x_4TdaZCIqSNqrJvDGZ6kFxcZG0cLcWs5xuBhbnqAbK2YhzujawYUwgtA9eFkTt5zGH3Bi4JJ9z-8NKTIF4NuXU4OWVjqdeL_SQpWJ5HAdLmsMgEO1oJWibqvgSWum1_FLU/s1600/menus+pagina.png" height="76" width="640" /></a></div>
<br />
Una vez creado, publicamos la página y la visualizamos.<br />
Ahora seleccionaremos el contenido que deseemos para nuestro gadget y lo copiamos.<br />
Desde el panel de control, en el apartado "<b>Diseño</b>", añadimos donde queramos el gadget "<b>HTML/Javascript"</b> y pegamos dentro de él lo que habíamos seleccionado en nuestra página "<b>Edición</b>".<br />
Lo guardamos, guardamos los cambios del diseño de la página y listo.<br />
<b>NOTA: </b>Es importante no eliminar las imágenes que hayamos subido a la página "<b>Edición</b>" si no queremos que desaparezcan de nuestro gadget.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-87583005323965721952013-12-19T10:00:00.000+01:002014-01-23T14:56:39.853+01:00Cómo crear un mensaje personalizado de página no encontradaCuando una persona intenta acceder a una página de Internet que ha sido eliminada o a la que se le ha cambiado su dirección de enlace, dependiendo del navegador, aparecerá un mensaje genérico de página no encontrada más o menos como este:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjdk3TXsG-TT0_x7AQNE3q8y3C3NrM6Of99RIKlb-B3g-7rc99LnBuGcraUBtPXg5gIi3DPK1WKEGdpHXzpQVeK03DX984ZYQ8BfKIkNneaLruZxix5zc5AtG4O9-JdF1MoOfHgp_4YXw/s1600/404-page-not-found.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjdk3TXsG-TT0_x7AQNE3q8y3C3NrM6Of99RIKlb-B3g-7rc99LnBuGcraUBtPXg5gIi3DPK1WKEGdpHXzpQVeK03DX984ZYQ8BfKIkNneaLruZxix5zc5AtG4O9-JdF1MoOfHgp_4YXw/s1600/404-page-not-found.jpg" height="163" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVD0XCy9J8OQnC3lih-winN9EgMPeIp1Av_hxrSq-ZB4dWHzXPr2g2s1gBVSiXEokdvY6Wg-cGQ6Mvpd_VxBQ5odmm2MwFS_J1hE7bfeiebpMGhJnEapJqh4YTHWrsdnoaapuJHOJLVAM/s1600/firefox-not-found.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVD0XCy9J8OQnC3lih-winN9EgMPeIp1Av_hxrSq-ZB4dWHzXPr2g2s1gBVSiXEokdvY6Wg-cGQ6Mvpd_VxBQ5odmm2MwFS_J1hE7bfeiebpMGhJnEapJqh4YTHWrsdnoaapuJHOJLVAM/s1600/firefox-not-found.png" height="208" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJsgeHp_rSHOGnMo5vdHoQmnXzzdCkEsoIMJ6HGUu2TPfsh6irxL1t_YoUzV_LzrOrS3ly3rEy1US9YYQXr7R9d8NXuNNlYnjydxTdbVrzJ95jfSgHfQOtEbF4ugrIvS5VpSi1foClnDU/s1600/pagina+no+encontrada.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJsgeHp_rSHOGnMo5vdHoQmnXzzdCkEsoIMJ6HGUu2TPfsh6irxL1t_YoUzV_LzrOrS3ly3rEy1US9YYQXr7R9d8NXuNNlYnjydxTdbVrzJ95jfSgHfQOtEbF4ugrIvS5VpSi1foClnDU/s1600/pagina+no+encontrada.jpg" height="309" width="320" /></a></div>
Este mensaje se puede cambiar por el redireccionamiento a una página propia que muestre el mensaje personalizado que nosotros deseemos.<br />
Para ello, lo primero es crear una página propia con el mensaje de página no encontrada. En ella podemos incluir texto, imágenes, enlaces a la página principal de nuestro blog, etc.<br />
Desde el panel de control de nuestro blog, iremos al apartado "<b>Páginas</b>" (1) y desde allí, iremos a "<b>Página nueva</b>" (2) y elegiremos "<b>Página en blanco</b>" (3)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CSLPzY9KFZvdDNYlA9sDbUbu7RrKisbaR5HC3qxt9zrp1Sd4Z70yO9I24GhOKqg2jC9l968H17Q-iIL4X1qcCBpEyNyIhf3LdVyUfe_qdA7WQ_4q0DFY4Li5miXOu70w0zO1i5T3J3Mo/s640/paginas+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CSLPzY9KFZvdDNYlA9sDbUbu7RrKisbaR5HC3qxt9zrp1Sd4Z70yO9I24GhOKqg2jC9l968H17Q-iIL4X1qcCBpEyNyIhf3LdVyUfe_qdA7WQ_4q0DFY4Li5miXOu70w0zO1i5T3J3Mo/s640/paginas+blog.png" height="179" width="320" /></a></div>
Ahora crearemos el mensaje que deseamos, por ejemplo, mostrando alguna de estas imágenes:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAz0YAIgpcRh8IdP8grohKHqFib5potKXmzBZDe0ykRmSMoUBb-X4wIq92UGnqGUHT0P3pTZP05PNTFDF6OPVxbvqsTiepDF0Apw2pV2w73cKqC144AQQzYUr7djTBkrIXpm-JkQ7NYis/s1600/pagina-no-encontrada.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAz0YAIgpcRh8IdP8grohKHqFib5potKXmzBZDe0ykRmSMoUBb-X4wIq92UGnqGUHT0P3pTZP05PNTFDF6OPVxbvqsTiepDF0Apw2pV2w73cKqC144AQQzYUr7djTBkrIXpm-JkQ7NYis/s1600/pagina-no-encontrada.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibcMZZrV_lzE9YQM9Ya0J0Sj_rfd4WXxceF0cB99uUy7YXC2h1teAyGLt5FxuMdUKApPyox3V0MP10T-sTIkQ6bmzDm3DTekVEj_Fu4rXEbcIyt00oxw5-fbJYdU6Raxo7bL8SWB6SxCI/s320/ventana.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibcMZZrV_lzE9YQM9Ya0J0Sj_rfd4WXxceF0cB99uUy7YXC2h1teAyGLt5FxuMdUKApPyox3V0MP10T-sTIkQ6bmzDm3DTekVEj_Fu4rXEbcIyt00oxw5-fbJYdU6Raxo7bL8SWB6SxCI/s320/ventana.gif" /></a></div>
Escribimos también el mensaje que deseemos y la dirección de la página a la que queremos que sea redirigido el tráfico.<br />
Guardaremos la página, <a href="http://www.bitacoratuning.tk/2013/12/como-ocultar-una-pagina-de-nuestro-blog.html" target="_blank">la ocultamos si tenemos las pestañas habilitadas para que no se muestre como acceso a esta página</a> y le damos a "<b>Ver</b>" para copiar su dirección desde la barra de direcciones del navegador en el campo que corresponde.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQpIwHugaTOo1p5Ge6Qttkp9kqWi2Hnq-1f77lUJu8548E1nKzMVzh7O9z5EDMx9d32FGtB-fcRe9-W7Vp_nVxN4CsEHe6mN1pMbGDVAuR3f1QrUz1u6z2tZPfy5PXtA9FrwWhWTNKU8M/s1600/ver+pagina.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQpIwHugaTOo1p5Ge6Qttkp9kqWi2Hnq-1f77lUJu8548E1nKzMVzh7O9z5EDMx9d32FGtB-fcRe9-W7Vp_nVxN4CsEHe6mN1pMbGDVAuR3f1QrUz1u6z2tZPfy5PXtA9FrwWhWTNKU8M/s1600/ver+pagina.png" height="330" width="640" /></a></div>
Una vez creada y conocida ya su dirección, desde el panel de control de nuestro blog, iremos al apartado "<b>Configuración</b>" (1), y en "<b>Preferencias para motores de búsqueda</b>" (2) iremos donde pone "Errores y redireccionamientos", en "Mensaje de página no encontrada, haremos clic en "<b>Editar</b>" (3).<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBGJ3gTE0fxOXjlqHswvqIl3fVOSuZHpdrGqQtOCxYyteCI4ryg4r3RUYKhyZLmnh4GZOKqrxoOuIyfIftpigyy3FMyWbxhOPDQ_5OofhAKek0Utv8wfZ-5BmCdDm1KD-CFpq132yw3Q0/s1600/editar+pagina+no+encontrada.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBGJ3gTE0fxOXjlqHswvqIl3fVOSuZHpdrGqQtOCxYyteCI4ryg4r3RUYKhyZLmnh4GZOKqrxoOuIyfIftpigyy3FMyWbxhOPDQ_5OofhAKek0Utv8wfZ-5BmCdDm1KD-CFpq132yw3Q0/s1600/editar+pagina+no+encontrada.png" height="297" width="640" /></a></div>
A continuación, hemos de copiar este texto y pegarlo en el recuadro de este mismo campo de nuestro blog, cambiando unicamente la dirección de la página deseada de nuestro blog:<br />
<table border="7" bordercolor="#ffffff" cellpadding="4" cellspacing="0" style="background-color: #333333; color: #cccccc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 20px;"><colgroup><col width="600*"></col></colgroup><tbody>
<tr><td valign="TOP" width="100%"><div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white;"><script type = "text/javascript"></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white;">//Blogger 404 Redireccion v1.0</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white;">BSPNF_redirect = setTimeout(function() {</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white;">location.href=</span><span style="color: black;"> </span><b><span style="color: orange;">"http://ladirecciondetublog/p/pagina-no-encontrada.html</span></b><span style="color: black;">"</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white;">}, 0); </span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white;"></script></span></div>
</td></tr>
</tbody></table>
Ahora, basta con guardar y ya está. Cuando alguien quiera acceder a una página o entrada de nuestro blog que haya sido eliminada, le aparecerá la página con el mensaje que hemos creado.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-33713993496845295392013-12-17T10:36:00.002+01:002013-12-17T11:04:23.578+01:00Cómo ocultar una página de nuestro blog<div class="separator" style="clear: both; text-align: justify;">
Es posible que hayamos creado una página en nuestro blog que no queremos que se muestre en las pestañas superiores o laterales, para ello, desde el panel de control de nuestro blog, iremos a "<b>Diseño</b>" para ver el gadget de "<b>Páginas</b>" y haremos clic en "<b>Editar</b>":</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo-qLZv7G49nUEugCxwVLetoJh523Z6lB78QvnbV7d0yIbQYMiVnYIb5Cuc1fHYcoJH63XBBJyvHPxYfPF2YzsIyvkn2rIEQoMeihXWgkSQd3lXOS0qN-s43jHApBGwfTVCsialL1EQlw/s1600/pesta%C3%B1as+paginas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo-qLZv7G49nUEugCxwVLetoJh523Z6lB78QvnbV7d0yIbQYMiVnYIb5Cuc1fHYcoJH63XBBJyvHPxYfPF2YzsIyvkn2rIEQoMeihXWgkSQd3lXOS0qN-s43jHApBGwfTVCsialL1EQlw/s1600/pesta%C3%B1as+paginas.png" height="378" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Desde aquí, bastará con desmarcar las páginas que no queremos que se muestren, por ejemplo, la de "<b>Página no encontrada</b>"</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsMQ6qcVTUO1gNQulOoL2JBiKe1SGuxhBeUgd0ayFq1mFLo9iYAMUeAVNbn4wWXsJjXd8EKKMy_kYqMHEfJ1fq6sE5gFHtdfz684ef8vufp9hwVkOgb4nHFTUij42NhcaqQvXvXlg-l4U/s1600/OCULTAR+P%C3%81GINA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsMQ6qcVTUO1gNQulOoL2JBiKe1SGuxhBeUgd0ayFq1mFLo9iYAMUeAVNbn4wWXsJjXd8EKKMy_kYqMHEfJ1fq6sE5gFHtdfz684ef8vufp9hwVkOgb4nHFTUij42NhcaqQvXvXlg-l4U/s1600/OCULTAR+P%C3%81GINA.png" height="640" width="624" /></a></div>
Le daremos a guardar y listo.<br />
Veremos que en nuestra lista de páginas de nuestro blog, aparecen bajo el título "<b>Oculto</b>" todas aquellas páginas que hemos desmarcado.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDz_-SnSpAuIBy5djbVCDSi1OLXVNN5QNiFnZ7OaUpe9aNvjkqPUQk8fD2_2oyOq6rsvHIoO1qowdFIVz6GYLMD5ExAqY4fhOiE_yuMh2GSPa5EC1J-_Bqox_QAZB2bQM4oJIEbzY1h9o/s1600/ver+pagina.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDz_-SnSpAuIBy5djbVCDSi1OLXVNN5QNiFnZ7OaUpe9aNvjkqPUQk8fD2_2oyOq6rsvHIoO1qowdFIVz6GYLMD5ExAqY4fhOiE_yuMh2GSPa5EC1J-_Bqox_QAZB2bQM4oJIEbzY1h9o/s1600/ver+pagina.png" height="330" width="640" /></a></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-20311821249692579962013-12-09T13:17:00.000+01:002014-01-16T13:45:39.145+01:00Cómo crear diferentes páginas para nuestro blogPodemos crear diferentes páginas dentro de un blog, por ejemplo, para insertar un formulario de contacto en una de ellas, un mapa en otra página, otra para las fotos, o incluso para que se muestren en esa página las entradas con una determinada etiqueta.<br />
Para ello, desde el panel de control de nuestro blog iremos a "<b>Páginas</b>".<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNZ6VyE2IbE8r6g9z6AayvtoYKRyewQ78ZaE06rx2vHXVQ1xm5Lw_zhcQauzC_zSuKsGzWzU9uG93Nq2VHSJr7EXUZxxJ3K56UE8iNJ28OU-GxfTkmgxilX5ufw2owiwHS0TZQfpyk0-o/s1600/blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNZ6VyE2IbE8r6g9z6AayvtoYKRyewQ78ZaE06rx2vHXVQ1xm5Lw_zhcQauzC_zSuKsGzWzU9uG93Nq2VHSJr7EXUZxxJ3K56UE8iNJ28OU-GxfTkmgxilX5ufw2owiwHS0TZQfpyk0-o/s1600/blogger.png" height="231" width="400" /></a></div>
Haremos clic en "<b>Página nueva</b>" y seleccionaremos dónde queremos mostrar el enlace de acceso a cada una de esas páginas (Pestañas principales, o Enlaces laterales).<br />
Crearemos una página a la que le asignamos un nombre (Contacto, Localización, Calendario...) que ya tendremos tiempo de dotar del contenido deseado.<br />
Ahora nos queda añadir el gadget de "<b>Páginas</b>". Para ello, en la configuración de nuestro blog iremos a "<b>Diseño</b>" (1). Desde ahí, añadiremos el gadget (2) "Páginas" (3) y lo arrastraremos hasta donde deseemos (4).<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWE45ErCyGFjGTnNYWpHcseRiazvYvCN-xjij4Ke2vIcDx8sTBPdY2emljznJnxa_EyIwNZPdvkwVn-7roM37by9bS0tyayvxDCqXtci3qGmtnBs60m1cn_kodMd7akiNi2BxaUY-NZx8/s1600/blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWE45ErCyGFjGTnNYWpHcseRiazvYvCN-xjij4Ke2vIcDx8sTBPdY2emljznJnxa_EyIwNZPdvkwVn-7roM37by9bS0tyayvxDCqXtci3qGmtnBs60m1cn_kodMd7akiNi2BxaUY-NZx8/s1600/blogger.png" height="430" width="640" /></a></div>
Guardamos los cambios y listo.<br />
Según la ubicación que hayamos elegido, el resultado será algo como esto:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx11_EADC6RX41sbDE2NwjeX3aS2YxiuxIDvX-Id9v9ISSU67kK3TFo9ICLxEIdHHI-vxSfWcQhDV3mpiBQ0z7LnzVs7flwmlwdKLL3KLaRsTj2wfA-vBpxNJIh0DNxR_zhSaxph3u8ho/s1600/blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx11_EADC6RX41sbDE2NwjeX3aS2YxiuxIDvX-Id9v9ISSU67kK3TFo9ICLxEIdHHI-vxSfWcQhDV3mpiBQ0z7LnzVs7flwmlwdKLL3KLaRsTj2wfA-vBpxNJIh0DNxR_zhSaxph3u8ho/s1600/blogger.png" height="356" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3URlQblT24ftGhc4jqQ-l5j8Ikb9iNYYewtBdm_dH1Refau9MHPSG9Hds9Y6y0Vo7ENnBKmywTsTVAHAYriFSTxNCIlLzUBXgzZRXG0W1UQv8ECg8-peZKm1xhz1xluCEYY8lq8ilHBs/s1600/blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3URlQblT24ftGhc4jqQ-l5j8Ikb9iNYYewtBdm_dH1Refau9MHPSG9Hds9Y6y0Vo7ENnBKmywTsTVAHAYriFSTxNCIlLzUBXgzZRXG0W1UQv8ECg8-peZKm1xhz1xluCEYY8lq8ilHBs/s1600/blogger.png" height="342" width="640" /></a></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-28691220639078959652013-11-28T14:24:00.001+01:002013-11-29T08:48:04.064+01:00Cómo añadir un favicon a tu blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigsddZv6LZnVcSsXGGhsrZN7Z_D1rg530HPf__qBfH-GZf_Z7ROq4EeL5OMn15qgp3BBA4i-28d7-X6f-tPx_KiRiz3cx4payPx-DYrw0WotCvWDXXPPSqpSnBi6wvrqFHoXGRo7CMwz8/s1600/FAVICONS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigsddZv6LZnVcSsXGGhsrZN7Z_D1rg530HPf__qBfH-GZf_Z7ROq4EeL5OMn15qgp3BBA4i-28d7-X6f-tPx_KiRiz3cx4payPx-DYrw0WotCvWDXXPPSqpSnBi6wvrqFHoXGRo7CMwz8/s1600/FAVICONS.png" height="41" width="640" /></a></div>
<div style="text-align: justify;">
Antes que nada, cabe decir que un <b><a href="http://es.wikipedia.org/wiki/Favicon" target="_blank">FAVICON</a></b>, icono de página o favorite icon, es un pequeño icono que se utiliza para que se muestre al lado del nombre de la página web, en caso de que el usuario la agregue a sus marcadores o favoritos</div>
<div style="text-align: justify;">
Actualmente los navegadores también muestran el favicon en la barra de direcciones y junto al nombre de la pestaña de la página web.</div>
<div style="text-align: justify;">
Este icono, suele tener un tamaño de 16x16 ó 32x32 píxeles.</div>
<div style="text-align: justify;">
Es una de las formas de personalización más usadas en una página web o blog, que permite identificarla más fácilmente en una lista de marcadores o favoritos o en el historial de páginas visitadas.</div>
<div style="text-align: justify;">
A la hora de crear un favicon, podemos utilizar programas de diseño gráfico como Gimp, Photoshop o Paint, pero también hay páginas de Internet que nos permiten hacerlo subiendo una imagen que convertirá en icono. Lógicamente, la imagen que queramos, ha de ser cuadrada para mantener la relación de aspecto y que por tanto no quede deformada.</div>
<div style="text-align: justify;">
Alguna de estas páginas para crear iconos son:</div>
<div style="text-align: justify;">
</div>
<ul>
<li><a href="http://www.genfavicon.com/es/" target="_blank">Genfavicon</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/#.Upc0nOKrGo8" target="_blank">Dynamic Drive</a></li>
<li><a href="http://iconverticons.com/" target="_blank">Iconverticons</a></li>
</ul>
<br />
<div style="text-align: justify;">
También podemos utilizar programas específicos como:</div>
<div style="text-align: justify;">
</div>
<ul>
<li><a href="http://www.axiomx.com/PixelToolbox/" target="_blank">PixelToolBox</a></li>
<li><a href="http://icofx.ro/index.html" target="_blank">IcoFX</a></li>
</ul>
<br />
<div style="text-align: justify;">
Una vez tenemos el icono, iremos al panel de control de nuestra bitácora, y en el apartado "<b>Diseño</b>", arriba a la izquierda, encontraremos la posibilidad de cambiar el "<b>Favicon</b>":</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfu0g6FgUscO8qnhJzaskk9HxXqgRmAU1ILEqAYLIm81DyAeBJ4CZwXnv5CSOy8rqIf0y5pmlfu0tvv4NxgvvftscanBpgzCS86IDnnDXat4CIE2-Jc-dvphWoAbbMdRZAhdGY9g23ZgU/s1600/favicon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfu0g6FgUscO8qnhJzaskk9HxXqgRmAU1ILEqAYLIm81DyAeBJ4CZwXnv5CSOy8rqIf0y5pmlfu0tvv4NxgvvftscanBpgzCS86IDnnDXat4CIE2-Jc-dvphWoAbbMdRZAhdGY9g23ZgU/s1600/favicon.png" height="312" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bastará con subir el icono que tenemos en nuestro ordenador y guardar los cambios. Ahora, en nuestro historial, marcadores, barra de direcciones o pestaña del navegador, aparecerá el icono junto al nombre de nuestra página.</div>
<div style="text-align: justify;">
<a href="http://www.blogger.com/" target="_blank"><b>Blogger</b></a> también permite subir imágenes cuadradas directamente desde aquí, que convertirá en icono.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-31949217299560390872013-11-20T09:34:00.002+01:002013-11-20T09:38:07.395+01:00Configura tu dominio gratuito .tk en bloggerRegistrar un dominio gratuito y configurarlo en <a href="https://www.blogger.com/" target="_blank"><b>Blogger</b></a> es muy sencillo y lleva poco tiempo.<br />
Primero accederemos a la página del proveedor de este tipo de dominios en el siguiente enlace:<br />
<div style="text-align: center;">
<a href="http://www.dot.tk/es/index.html" target="_blank"><b>Dominio Gratuito .TK</b></a></div>
Ahora escribiremos el dominio que queremos registrar y haremos clic en "<b>GO</b>".<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnxZ2VR0suLIm5p17HJgALJb-Gsd2gqbJvHtDDb9A5K8WfpTontxlmpkCuNm8EiGyDdqJrZ9TwrnszeXNyxGzG6vqBTjwdmQUOil0HTo8o2nEoYmwgVl62aXhHSVPbe_wdH6DM0G8wajY/s1600/dominio+tk.png" width="640" /></div>
En el siguiente paso hemos de seleccionar "<b>Use DNS</b>", escribir la dirección IP <b>216.239.32.21</b> en ambas casillas de "<b>Host name</b>" y elegiremos también el tiempo de duración del dominio (hasta un año, pero con renovación ilimitada si estamos registrados).<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="590" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj31pz_sI7DNUiJ0DcKg72OUcjhyphenhyphenzO5BGJPR4Tn16c1oQNy4gSF7oREV0nTPc07kmo6zdn8qDyEm6iQuTC1wRpfUXke1rt-6mc5u-xH_itb5342HmXQQbfW8k9E1wjI60uVYugBSA0H0aI/s1600/registro+dominio+tk.png" width="640" /></div>
Ahora nos pedirá que nos registremos, bien por medio de "<b><a href="http://es-es.facebook.com/" target="_blank">Facebook</a></b>", "<b><a href="http://mail.google.com/mail/?hl=es&tab=wm" target="_blank">Gmail</a></b>", "<b><a href="http://login.live.com/login.srf?wa=wsignin1.0&rpsnv=11&ct=1271968277&rver=6.0.5285.0&wp=MBI&wreply=http://mail.live.com/default.aspx&lc=3082&id=64855&mkt=es-es" target="_blank">Hotmail</a></b>" u otros servicios y una vez nos autentificamos, accedemos a la ventana principal de "<b><a href="http://www.dot.tk/es/index.html" target="_blank">My Dot TK</a></b>". Seguidamente haremos clic en "<b>Domain Panel</b>".<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZkU9_mPEoqASB664I_X8FT6tF6I9QdazpN3HptbpgkKCxIXjPGNQN5qsxkSpZWIGKYce9MlhhfsKeHvTDQ6sCvyVxC9o5JBq6uqpyKALWvcD-vXkGd6utIVVRZ439z3ogGzCKSjhCbqs/s1600/home+my+dot+tk.png" width="640" /></div>
<div class="separator" style="clear: both; text-align: justify;">
Ahora vamos a <a href="https://www.blogger.com/" target="_blank"><b>Blogger</b></a> y en panel de control de nuestro blog, en el apartado "<b>Configuración</b>", "<b>Lo básico</b>", podremos ver en "<b>Dirección del blog</b>" la posibilidad de añadir un dominio personalizado.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_YyhXDU4zvJd5PJ9QdyCz0Oll4BK5ITMOjC_BeEYiM37gyE6kvJV6XuEcNXC0wQbvipunGw2-KJaS59_gZB6KK3hvnqpPmcBav90mUzFDds3IyPJsWHiJ5lYwHY2OwC9bleiOx-2sdjRZ/s640/cambiar+direcccion+blog.png" width="640" /></div>
<br />
Accedemos a ello haciendo clic en "<b>Añadir un dominio personalizado</b>".<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9el3Ml0PncLqNA5IPV6Vh9h-8kWKOvXRCc-EL_a0I1GyIR0lznL7JoAzpC4Q2p8XxfgfazNBBqiUr_1xhSDBt19Yn_7rke9g99OW2mTvSgyOshAqx2comD2sWjyOmzr5EglFdFj6ICkgl/s640/escribir+direccion+dominio.png" width="640" /></div>
Escribimos la dirección del dominio que estamos registrando en <a href="http://www.dot.tk/es/index.html" target="_blank"><b>My Dot TK</b></a> y hacemos clic en "<b>Guardar</b>". Nos saldrá un mensaje de error que contiene los datos que necesitamos para acabar de configurar nuestro dominio TK.<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPBX7kU7PJh4RX6awv9gk83u_GwHVkDiMBNVgzihn96kdK0x6nyenwLp_hOONqLVuBih3eZ0ICNUHOxYF83yNuQ1GIEmSKUTvykxUJO1jBs73j6Zf5D1NlmMYN1RUl0auT1P0g-aN_My0-/s1600/escribir+direccion+dominio2.png" width="640" /></div>
Ahora regresamos a la página de configuración de <a href="http://www.dot.tk/es/index.html" style="font-weight: bold;" target="_blank">My Dot TK</a> y hemos de añadir dos registros tipo "<b><a href="https://support.google.com/a/answer/112037?hl=es" target="_blank">CNAME</a></b>":<br />
<br />
<ul>
<li>El primero de ellos con el "<b>Host name</b>" de nuestro dominio que estamos registrando (sin olvidar las www.) y la IP <b>ghs.google.com</b>.</li>
<li>Y el segundo ha de contener en el campo "<b>Host name</b>" lo que aparece en la primera columna de la segunda fila, seguido de <b>.tudominioregistrado.tk</b> y en la IP lo que aparece en la segunda columna de la segunda fila.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihboDk3tXIgaNcpPGEtisJ7bd99J3HTjhuIUC5Yx-aYhstaFul-f5SHv-JjE3Vj7oBUNmsRDElOh1HGjZxGRea2G5aeYlE5ypCqTh0oxCo0DTtabO2TrnGsfGk82F9hUC6VwXpHwhLFmU/s1600/cname+blogger.png" width="640" /></div>
Quedaría todo así:<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="404" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHJEu7nmLy7SI6YhP4YPH3SQnahylgJF-y96Kn4JtG06Z4d8xQXONHeKgfAQs8fKVElN1peBM07FGY5HQqsdMz6K64vV0teQqZF8RpHEjISItUJ3BLUyKfV_gQvsZHIPhcA59JZptEAk4/s1600/host+e+ip+tk.png" width="640" /></div>
A continuación le damos a "<b>Save Changes</b>" y esperamos unos cinco minutos para que los cambios surtan efecto.<br />
De regreso donde nos habíamos quedado en nuestro panel de control de <span style="text-align: justify;"><a href="https://www.blogger.com/" style="font-weight: bold; text-align: justify;" target="_blank">Blogger</a>, recargamos la página, volvemos a introducir la dirección del dominio que acabamos de registrar, le damos clic a "<b>Guardar</b>" y ya no aparecerá el error de antes.</span><br />
<span style="text-align: justify;">Ya tendremos nuestro dominio TK configurado.</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-79145591361745218922013-11-11T17:46:00.000+01:002013-11-15T14:00:04.790+01:00Cómo hacer que los datos introducidos en un formulario de contacto nos lleguen al correo electrónico<div dir="ltr" style="text-align: left;" trbidi="on">
Si hemos creado un formulario de contacto o una encuesta, etc. y queremos que estos datos nos lleguen al correo, hemos de ir a la hoja de destino de respuestas del formulario desde <a href="https://drive.google.com/" target="_blank"><b>Google Drive</b></a>.<br />
Una vez abierto, iremos al menú "<b>Herramientas</b>" y a continuación haremos clic en el "<b>Editor de secuencias de comandos</b>".<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXLp7a54H0Dbj592sGG10R1FRVQWtnFKOxx5dWo74XdJSaw6OaaRINtYQs9ZpBve3qReo3Wd00cVYX0L5aXY5yi8z-utHCGl20dL0ou7ULYUeE061IffNjsnOwxKCI2Jskdt-SEfri9TjD/s1600/Editor+de+comandos.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXLp7a54H0Dbj592sGG10R1FRVQWtnFKOxx5dWo74XdJSaw6OaaRINtYQs9ZpBve3qReo3Wd00cVYX0L5aXY5yi8z-utHCGl20dL0ou7ULYUeE061IffNjsnOwxKCI2Jskdt-SEfri9TjD/s640/Editor+de+comandos.png" width="640" /></a></div>
Seleccionaremos "<b>Proyecto en blanco</b>":<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixkl8x-HKfGUKnXaSourE__XJnnazfxghUzunMKHdlXWTi6gxElaslVEqX9z1eoOYDl3P4fE83xNgQCK3oRTiDX-iLB4QPLUhuNVkEny5fBhum3NlSFzQ8p7-gpEDlCt-QAXl_xk_ZxqQR/s1600/proyecto+en+blanco.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixkl8x-HKfGUKnXaSourE__XJnnazfxghUzunMKHdlXWTi6gxElaslVEqX9z1eoOYDl3P4fE83xNgQCK3oRTiDX-iLB4QPLUhuNVkEny5fBhum3NlSFzQ8p7-gpEDlCt-QAXl_xk_ZxqQR/s640/proyecto+en+blanco.png" width="640" /></a></div>
<br />
Ahora pegaremos dentro de este recuadro cualquiera de los siguientes <b><a href="http://es.wikipedia.org/wiki/Script" target="_blank">scripts</a></b>, dependiendo del número de campos que tenga nuestro formulario:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXai3HMXuoC9OyWzgho1s-52LFFdq9iBKAPr5le8GVMWpeFT4oax1sY5tEUG1Ul4etg4CgsgnNL1w_IM6YgNPPr6gEyUvN0aGD6sFNU92nR9PoqUKy_FBukcviazrNdyj2chBhyphenhyphenpVZvEoV/s1600/editor+script.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXai3HMXuoC9OyWzgho1s-52LFFdq9iBKAPr5le8GVMWpeFT4oax1sY5tEUG1Ul4etg4CgsgnNL1w_IM6YgNPPr6gEyUvN0aGD6sFNU92nR9PoqUKy_FBukcviazrNdyj2chBhyphenhyphenpVZvEoV/s640/editor+script.png" width="640" /></a></div>
Únicamente escribiremos nuestra dirección de correo en la que queremos recibir los datos introducidos en el formulario, teniendo en cuenta la anotación que dice que <b>el segundo campo del formulario ha de corresponder al correo electrónico de la persona que rellena el formulario</b>. Podemos poner más de una dirección de correo, separadas por "<b>, </b>" (correo1+coma+espacio+correo2+coma+espacio...)<br />
<b><u>Para un formulario de 6 campos:</u></b><br />
<table border="7" bordercolor="#ffffff" cellpadding="4" cellspacing="0" style="background-color: #333333; color: #cccccc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 20px;"><colgroup><col width="600*"></col></colgroup><tbody>
<tr><td valign="TOP" width="100%"><span style="font-family: 'Book Antiqua';">function ContactePorCorreo(e) {</span><span style="font-size: 10pt; line-height: normal; text-indent: 0cm;"><br /></span><br />
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> //
Este script envía el contenido de un formulario a un destinatario de
correo<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> //
El formulario ha de tener los campos siguientes en este mismo orden:
nombre y apellidos; correo electrónico;
mensaje; dirección ; población ; teléfono<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> //
Debes cambiar la variable recipient poniendo tu dirección de correo
entre las comillas<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> </span><span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;">try {<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;"> var
recipient = "<b><span style="color: orange;">tu correo-e</span></b>";<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;"> var
timestamp = e.values[0];<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;"> </span><span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;">var nombre = e.values[1];<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> var correoe = e.values[2];<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> var mensaje = e.values[3];<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> var direccion = e.values[4];<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> var poblacion = e.values[5];<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> var telefono = e.values[6];<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> var body = nombre+' <'+correoe+'>
<p>Este es un mensaje enviado desde la página web: '+mensaje;<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> var bodyHTML1 = '<p>'+nombre+'
<p>Este es un mensaje enviado desde la página web: </p>';<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"> </span><span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;">var bodyHTML2 =
'<a href="mailto:'+correoe+'">'+correoe+'</a>';<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;"> var
bodyHTML3 = '<blockquote>'+mensaje+'</blockquote>';<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;"> var
bodyHTML4 = '<blockquote>'+direccion+'</blockquote>';<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;"> var
bodyHTML5 = '<blockquote>'+poblacion+'</blockquote>';<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;"> var
bodyHTML6 = '<blockquote>'+telefono+'</blockquote>';<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;"> var
advancedArgs = {htmlBody:
bodyHTML1+bodyHTML2+bodyHTML3+bodyHTML4+bodyHTML5+bodyHTML6, replyTo:correoe};<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;">
MailApp.sendEmail(recipient, " Formulario de contacto ", body,
advancedArgs);<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;"> }
catch(e){<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;">
MailApp.sendEmail(recipient, "Error - Formulario de contacto",
e.message);<o:p></o:p></span></div>
<div align="left" class="MsoNormal" style="line-height: normal; text-indent: 0cm;">
<span lang="EN-GB" style="font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-size: 12.0pt;"> }<o:p></o:p></span></div>
<span lang="EN-GB" style="font-family: "Book Antiqua"; font-size: 10.0pt; mso-ansi-language: EN-GB; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-size: 12.0pt; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: ES;">}</span></td></tr>
</tbody></table>
Llega el correo así:<br />
NOMBRE <br />
Este es un mensaje enviado desde la página web: <br />
<div class="MsoNormal">
<a href="mailto:CORREO">CORREO</a></div>
<div class="MsoNormal" style="margin-left: 36.0pt; margin-right: 36.0pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
MENSAJE</div>
<div class="MsoNormal" style="margin-left: 36.0pt; margin-right: 36.0pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
DIRECCION</div>
<div class="MsoNormal" style="margin-left: 36.0pt; margin-right: 36.0pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
POBLACION</div>
<br />
<div class="MsoNormal" style="margin-left: 36.0pt; margin-right: 36.0pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
TELEFONO<span style="font-size: 10.0pt; mso-bidi-font-size: 12.0pt;"><o:p></o:p></span></div>
<b><u>Para un formulario de 8 campos:</u></b><br />
<table border="7" bordercolor="#ffffff" cellpadding="4" cellspacing="0" style="background-color: #333333; color: #cccccc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 20px;"><colgroup><col width="600*"></col></colgroup><tbody>
<tr><td valign="TOP" width="100%"><span lang="EN-GB" style="font-family: 'Book Antiqua'; font-size: 10pt;"></span><br />
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: 'Book Antiqua'; font-size: 10pt;">function
ContactePorCorreo(e) {<o:p></o:p></span></div>
<span lang="EN-GB" style="font-family: 'Book Antiqua'; font-size: 10pt;">
</span>
<br />
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: 'Book Antiqua'; font-size: 10pt;"> //
Este script envía el contenido de un formulario a un destinatario de
correo<o:p></o:p></span></div>
<span lang="EN-GB" style="font-family: 'Book Antiqua'; font-size: 10pt;">
</span>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: 'Book Antiqua'; font-size: 10pt;"> //
El formulario ha de tener los campos siguientes en este mismo orden:
nombre; correo electrónico; mensaje;
teléfono; calle y número; población; código postal; país<o:p></o:p></span></div>
<span lang="EN-GB" style="font-family: 'Book Antiqua'; font-size: 10pt;">
<div style="margin-bottom: .0001pt; margin: 0cm;">
//
Debes escribir tu dirección de correo entre las comillas de var
recipient<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
try {<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var recipient =
"<b><span style="color: orange;">tu correo-e</span></b>";<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var timestamp = e.values[0];<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var nombre = e.values[1];<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var correoe = e.values[2];<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var mensaje = e.values[3];<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var telefono = e.values[4];<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var calleynumero = e.values[5];<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var poblacion = e.values[6];<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var codigopostal = e.values[7];<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var pais = e.values[8];<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var body = nombre+' <'+correoe+'>
<p>Este es un mensaje enviado desde la página web: '+mensaje;<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var bodyHTML1 = '<p>Este es un
mensaje enviado desde la página web: <p>'+nombre+'</p>';<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var bodyHTML2 = '<a
href="mailto:'+correoe+'">'+correoe+'</a>';<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var bodyHTML3 =
'<blockquote>'+mensaje+'</blockquote>';<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var bodyHTML4 =
'<blockquote>'+telefono+'</blockquote>';<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var bodyHTML5 =
'<blockquote>'+calleynumero+'</blockquote>';<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var bodyHTML6 =
'<blockquote>'+poblacion+'</blockquote>';<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var bodyHTML7 =
'<blockquote>'+codigopostal+'</blockquote>';<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var bodyHTML8 =
'<blockquote>'+pais+'</blockquote>';<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
var advancedArgs = {htmlBody:
bodyHTML1+bodyHTML2+bodyHTML3+bodyHTML4+bodyHTML5+bodyHTML6+bodyHTML7+bodyHTML8,
replyTo:correoe};<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
MailApp.sendEmail(recipient, " Envío
del formulario de contacto ", body, advancedArgs);<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
} catch(e){<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
MailApp.sendEmail(recipient, "Error –
Envío del formulario de contacto", e.message);<o:p></o:p></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
}<o:p></o:p></div>
<span style="font-size: 10pt;">}</span></span></td></tr>
</tbody></table>
<b><u>Para un formulario de 9 campos:</u></b><br />
<table border="7" bordercolor="#ffffff" cellpadding="4" cellspacing="0" style="background-color: #333333; color: #cccccc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 20px;"><colgroup><col width="600*"></col></colgroup><tbody>
<tr><td valign="TOP" width="100%"><span lang="EN-GB"></span><br />
<div style="margin: 0cm 0cm 0.0001pt;">
<span lang="EN-GB"><span style="font-family: Book Antiqua;">function contactePorCorreo(e) {</span></span></div>
<span lang="EN-GB">
</span>
<br />
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"> // Este script envía el contenido de un formulario a un destinatario de correo</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"> // El formulario ha de tener nueve campos, el segundo de ellos destinado a la dirección de correo electronico</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"> // Debes escribir tu dirección de correo entre las comillas de var recipient</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"> try {</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var recipient = "<b><span style="color: orange;">tu correo-e</span></b>";</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var timestamp = e.values[0];</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var primero = e.values[1];</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var correoe = e.values[2];</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var tercero = e.values[3];</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var cuarto = e.values[4];</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var quinto = e.values[5];</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var sexto = e.values[6];</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var septimo = e.values[7];</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var octavo = e.values[8];</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var noveno = e.values[9];</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var body =primero+' <'+correoe+'> <p>Este es un mensaje enviado desde la página web: '+tercero;</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var bodyHTML1 = '<p>Este es un mensaje enviado desde la página web: <p>'+primero+'</p>';</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var bodyHTML2 = '<a href="mailto:'+correoe+'">'+correoe+'</a>';</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var bodyHTML3 = '<blockquote>'+tercero+'</blockquote>';</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var bodyHTML4 = '<blockquote>'+cuarto+'</blockquote>';</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var bodyHTML5 = '<blockquote>'+quinto+'</blockquote>';</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var bodyHTML6 = '<blockquote>'+sexto+'</blockquote>';</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var bodyHTML7 = '<blockquote>'+septimo+'</blockquote>';</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var bodyHTML8 = '<blockquote>'+octavo+'</blockquote>';</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var bodyHTML9 = '<blockquote>'+noveno+'</blockquote>';</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var advancedArgs = {htmlBody: bodyHTML1+bodyHTML2+bodyHTML3+bodyHTML4+bodyHTML5+bodyHTML6+bodyHTML7+bodyHTML8+bodyHTML9, replyTo:correoe};</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>MailApp.sendEmail(recipient, " Envío del formulario de contacto ", body, advancedArgs);</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"> } catch(e){</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"><span class="Apple-tab-span" style="white-space: pre;"> </span>MailApp.sendEmail(recipient, "Error Envío del formulario de contacto", e.message);</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;"> }</span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Book Antiqua;">}</span></div>
</td></tr>
</tbody></table>
<b><u>Para un formulario de 10 campos:</u></b><br />
<table border="7" bordercolor="#ffffff" cellpadding="4" cellspacing="0" style="background-color: #333333; color: #cccccc; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.333333969116211px; line-height: 20px;"><colgroup><col width="600*"></col></colgroup><tbody>
<tr><td valign="TOP" width="100%"><span lang="EN-GB"></span><br />
<div style="margin: 0cm 0cm 0.0001pt;">
<span lang="EN-GB"><span style="font-family: Book Antiqua;">function contactePorCorreo(e) {</span></span></div>
<span lang="EN-GB">
</span>
<br />
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB"><span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> //
Este script envía el contenido de un formulario a un destinatario de
correo<o:p></o:p></span></span></div>
<span lang="EN-GB">
</span>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB"><span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> //
El formulario ha de tener diez campos, el segundo de ellos destinado a
la dirección de correo electronico<o:p></o:p></span></span></div>
<span lang="EN-GB">
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> //
Debes escribir tu dirección de correo entre las comillas de var
recipient<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">try {<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var recipient = "<b><span style="color: orange;">tu correo-e</span></b>";<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var timestamp = e.values[0];<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
</span><span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">var primero =
e.values[1];<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> var correoe = e.values[2];<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> var tercero = e.values[3];<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> var cuarto = e.values[4];<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> var quinto = e.values[5];<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> var sexto = e.values[6];<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> var septimo = e.values[7];<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> var octavo = e.values[8];<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> var noveno = e.values[9];</span><span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var decimo = e.values[10];<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
</span><span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">var body =primero+'
<'+correoe+'> <p>Este es un mensaje enviado desde la página web:
'+tercero;<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> var bodyHTML1 = '<p>Este es un
mensaje enviado desde la página web: <p>'+primero+'</p>';<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">var bodyHTML2 = '<a
href="mailto:'+correoe+'">'+correoe+'</a>';<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var bodyHTML3 = '<blockquote>'+tercero+'</blockquote>';<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var bodyHTML4 =
'<blockquote>'+cuarto+'</blockquote>';<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var bodyHTML5 = '<blockquote>'+quinto+'</blockquote>';<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var bodyHTML6 = '<blockquote>'+sexto+'</blockquote>';<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var bodyHTML7 = '<blockquote>'+septimo+'</blockquote>';<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var bodyHTML8 = '<blockquote>'+octavo+'</blockquote>';<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var bodyHTML9 = '<blockquote>'+noveno+'</blockquote>';<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var bodyHTML10 = '<blockquote>'+decimo+'</blockquote>';<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
var advancedArgs = {htmlBody:
bodyHTML1+bodyHTML2+bodyHTML3+bodyHTML4+bodyHTML5+bodyHTML6+bodyHTML7+bodyHTML8+bodyHTML9+bodyHTML10,
replyTo:correoe};<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
MailApp.sendEmail(recipient, " Envío del formulario de contacto
", body, advancedArgs);<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
} catch(e){<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
MailApp.sendEmail(recipient, "Error Envío del formulario de
contacto", e.message);<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span lang="EN-GB" style="font-family: "Book Antiqua"; mso-ansi-language: EN-GB; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">
</span><span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">}<o:p></o:p></span></div>
<div style="margin: 0cm 0cm 0.0001pt;">
</div>
<div style="margin-bottom: .0001pt; margin: 0cm;">
<span style="font-family: "Book Antiqua"; mso-bidi-font-family: "Book Antiqua"; mso-fareast-font-family: "Times New Roman";">}</span></div>
</span></td></tr>
</tbody></table>
Ahora guardamos el proyecto, por ejemplo con el nombre "<b>Contacto por correo</b>".<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYDMjaLG-hfXtLGyn8jBIeePPfVQPBtifsW3WUKWFlv3_QeUcu2EhdR-h-jdPqde4H5TFrB8cU19s0lqWETKaQbUCYYAr_vGIH8hL2MHl0aLxj9cG5BtS741Nv0ecY6-1bCR-aZqgMzVwb/s1600/contacte+por+correo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYDMjaLG-hfXtLGyn8jBIeePPfVQPBtifsW3WUKWFlv3_QeUcu2EhdR-h-jdPqde4H5TFrB8cU19s0lqWETKaQbUCYYAr_vGIH8hL2MHl0aLxj9cG5BtS741Nv0ecY6-1bCR-aZqgMzVwb/s640/contacte+por+correo.png" width="640" /></a></div>
Ahora, desde el mismo editor de secuencias de comandos, haremos clic en "<b>Recursos</b>", y haremos clic en "<b>Activadores del proyecto activo</b>".<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoSF97QowV2PAjFNc433CicMyXGF4nquSGij3Eb8dG_J1V45NMFylWcEO48Go1t09Gk5sfjTWQXEe0TWlSkVaAPFD3yvrO4aE1wFRI44DgEDkcdcCSsnv9rMfpjU3A7RMS-EsJdZWOCVw/s1600/activadores.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoSF97QowV2PAjFNc433CicMyXGF4nquSGij3Eb8dG_J1V45NMFylWcEO48Go1t09Gk5sfjTWQXEe0TWlSkVaAPFD3yvrO4aE1wFRI44DgEDkcdcCSsnv9rMfpjU3A7RMS-EsJdZWOCVw/s640/activadores.png" width="640" /></a></div>
Seguidamente añadiremos un activador:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGXafXtzNG-rStJvm5zxa6hNZJYqv37MncBkK5gzlIVJCjT9o4qZtP_Bxaq4-891hHxWcWs_wIHlRW0gOy2MlsNnnCG_6KXWDyFVCv9Jwxxf23Oc4ZLdb_M42SYELid4As3jkLnUvx_Yc/s1600/a%C3%B1adir+activador.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGXafXtzNG-rStJvm5zxa6hNZJYqv37MncBkK5gzlIVJCjT9o4qZtP_Bxaq4-891hHxWcWs_wIHlRW0gOy2MlsNnnCG_6KXWDyFVCv9Jwxxf23Oc4ZLdb_M42SYELid4As3jkLnUvx_Yc/s1600/a%C3%B1adir+activador.png" width="640" /></a></div>
Seleccionaremos nuestro activador, seleccionaremos la opción "<b>Al enviar el formulario</b>", haremos clic en "<b>Guardar</b>" y autorizaremos a la aplicación.<br />
<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/AVvXsEgQFpx5HJ0xfrI3Lnh-OyQwBGHy1YGnwRwYoOSartYkH5yTHo9LhjF70J6OrURMBpVA5vqIy8Zeq2PJ-Cxu6ZVV2mbmu4TtTT-HWGY1KHa1vpYf3ir6F19LpXWET6U95hR8ztzgIxQOhfc/s1600/activador+envio+formulario.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQFpx5HJ0xfrI3Lnh-OyQwBGHy1YGnwRwYoOSartYkH5yTHo9LhjF70J6OrURMBpVA5vqIy8Zeq2PJ-Cxu6ZVV2mbmu4TtTT-HWGY1KHa1vpYf3ir6F19LpXWET6U95hR8ztzgIxQOhfc/s1600/activador+envio+formulario.png" width="640" /></a></div>
A continuación, volveremos a la hoja de respuestas del formulario que tenemos abierta, iremos al menú "<b>Herramientas</b>" y seleccionaremos el "<b>Administrador de secuencias de comandos</b>".<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgHd8zufZ6lg09hhogtjHwIfN2KoCjNiVHqrYSKtxMD0nDckn7sh61BCFOeykyDyRJbrxhnBKit-GoOB1U4wDZMlzAhdBWzpX1FdNAYV9_mFqcIKnHt2u0JKahLo5ThOUbMGGODmsV35Dj/s1600/administrar+secuencias+comandos.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgHd8zufZ6lg09hhogtjHwIfN2KoCjNiVHqrYSKtxMD0nDckn7sh61BCFOeykyDyRJbrxhnBKit-GoOB1U4wDZMlzAhdBWzpX1FdNAYV9_mFqcIKnHt2u0JKahLo5ThOUbMGGODmsV35Dj/s640/administrar+secuencias+comandos.png" width="640" /></a></div>
<div>
Seleccionamos el comando creado (Contacte por correo) y hacemos clic en "<b>Ejecutar</b>":</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI5_9c1OEii5338QNliMA86mRXrmqngGB_Bzk0TxlCHfV-bED0EajiYnaVP4k0SDMqld9czUUh3wbXMUsavux3WRqBu6vGUh_n2GI83CnN019NB4trNF60cCbK5rp-Zhx9ZqVFVuxxQU7G/s1600/administrar+secuencias+comandos.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI5_9c1OEii5338QNliMA86mRXrmqngGB_Bzk0TxlCHfV-bED0EajiYnaVP4k0SDMqld9czUUh3wbXMUsavux3WRqBu6vGUh_n2GI83CnN019NB4trNF60cCbK5rp-Zhx9ZqVFVuxxQU7G/s640/administrar+secuencias+comandos.png" width="640" /></a></div>
<div>
<br /></div>
<br />
<br />
<br />
<br />
Hemos de autorizar otra vez a la aplicación:<br />
<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/AVvXsEhEw_60Ykf022kpaZUIPu-gmJ9PN0UGeGIl3bRfw3oPDKsKGo4XaSUhpYFjOm7FweCE18IT8YmvgdlP-jU5Ba4f_C3ccUkhuoyJSErSoTDcv5f1PFqKbUpRi5RfwSMm1wczLT2dvRlOHRVL/s1600/administrar+secuencias+comandos.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEw_60Ykf022kpaZUIPu-gmJ9PN0UGeGIl3bRfw3oPDKsKGo4XaSUhpYFjOm7FweCE18IT8YmvgdlP-jU5Ba4f_C3ccUkhuoyJSErSoTDcv5f1PFqKbUpRi5RfwSMm1wczLT2dvRlOHRVL/s1600/administrar+secuencias+comandos.png" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Procederemos de igual modo en la pantalla siguiente y ya está. Ahora nos queda probarlo rellenado el formulario desde nuestra página de contacto y enviar los datos.</div>
<div class="separator" style="clear: both; text-align: justify;">
Hemos de recibir en el correo los datos del contacto y además también quedarán registrados en la hoja de respuestas de <a href="https://drive.google.com/" style="text-align: left;" target="_blank"><b>Google Drive</b></a><span style="text-align: left;">.</span></div>
</div>
Daniel Balaguerhttp://www.blogger.com/profile/01683889326440079840noreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-79214385059319477622013-11-06T10:45:00.000+01:002013-11-06T10:45:00.826+01:00Cómo crear un formulario de contacto para tu blog<div dir="ltr" style="text-align: left;" trbidi="on">
Si queremos disponer de un formulario de contacto o de cualquier tipo dentro de nuestra bitácora, hemos de ir a <a href="https://drive.google.com/" target="_blank"><b>Google Drive</b></a>. Desde allí, crearemos una <b>carpeta</b> que podemos llamar "<b>Contacto</b>", para así tener la información ordenada y fácilmente localizable.<br />
A continuación accederemos dentro de la carpeta y ahí haremos clic en el botón "<b>Crear</b>" y elegiremos la opción "<b>Formulario</b>".<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXCJs4Wo2gDTeHaxUz80ySFJPU327rZCtV4sQHj6nHI1JFTKdRNig-wjVTMx_E4CuHwiVKaLPfxsptIjbP5OKwVqQw70OltWRl3d-ykEEUNdF8kc38WqHFoM28arWx5_k6oQ-pNOEutMA/s1600/crear+formulario.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="323" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXCJs4Wo2gDTeHaxUz80ySFJPU327rZCtV4sQHj6nHI1JFTKdRNig-wjVTMx_E4CuHwiVKaLPfxsptIjbP5OKwVqQw70OltWRl3d-ykEEUNdF8kc38WqHFoM28arWx5_k6oQ-pNOEutMA/s640/crear+formulario.png" width="640" /></a></div>
Ahora le asignaremos un título al formulario, por ejemplo "<b>Formulario de contacto</b>" y si lo deseamos, también una breve descripción.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlQjNuFcaFr1AnrZod1eZbB5vTOtVeBv3QVZc-o6dgsjm5gJj9RtMBC4o7jxBnC79ppqZqFMKjs6urijSuu_9Ez0jo2zFF0ezqoT5tqJ3kSK6dFvtvltQfyHTtDiYZp_OzL2KiJWktDoY/s1600/datos+formulario.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="478" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlQjNuFcaFr1AnrZod1eZbB5vTOtVeBv3QVZc-o6dgsjm5gJj9RtMBC4o7jxBnC79ppqZqFMKjs6urijSuu_9Ez0jo2zFF0ezqoT5tqJ3kSK6dFvtvltQfyHTtDiYZp_OzL2KiJWktDoY/s640/datos+formulario.png" width="640" /></a></div>
A continuación, iremos añadiendo los campos que deseemos y el tipo (Texto, texto de párrafo, tipo test...) así como si deseamos que esa pregunta sea obligatoria o no (aunque los datos del formulario se envían de todos modos).<br />
Una vez tenemos el formulario creado, iremos a "<b>Seleccionar destino de las respuestas</b>" y veremos que el programa nos marca ya un destino a una hoja de cálculo que se creará en la misma carpeta junto al formulario. Tenemos la opción de asignarle un destino diferente.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNSl28mOnzxLqTwlsZhmdD1gp6vqMjryRVvnpZvwot2DbGVGCoSWDCjoXM_C9M8rzmIOfEGEPU64VxFiR1wItrkW1RjY-SchwPf4DdAQQBvvcrLUqpsUFWUeiEmpmy4IJIjEydAe0RxIC0/s1600/respuestas+formulario.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNSl28mOnzxLqTwlsZhmdD1gp6vqMjryRVvnpZvwot2DbGVGCoSWDCjoXM_C9M8rzmIOfEGEPU64VxFiR1wItrkW1RjY-SchwPf4DdAQQBvvcrLUqpsUFWUeiEmpmy4IJIjEydAe0RxIC0/s640/respuestas+formulario.png" width="640" /></a></div>
<br />
Después iremos al menú "<b>Archivo</b>" y haremos clic en "<b>Enviar formulario</b>". A continuación, haremos clic en "<b>Incrustar</b>".<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwcJyISDHSkxYgB8BexbcaFW99tnvJoSAHIeIgGmM-TwoiZbY63OJ0xwzMyJGoeCvkla8e0IpbQMjidklNGcyTMu09U1bSDg477dCS8VUaeDJUEIK7n6MNbm4g6gkfU67-E4vW2EI1aAAw/s1600/incrustar+formulario.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwcJyISDHSkxYgB8BexbcaFW99tnvJoSAHIeIgGmM-TwoiZbY63OJ0xwzMyJGoeCvkla8e0IpbQMjidklNGcyTMu09U1bSDg477dCS8VUaeDJUEIK7n6MNbm4g6gkfU67-E4vW2EI1aAAw/s640/incrustar+formulario.png" width="640" /></a></div>
Ahora elegiremos el ancho y el alto que queremos para nuestro formulario y copiaremos el texto HTML señalado.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheQndgAwbHQQwiNmIEzOQsQ-0XuBMR_fpPz45-Vr4JG_D-vuG7MF0vigsK8Rg3FA4Cg2lFC5NYPVAEFNgF-XzT6BaWvwgVXmzinXmvEFAEUSqmUwrsd5Z6OKpzZx3GdgPY9Sk3IDQw4Roo/s1600/html+insertar+formulario.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheQndgAwbHQQwiNmIEzOQsQ-0XuBMR_fpPz45-Vr4JG_D-vuG7MF0vigsK8Rg3FA4Cg2lFC5NYPVAEFNgF-XzT6BaWvwgVXmzinXmvEFAEUSqmUwrsd5Z6OKpzZx3GdgPY9Sk3IDQw4Roo/s640/html+insertar+formulario.png" width="640" /></a></div>
Seguidamente iremos al panel de control de nuestra bitácora, crearemos una página nueva y al editarla, elegiremos modo HTML y pegaremos el texto que hemos copiado en el paso anterior y la publicaremos.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOEX7WgSj3hYGKtJVvemnoyEMQZkChZjQcJ98hSCiqd2zlH0YxneMv7xnJcDn9FiKH2sxKxmi7fGTzo2G64eVr7ntAxmESDwBGmpc1bQnYw44cX4qsCqGnAlV-WmV2wZKTRe_YDm08QS_u/s1600/publica+p%C3%A1gina+contacto.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOEX7WgSj3hYGKtJVvemnoyEMQZkChZjQcJ98hSCiqd2zlH0YxneMv7xnJcDn9FiKH2sxKxmi7fGTzo2G64eVr7ntAxmESDwBGmpc1bQnYw44cX4qsCqGnAlV-WmV2wZKTRe_YDm08QS_u/s640/publica+p%C3%A1gina+contacto.png" width="640" /></a></div>
<br />
Para acceder a él, bastará poner un enlace a esta página o habilitar las pestañas como se ha descrito al final de esta otra <a href="http://bitacoratuning.blogspot.com.es/2013/10/muestra-las-entradas-segun-su-etiqueta.html" target="_blank"><b>entrada</b></a>.<br />
Para consultar los datos que nuestros lectores introduzcan en el formulario, visitaremos nuestro <a href="https://drive.google.com/" target="_blank"><b>Google Drive</b></a> e iremos al documento de respuestas del formulario creado.<br />
<br />
En otra entrada ya veremos cómo hacer que los datos de este formulario nos lleguen directamente al correo electrónico.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-77827806903431060272013-11-02T06:30:00.000+01:002015-08-11T07:29:13.465+02:00Cómo hacer que suene música al abrir tu bitácora<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: large;">Si queremos que tan pronto se abra nuestra bitácora suene música de fondo, hemos de localizar la canción que deseemos en <a href="http://www.youtube.com/?gl=ES&hl=es" target="_blank"><b><span style="color: orange;">Youtube</span></b></a> o subirla nosotros (ha de estar en formato de vídeo; podemos convertir una canción a vídeo con el <a href="http://www.microsoft.com/spain/windowslive/moviemaker.aspx" target="_blank"><b><span style="color: orange;">Windows Live Movie Maker</span></b></a>). Hemos de tener en cuenta que si la elegimos de una fuente ajena, si el propietario la elimina dejaremos de oírla en nuestra bitácora, y que determinado contenido ajeno que podamos publicar, también puede tener derechos de autor.</span><br />
<span style="font-size: large;">Localizamos el vídeo, que tendrá una dirección más o menos como esta:</span><br />
<div style="text-align: center;">
<span style="font-size: large;">http://www.youtube.com/watch?v=<b><span style="color: orange;">oqZwsPkYq_E</span></b></span></div>
<span style="font-size: large;">A continuación iremos al panel de control de nuestra bitácora, y en el apartado "<b>Formato</b>", añadiremos un nuevo gadget allá dónde lo queramos poner:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9yyCebYdy0FpJKFz-U4s4J1L-5iLlxe56-AoWjP91YIrf2Ts1jGR-oPxX1QUnf4IG3_gWU0_yDAoi5dsFi_CUamvs8VSOOiud-GzQR7zar639egl1bq2Pwa563E3mrG0svunETJIZayh9/s1600/gadget+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9yyCebYdy0FpJKFz-U4s4J1L-5iLlxe56-AoWjP91YIrf2Ts1jGR-oPxX1QUnf4IG3_gWU0_yDAoi5dsFi_CUamvs8VSOOiud-GzQR7zar639egl1bq2Pwa563E3mrG0svunETJIZayh9/s640/gadget+html.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-size: large;">Si queremos que la música suene de incógnito, es decir sin que nadie pueda ver el origen de esta, pararla o bajarle el volumen, copiaremos este código en el gadget en modo HTML, cambiando únicamente la parte del texto en naranja que aparece en la dirección del vídeo subido y en los dos sitios que están igualmente marcados en naranja:</span><span style="font-size: large;"><br /></span>
<br />
<table border="7" bordercolor="#ffffff" cellpadding="4" cellspacing="0" style="width: 100%px;">
<colgroup><col width="600*"></col>
</colgroup><tbody>
<tr>
<td valign="TOP" width="100%"><span style="font-size: large;"><object height="0" width="0"><param name="movie" value="http://www.youtube.com/v/<span style="color: orange;"><b>lPVBrRd9wCo</b></span>?autoplay=1&amp;hl=es_ES" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/<span style="color: orange;"><b>lPVBrRd9wCo</b></span>?autoplay=1&amp;hl=es_ES" type="application/x-shockwave-flash" width="0" height="0" allowscriptaccess="always" allowfullscreen="true"></embed></object></span></td>
</tr>
</tbody></table>
<span style="font-size: large;"></span>
<span style="font-size: large;">Si en cambio queremos que se pueda visualizar el vídeo, detenerlo o cambiarle el volumen, cambiaremos los valores entrecomillados de "height" (alto) y "width" (ancho) en los dos sitios que están marcados en verde por el ancho y alto que deseemos:</span><br />
<table border="7" bordercolor="#ffffff" cellpadding="4" cellspacing="0"><colgroup><col width="600*"></col></colgroup><tbody>
<tr><td valign="TOP" width="100%"><span style="font-size: large;"><object height="<b><span style="color: lime;">0</span></b>" width="<b><span style="color: lime;">0</span></b>"><param name="movie" value="http://www.youtube.com/v/<b><span style="color: orange;">lPVBrRd9wCo</span></b>?<span style="color: cyan;"><b>autoplay=1</b></span>&amp;hl=es_ES" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/<b><span style="color: orange;">lPVBrRd9wCo</span></b>?<span style="color: cyan;"><b>autoplay=1</b></span>&amp;hl=es_ES" type="application/x-shockwave-flash" width="<b><span style="color: lime;">0</span></b>" height="<b><span style="color: lime;">0</span></b>" allowscriptaccess="always" allowfullscreen="true"></embed></object></span></td></tr>
</tbody></table>
<span style="font-size: large;">Este código lo podemos obtener directamente desde </span><span style="font-size: large;"><span style="font-size: large;"><a href="http://www.youtube.com/?gl=ES&hl=es" target="_blank"><b><span style="color: orange;">Youtube</span></b></a></span> haciendo clic en "<b>Compartir</b>", seguidamente en "<b>Insertar</b>" y marcando la casilla "<b>Utilizar código de inserción antiguo</b>".</span><br />
<span style="font-size: large;">Igualmente hemos de cambiar los valores </span><span style="font-size: large;">"height" (alto) y "width" (ancho) según deseemos y en los dos sitios en los que aparecen y el valor "<span style="color: orange;"><b>version=3</b></span>" por "<span style="color: orange;"><b>autoplay=1</b></span>" para la reproducción automática.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHRXJPYukuuW8XUkKBOyakN5gSeHbCGFQmvGuV6woh3oo_vAuWLE5HjfI9Rr8BRnWutzEtcXykEk4QQZIMR7EuWy2BQMoiU8MMWX3zSMszUkFpPvGVIzTg8oSIyEWT2Och3QiMLpwG5eku/s1600/codigo+video+youtube.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHRXJPYukuuW8XUkKBOyakN5gSeHbCGFQmvGuV6woh3oo_vAuWLE5HjfI9Rr8BRnWutzEtcXykEk4QQZIMR7EuWy2BQMoiU8MMWX3zSMszUkFpPvGVIzTg8oSIyEWT2Och3QiMLpwG5eku/s640/codigo+video+youtube.png" width="640" /></a></div>
<span style="font-size: large;"><br /></span></div>
Daniel Balaguerhttp://www.blogger.com/profile/01683889326440079840noreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-67092025339605307382013-10-28T09:00:00.000+01:002013-10-29T13:54:40.559+01:00Muestra las entradas según su etiqueta<div dir="ltr" style="text-align: left;" trbidi="on">
Las etiquetas son un práctico sistema para organizar las entradas de nuestra bitácora.<br />
<div>
Ayudan a los lectores a localizar con un solo clic todas aquellas publicaciones que contengan esa misma etiqueta.</div>
<div>
Una entrada a su vez, puede tener más de una etiqueta. Para añadirlas a nuestra entrada, mientras la editamos, bastará ir al panel lateral derecho y hacer clic en "Etiquetas" y una vez escritas, hacer clic en "Hecho".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQ1H55DEUEw5B57hS7qXkjMUBMaXzUzFI0I4mquDPYcOU95OHVPnEHetZK7XpFnAPYKEcw-9w5ph2XqLWtrzZ9AHJ4IlULwRTwNNChlCZlhYCkovMZUrFA-D9J6uOuJpTozNSjHIcFSua/s1600/etiquetas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDQ1H55DEUEw5B57hS7qXkjMUBMaXzUzFI0I4mquDPYcOU95OHVPnEHetZK7XpFnAPYKEcw-9w5ph2XqLWtrzZ9AHJ4IlULwRTwNNChlCZlhYCkovMZUrFA-D9J6uOuJpTozNSjHIcFSua/s640/etiquetas.png" width="640" /></a></div>
<div>
Pero lo interesante ahora es mostrar unas pestañas que podemos situar bajo la cabecera de nuestra bitácora o en uno de los laterales.</div>
<div>
<ol style="text-align: left;">
<li>En primer lugar hemos de ir a "<b>Paginas</b>" situado en nuestro panel de control de la bitácora.</li>
<li>Después haremos clic en "<b>Página nueva</b>".</li>
<li>A continuación haremos clic sobre "<b>Página en blanco</b>"</li>
</ol>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CSLPzY9KFZvdDNYlA9sDbUbu7RrKisbaR5HC3qxt9zrp1Sd4Z70yO9I24GhOKqg2jC9l968H17Q-iIL4X1qcCBpEyNyIhf3LdVyUfe_qdA7WQ_4q0DFY4Li5miXOu70w0zO1i5T3J3Mo/s1600/paginas+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1CSLPzY9KFZvdDNYlA9sDbUbu7RrKisbaR5HC3qxt9zrp1Sd4Z70yO9I24GhOKqg2jC9l968H17Q-iIL4X1qcCBpEyNyIhf3LdVyUfe_qdA7WQ_4q0DFY4Li5miXOu70w0zO1i5T3J3Mo/s640/paginas+blog.png" width="640" /></a></div>
<div>
<br /></div>
<div>
Y ahora, en esta nueva página, le pondremos el título que queramos (puede ser la etiqueta que deseamos mostrar o una palabra relacionada) y después haremos clic sobre el botón "<b>HTML</b>" situado a la izquierda bajo el título de nuestra bitácora.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9yGXcoQgA-kHhpv7i1iMVwCXcyDGGOXXS9fhTdKO7rEhzYzkmZo5b1MWX7bnffpyMuSdRHMty7bMTO4nkxphpH1LEIbvo9geoWD3EuQDGGYgfczgUg9KRmszG9iNiWW8vB6Uk-2fXFARr/s1600/pagina+html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9yGXcoQgA-kHhpv7i1iMVwCXcyDGGOXXS9fhTdKO7rEhzYzkmZo5b1MWX7bnffpyMuSdRHMty7bMTO4nkxphpH1LEIbvo9geoWD3EuQDGGYgfczgUg9KRmszG9iNiWW8vB6Uk-2fXFARr/s640/pagina+html.png" width="640" /></a></div>
<div>
Borraremos todo ese contenido que aparece para evitar posibles errores y copiaremos y pegaremos el siguiente texto:</div>
<div>
<table border="7" bordercolor="#ffffff" cellpadding="4" cellspacing="0" style="width: 100%px;">
<colgroup><col width="600*"></col>
</colgroup><tbody>
<tr>
<td valign="TOP" width="100%"><div dir="ltr" style="text-align: left;"
trbidi="on"><br />
<pre><code><script language="javascript"><br />
location.href='<span style="color: red;"><b>http://MIBLOG.blogspot.com.es</b></span>/search/label/<span style="color: red;"><b>ETIQUETA</b></span>';</script></code></pre><br />
</div></td>
</tr>
</tbody></table>
</div>
<div>
Simplemente hemos de cambiar la dirección de vuestra bitácora por la de vuestro blog y "ETIQUETA" por la etiqueta que hayamos definido en cada una de nuestras entradas que queramos mostrar bajo esta misma.<br />
Publicaremos la página y repetiremos todo el procedimiento para otras páginas con otras etiquetas.<br />
Ahora nos queda mostrar esas pestañas con etiquetas, para ello, iremos a "<b>PÁGINAS</b>" en nuestro panel de control y elegiremos dónde queremos esas pestañas:<br />
<ul style="text-align: left;">
<li><b>Pestañas superiores</b>, si las queremos bajo la cabecera de nuestra bitácora</li>
<li><b>Enlaces laterales</b>, si las queremos en uno de los laterales de nuestra bitácora</li>
<li><b>No mostrar</b>, es la opción por defecto que hemos de cambiar por cualquier otra de las anteriores</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl6V9m3Ua_T0V51sHbEI0lnlYGvX2hvhKyc-qlpIeldxoKC0_4D9eXrqj2AOuLWRJgPDxPwFLodxREk2ILauagpiWz79nM4jnj1Pj7gaZ8DqkFbs9cLc_c7yw2_xpf_rNG9G3nKEljk4yE/s1600/mostrar+pesta%C3%B1as.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="347" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl6V9m3Ua_T0V51sHbEI0lnlYGvX2hvhKyc-qlpIeldxoKC0_4D9eXrqj2AOuLWRJgPDxPwFLodxREk2ILauagpiWz79nM4jnj1Pj7gaZ8DqkFbs9cLc_c7yw2_xpf_rNG9G3nKEljk4yE/s640/mostrar+pesta%C3%B1as.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Cuando cualquier lector haga clic en esa pestaña de la etiqueta, aparecerán todas las entradas de nuestra bitácora que contengan esa misma etiqueta.</div>
</div>
Daniel Balaguerhttp://www.blogger.com/profile/01683889326440079840noreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-69262062530191426322013-10-22T17:24:00.002+02:002013-11-03T09:57:10.480+01:00Publica automáticamente las entradas de tu blog en Facebook, Linkedin y Twitter<div dir="ltr" style="text-align: left;" trbidi="on">
Si queremos que cada vez que publicamos una entrada en nuestra bitácora, esta aparezca de forma automática en las redes sociales <a href="http://es-es.facebook.com/" target="_blank">Facebook</a>, <a href="https://twitter.com/" target="_blank">Twitter</a> y <a href="https://www.linkedin.com/" target="_blank">Linkedin</a> hemos re registrarnos en <a href="http://twitterfeed.com/" target="_blank">TwitterFeed</a>.<br />
Esta herramienta permite simplificar la difusión simultánea en estas tres redes sociales.<br />
<br />
<ol style="text-align: left;">
<li>Para ello, lo primero que hemos de averiguar la dirección del <a href="http://es.wikipedia.org/wiki/Fuente_web" target="_blank">feed</a> de nuestra bitácora, que aparece a los pies de la misma, bajo el lema "<b>Suscribirse a: Entradas Atom</b>".</li>
<li>Haremos clic con el botón derecho del ratón sobre "Entradas Atom" y seleccionaremos la opción de "<b>Copiar dirección del enlace</b>", que será algo así como esto:</li>
</ol>
<div style="text-align: center;">
<a href="http://bitacoratuning.blogspot.com/feeds/posts/default">http://<b><span style="color: orange;">bitacoratuning</span></b>.blogspot.com/feeds/posts/default</a></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjSagLuPp4ZwJM5f2HKs5xneYtnahvRNrU7InGPFHrbJmVLKjplCGHzoiE1i6v_Km7LlnbkBK5f9t5GjKhGWEVqC2O5fSHANorFHUZb_Z4ADMWEZeBoWVh2WVjQXyj2Y3IA1-QERB27ir/s1600/feed+del+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjSagLuPp4ZwJM5f2HKs5xneYtnahvRNrU7InGPFHrbJmVLKjplCGHzoiE1i6v_Km7LlnbkBK5f9t5GjKhGWEVqC2O5fSHANorFHUZb_Z4ADMWEZeBoWVh2WVjQXyj2Y3IA1-QERB27ir/s640/feed+del+blog.png" width="640" /></a></div>
<div>
Desde el panel de control de <a href="http://twitterfeed.com/" target="_blank">TwitterFeed</a>, llamado Feed Dashboard, haremos clic en "Create New Feed".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0v9FPEyfH3NgZzR22UpzKCp21uicBbtiVKxsje8sfzYYhuyRTl4o91Y7hV1_YPLgO0M82wKymjTloXq9m183BaizYvsYX3chLYX8IdNk-TGwSyJ85X-aQRiZui2T1rjWu-qDPft_jaHWM/s1600/create+feed+twitterfeed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0v9FPEyfH3NgZzR22UpzKCp21uicBbtiVKxsje8sfzYYhuyRTl4o91Y7hV1_YPLgO0M82wKymjTloXq9m183BaizYvsYX3chLYX8IdNk-TGwSyJ85X-aQRiZui2T1rjWu-qDPft_jaHWM/s640/create+feed+twitterfeed.png" width="640" /></a></div>
<div>
Accederemos a la ventana en la que hemos de escribir el nombre que queremos darle a nuestro <a href="http://es.wikipedia.org/wiki/Fuente_web" target="_blank">feed</a>, simplemente por cuestiones de identificación y debajo, la dirección del <a href="http://es.wikipedia.org/wiki/Fuente_web" target="_blank">feed</a> de nuestra bitácora, la que hemos obtenido al principio de esta entrada.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVlQ_ByEaycM4DaPDkdlWF9In_50L4ajnMqboMy4TV-HFZXtNbrI2uTpjv9Pjrk-cHoPgJCZMeCGn815FfcW1suomXIVLx2v6tbScpfAfmlkF4ZCtMSOoFfP-73U5luRiS5ybHO6TPip2i/s1600/create+feed+twitterfeed2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="372" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVlQ_ByEaycM4DaPDkdlWF9In_50L4ajnMqboMy4TV-HFZXtNbrI2uTpjv9Pjrk-cHoPgJCZMeCGn815FfcW1suomXIVLx2v6tbScpfAfmlkF4ZCtMSOoFfP-73U5luRiS5ybHO6TPip2i/s640/create+feed+twitterfeed2.png" width="640" /></a></div>
<div>
<ul style="text-align: left;">
<li>Para pegar la dirección del <a href="http://es.wikipedia.org/wiki/Fuente_web" target="_blank">feed</a> de nuestra bitácora, bastará con hacer clic con el botón derecho del ratón dentro de la casilla "<b>Blog URL or RSS Feed URL</b>" y seleccionár la opción "<b>Pegar</b>".</li>
<li>Podemos comprobarlo haciendo clic en el Botón "<b>test rss feed</b>".</li>
<li>A continuación haremos clic en el botón "<b>Continue to Step 2</b>" y nos mostrará la lista de servicios disponibles (<a href="http://es-es.facebook.com/" target="_blank">Facebook</a>, <a href="https://twitter.com/" target="_blank">Twitter</a>, <a href="https://www.linkedin.com/" target="_blank">Linkedin</a> y <a href="https://join.app.net/" target="_blank">App.net</a>)</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-UCIh7OeCxxeAahq4SbpihN1j0dYFFnBWFUIf-8T5VM0L3fvn8IWGt5f0vhvmr-6tZW1pMMHGr_iqmkTwmieuswt9LUfsFjYZQvUaUCW0KUKHTXIQljl7wkPWHmcOxzWWiO9VNdXlJl7a/s1600/servicios+twitterfeed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-UCIh7OeCxxeAahq4SbpihN1j0dYFFnBWFUIf-8T5VM0L3fvn8IWGt5f0vhvmr-6tZW1pMMHGr_iqmkTwmieuswt9LUfsFjYZQvUaUCW0KUKHTXIQljl7wkPWHmcOxzWWiO9VNdXlJl7a/s640/servicios+twitterfeed.png" width="640" /></a></div>
<div>
Ahora elegiremos el servicio que deseemos y utilizaremos los datos de autentificación que usamos en él (previamente hemos de tener cuenta en <a href="http://es-es.facebook.com/" target="_blank">Facebook</a>, <a href="https://twitter.com/" target="_blank">Twitter</a> y <a href="https://www.linkedin.com/" target="_blank">Linkedin</a>, etc), autorizaremos a la aplicación y haremos clic en el botón "<b>Create Service</b>"</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/AVvXsEiETwEjTxt6xpXcu8jrkhkEKxIF33j3ptcx8FVarGQrflF6XkVJbvfgdfcYumOIbRrHZHqD8MdP7eEnG2n4pXVsJ6o1K_ug76V3FYgINLW941V9WzsO4evHewDvfvTkLIVJkklpHBH7imbh/s1600/servicios+twitterfeed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="374" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiETwEjTxt6xpXcu8jrkhkEKxIF33j3ptcx8FVarGQrflF6XkVJbvfgdfcYumOIbRrHZHqD8MdP7eEnG2n4pXVsJ6o1K_ug76V3FYgINLW941V9WzsO4evHewDvfvTkLIVJkklpHBH7imbh/s640/servicios+twitterfeed.png" width="640" /></a></div>
<div>
Ahora regresaremos a la ventana principal de nuestro <a href="http://es.wikipedia.org/wiki/Fuente_web" target="_blank">feed</a>, desde la que podremos añadir más servicios.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitYYdY7UVfXUgHshk8GidKogvkZ5sY0VAkIKfE8BjA4hXjOXQyOpCHi49HUvdL3Tm7Z1OFpQDIyhwPWcjGN3qVIgwVi402hFsjAle-gnKc85Y_owiFKJv87aAB6__L0-mAYmX8b9N6wRS7/s1600/servicios+twitterfeed2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitYYdY7UVfXUgHshk8GidKogvkZ5sY0VAkIKfE8BjA4hXjOXQyOpCHi49HUvdL3Tm7Z1OFpQDIyhwPWcjGN3qVIgwVi402hFsjAle-gnKc85Y_owiFKJv87aAB6__L0-mAYmX8b9N6wRS7/s640/servicios+twitterfeed2.png" width="640" /></a></div>
<div>
Repetiremos el procedimiento para los demás servicios, y cuando lo tengamos, bastará con hacer clic en el botón "<b>All Done</b>".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYjeXGc_sOVcqwnwLNMjLxNuLohBncNocqVtlontcJvgkRqBJbOpx4c7eLoXpwkWzQAYh6U0Eu0YW8klsrY5sZXUB15CPD6tXqjM3ZxDdeCx1x7jxS_0PsXt50WRW-wJnPyRILPFO1Z0Q/s1600/feed+configurado.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYjeXGc_sOVcqwnwLNMjLxNuLohBncNocqVtlontcJvgkRqBJbOpx4c7eLoXpwkWzQAYh6U0Eu0YW8klsrY5sZXUB15CPD6tXqjM3ZxDdeCx1x7jxS_0PsXt50WRW-wJnPyRILPFO1Z0Q/s640/feed+configurado.png" width="640" /></a></div>
<div>
Como nota, cabe decir que en el caso de <a href="http://es-es.facebook.com/" target="_blank">Facebook</a>, tenemos la posibilidad de elegir si queremos publicarlo en nuestro muro o en una página que administremos:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqaVm2jwK_nOnszCGKJNUC1KP3tAcuJW30P4qZ7cLkGRk0-Omsqh0zJuFJSe0MK1sF6HVCYHk9fzeGaV76fXHf5BmO-HKC-qip2ITyn_WTKvL4MWeR5pSiGcLbEHhTqMOEs_RkXOZxVCUm/s1600/muro+o+pagina+facebook.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqaVm2jwK_nOnszCGKJNUC1KP3tAcuJW30P4qZ7cLkGRk0-Omsqh0zJuFJSe0MK1sF6HVCYHk9fzeGaV76fXHf5BmO-HKC-qip2ITyn_WTKvL4MWeR5pSiGcLbEHhTqMOEs_RkXOZxVCUm/s640/muro+o+pagina+facebook.png" width="640" /></a></div>
También en el caso de <a href="http://es-es.facebook.com/" target="_blank">Facebook</a>, observaremos que pone una fecha de caducidad del servicio. Antes de que llegue esa fecha, haciendo clic sobre ese mismo servicio creado, hemos de volver a autentificarnos en nuestra cuenta de <a href="http://es-es.facebook.com/" target="_blank">Facebook</a> y hacer clic en "<b>Update service</b>". </div>
<div>
A partir de ahora, cuando publiquemos una entrada en nuestra bitácora, esta se publicará automáticamente en estas redes sociales con una frecuencia de actualización de una media hora, es decir, que no se publicará inmediatamente en ellas.</div>
</div>
Daniel Balaguerhttp://www.blogger.com/profile/01683889326440079840noreply@blogger.com0tag:blogger.com,1999:blog-2081834862110713632.post-91313695072122280992013-10-21T07:46:00.001+02:002013-11-12T11:06:33.411+01:00Configura tu dominio de 1&1.es en blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<b><u><span style="font-size: large;">Dentro de Blogger:</span></u></b><br />
<br />
<ol style="text-align: left;">
<li>Accedemos a la <b>Configuración</b> de nuestro blog, en el apartado "<b>Lo básico</b>".</li>
<li>Iremos a "<b>Añadir un dominio personalizado</b>".</li>
</ol>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_YyhXDU4zvJd5PJ9QdyCz0Oll4BK5ITMOjC_BeEYiM37gyE6kvJV6XuEcNXC0wQbvipunGw2-KJaS59_gZB6KK3hvnqpPmcBav90mUzFDds3IyPJsWHiJ5lYwHY2OwC9bleiOx-2sdjRZ/s1600/cambiar+direcccion+blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_YyhXDU4zvJd5PJ9QdyCz0Oll4BK5ITMOjC_BeEYiM37gyE6kvJV6XuEcNXC0wQbvipunGw2-KJaS59_gZB6KK3hvnqpPmcBav90mUzFDds3IyPJsWHiJ5lYwHY2OwC9bleiOx-2sdjRZ/s640/cambiar+direcccion+blog.png" width="640" /></a></div>
<br />
<ol style="text-align: left;">
<li>Ahora escribiremos la dirección del dominio que hemos registrado, sin olvidar las "<b>www</b>".</li>
<li>Haremos clic en "<b>Guardar</b>".</li>
</ol>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9el3Ml0PncLqNA5IPV6Vh9h-8kWKOvXRCc-EL_a0I1GyIR0lznL7JoAzpC4Q2p8XxfgfazNBBqiUr_1xhSDBt19Yn_7rke9g99OW2mTvSgyOshAqx2comD2sWjyOmzr5EglFdFj6ICkgl/s1600/escribir+direccion+dominio.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9el3Ml0PncLqNA5IPV6Vh9h-8kWKOvXRCc-EL_a0I1GyIR0lznL7JoAzpC4Q2p8XxfgfazNBBqiUr_1xhSDBt19Yn_7rke9g99OW2mTvSgyOshAqx2comD2sWjyOmzr5EglFdFj6ICkgl/s640/escribir+direccion+dominio.png" width="640" /></a></div>
Nos aparecerá un mensaje de error que nos proporcionará los datos que necesitamos para configurar nuestro dominio en el panel de control de <a href="https://www.1and1.es/login" target="_blank"><b>1&1.es</b></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPBX7kU7PJh4RX6awv9gk83u_GwHVkDiMBNVgzihn96kdK0x6nyenwLp_hOONqLVuBih3eZ0ICNUHOxYF83yNuQ1GIEmSKUTvykxUJO1jBs73j6Zf5D1NlmMYN1RUl0auT1P0g-aN_My0-/s1600/escribir+direccion+dominio2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPBX7kU7PJh4RX6awv9gk83u_GwHVkDiMBNVgzihn96kdK0x6nyenwLp_hOONqLVuBih3eZ0ICNUHOxYF83yNuQ1GIEmSKUTvykxUJO1jBs73j6Zf5D1NlmMYN1RUl0auT1P0g-aN_My0-/s640/escribir+direccion+dominio2.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<b><u><span style="font-size: large;">En el panel de control de 1&1.es:</span></u></b><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<ol style="text-align: left;">
<li>Haz clic en la casilla de seleccción de tu dominio.</li>
<li>Selecciona DNS, y luego Modificar la configuración DNS.</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdwOdCsjxWxnJJ_oMU_mFCDdjQfaaeN8EwJpio1QDuWLNlvd2qEbZSUFJS16IZLyLzNALOaKDmBHDvfs3BlKv9OePV19szvtPEwBIYY3ImMOovWfKVdVI2pWOl1SuwFCmPQIHWWGjqhy7V/s1600/mi+dominio.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdwOdCsjxWxnJJ_oMU_mFCDdjQfaaeN8EwJpio1QDuWLNlvd2qEbZSUFJS16IZLyLzNALOaKDmBHDvfs3BlKv9OePV19szvtPEwBIYY3ImMOovWfKVdVI2pWOl1SuwFCmPQIHWWGjqhy7V/s640/mi+dominio.png" width="640" /></a></div>
<br />
<ol style="text-align: left;">
<li>Escribe la dirección IP <b>216.239.32.21</b> y haz clic en "<b>Enviar</b>".</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaU-buDXrFl7jkGs8jrPPlNY0RFSMe3XqrEmFcQakoKfwuZj9ejt4tKq5RCi9leEGXa7eF1UsKZPBpKLIBdNlg31qBPb6xKW7zY1o2NzxmCgSxrKy1Y2mTaq872Nmmdo4pvWdmm7sH33Yy/s1600/direccion+ip.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="544" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaU-buDXrFl7jkGs8jrPPlNY0RFSMe3XqrEmFcQakoKfwuZj9ejt4tKq5RCi9leEGXa7eF1UsKZPBpKLIBdNlg31qBPb6xKW7zY1o2NzxmCgSxrKy1Y2mTaq872Nmmdo4pvWdmm7sH33Yy/s640/direccion+ip.png" width="640" /></a></div>
<ol style="text-align: left;">
<li>De vuelta al panel de control, crea un subdominio:</li>
</ol>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEist3q0mn8xa9BLAE5zIxizr-WxgoqjibKF2Ku4YrICU-jLvjFGkEq5sm4S5KM7f6pK9SRyo3oifGG03u3qz5hM19XOLx39Q5z9rvfk-vIxFks5LokqmHKXgALvhxwIgJGXH4SIzKPXgSUM/s1600/nuevo+subdominio.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEist3q0mn8xa9BLAE5zIxizr-WxgoqjibKF2Ku4YrICU-jLvjFGkEq5sm4S5KM7f6pK9SRyo3oifGG03u3qz5hM19XOLx39Q5z9rvfk-vIxFks5LokqmHKXgALvhxwIgJGXH4SIzKPXgSUM/s640/nuevo+subdominio.png" width="640" /></a><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<ol style="text-align: left;">
<li>Escribe ahora "<b>www</b>", sin olvidarte de seleccionar tu dominio en el desplegable de la derecha y haz clic en "<b>Enviar</b>".</li>
</ol>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidk-NLAe4ROQzNhrPqRwdSldaO1oSCU5Wd3J1_crR2dhEiW5ajXxv5LTGLrbKJnV6KKepHw1xzOjQY2-DgNY1_1aTXOW9AmxD9M309upcjjnPbXv9X7UDy55a-aaBIMvnhw9zloiV2YGFP/s1600/www.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidk-NLAe4ROQzNhrPqRwdSldaO1oSCU5Wd3J1_crR2dhEiW5ajXxv5LTGLrbKJnV6KKepHw1xzOjQY2-DgNY1_1aTXOW9AmxD9M309upcjjnPbXv9X7UDy55a-aaBIMvnhw9zloiV2YGFP/s640/www.png" width="640" /></a><br />
De vuelta al panel de control, marca la casilla de selección de ese dominio creado (www.midominio.es), selecciona <b>DNS</b> y "<b>Modificar la configuración DNS</b>":<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieDcPEC6tOjV97sntsO-0zGsxzcTr5mHynQFbq_C2pQjpi6dMEosWcPe2gI6xaaNbJ7HiPnig3cAnbYGCBmF21aIfkf4-LCClPxNgnQ_IrquxdSphbj3ihgCzi_J_s8DGDGROF8gsgDUNG/s1600/dns+www.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieDcPEC6tOjV97sntsO-0zGsxzcTr5mHynQFbq_C2pQjpi6dMEosWcPe2gI6xaaNbJ7HiPnig3cAnbYGCBmF21aIfkf4-LCClPxNgnQ_IrquxdSphbj3ihgCzi_J_s8DGDGROF8gsgDUNG/s640/dns+www.png" width="640" /></a></div>
<br />
<ol style="text-align: left;">
<li>En datos del dominio, configuración general, selecciona <b>CNAME</b>.</li>
<li>En configuración de CNAME, escribe el alias <b>ghs.google.com</b>, marca la casilla de confirmación y haz clic en enviar.</li>
</ol>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOf1lcKrSFBTSa2taS8Or_NzGroLbwzVPj12MS9yvHGpw5ynkbv9ptEAucws2ka8bYpYorbgXK90YOtZ13xE82enqwi9hjFa2-rDnvwJ3KnC_wwlT6OpYfmfN6NEZK58o-DG3i0F86qtjq/s1600/cname.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOf1lcKrSFBTSa2taS8Or_NzGroLbwzVPj12MS9yvHGpw5ynkbv9ptEAucws2ka8bYpYorbgXK90YOtZ13xE82enqwi9hjFa2-rDnvwJ3KnC_wwlT6OpYfmfN6NEZK58o-DG3i0F86qtjq/s640/cname.png" width="640" /></a></div>
<br />
<ul style="text-align: left;">
<li>De vuelta al panel de control, hacemos clic en "<b>Nuevo</b>" y elegimos "<b>Crear un Subdominio</b>".</li>
</ul>
<br />
Nos fijaremos en los datos que aparecen en el mensaje de error de <b>Blogger</b>, y escribiremos como nombre de este subdominio los números y letras que aparecen en la segunda fila, primera columna (en mi caso b3whb..., que aparece debajo de las www), igualmente acordándonos de seleccionar en el desplegable de la derecha el dominio creado.<br />
Haremos clic en "<b>Enviar</b>".<br />
<br />
<ul style="text-align: left;">
<li>De vuelta al panel de control, marcaremos la casilla de selección de ese nuevo dominio creado y en DNS, seleccionamos "<b>Modificar la configuración DNS</b>".</li>
</ul>
<br />
Seleccionaremos <b>CNAME</b> y ahora escribiremos los datos que aparecen en la segunda fila de la segunda columna que nos aparecía en el error de <b>Blogger</b>, en mi caso <span style="background-color: #fff9e7; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; white-space: nowrap;">gv-..........j6.dv.googlehosted.com</span><br />
Haremos clic en "<b>Enviar</b>" y regresamos al panel de control.<br />
Ahora toca esperar unas tres horas hasta que los ajustes realizados en 1&1 sean accesibles para Blogger.<br />
<b><u><span style="font-size: large;">De vuelta en Blogger:</span></u></b><br />
Sigue los pasos anotados al principio de esta entrada, escribe tu dominio y ya no aparecerá el mensaje de error.<br />
<br /></div>
Daniel Balaguerhttp://www.blogger.com/profile/01683889326440079840noreply@blogger.com0