Bitácora Tuning

jueves, 28 de julio de 2022

Como configurar el dominio de Ionos en Blogger

Una vez registrado el dominio en IONOS y desde la página Dominios & SSL, haremos clic en la rueda dentada:

Antes de continuar, iremos a Blogger, y en la pestaña de "Configuración", haremos clic en "Dominio personalizado":

Escribiremos el dominio que hemos registrado en IONOS con las "www" delante, por ejemplo www.direcciondeejemplo.com y haremos clic en "Guardar":

Nos aparecerá un mensaje de error con los datos que necesitamos para terminar la configuración (Nombre y destino).

Volvemos al panel de IONOS.

Haremos clic en "Administrar dominios" y en la siguiente ventana, en "Crear subdominio":

Escribiremos "www" en el recuadro que aparece y haremos clic en "Guardar":

Asignaremos el CNAME ghs.google.com al dominio creado.

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:

Editaremos cada uno de los subdominios añadiendo las DNS de tipo A de Google, que es 216.239.32.21

viernes, 13 de mayo de 2016

COMO CREAR UNA PÁGINA DE INICIO O PORTADA PARA BLOGGER

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".

Crearemos en ella el contenido que queramos mostrar y haremos clic en publicar.

Ahora iremos a editar la plantilla de blogger, por lo que se recomienda hacer antes una copia de seguridad de la misma.
Debajo de </head> pegaremos el siguiente código:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <script>
    if(!(document.referrer &amp;&amp; 
          document.referrer.indexOf(&quot;<data:blog.homepageUrl/>&quot;) &gt;= 0) &amp;&amp;
          !(document.URL &amp;&amp; document.URL.indexOf(&quot;post-preview&quot;)&gt;= 0)) {
      window.location=&quot;p/inicio.html&quot;
    }
  </script>
</b:if>

Puedes ver dos ejemplos en estas páginas:

http://dayan-tallerdeempleo.blogspot.com.es

www.adiccionalmovil.com

El contenido de esta entrada ha sido sacado de Los apuntes de adeteran, donde podrás encontrar una descripción más detallada del proceso.

jueves, 3 de marzo de 2016

CÓMO CAMBIAR EL COLOR DE LA BARRA DEL NAVEGADOR AL VISITAR TU BLOG DESDE EL MÓVIL

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.

Esto lo podemos hacer en blogger añadiendo debajo del <head> la siguiente línea:

<meta content='#206ab3' name='theme-color'/>

Donde el color lo definimos con el código hexadecimal correspondiente al color deseado: #206ab3

Fuente: Xataka Android

viernes, 30 de octubre de 2015

Poner una fuente personalizada en tu bitácora

Primero entramos en la página de GOOGLE FONTS y elegiremos una tipografía que nos guste.
Una vez localizada, haremos clic en el botón "Quick-use":

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:

Recuerda guardar una copia de seguridad antes de modificar nuestra plantilla del blog.
A continuación procederemos a introducir el código a pegar modificando la plantilla de nuestro blog:

Ahora pegaremos el código inmediatamente debajo de <head>:

Debemos añadir "/" casi al final de la línea que hemos añadido (5), justo antes de ">":

Guardamos los cambios.
Regresamos a la página de GOOGLE FONTS y debajo del punto "4. Integrate the fonts into your CSS:" encontraremos el código que tenemos que introducir en nuestro CSS.

Para ello, en nuestro panel de control del blog, vamos de nuevo en el menú de la izquierda "Plantilla", después le damos al botón Personalizar > Avanzado > Añadir CSS (7), y en el recuadro de la derecha tendremos que pegar el código correspondiente según deseemos:

Si queremos usar un tipo de letra para todo el blog, añadiremos el código:

body {font-family: 'Oswald', sans-serif;}

Para cambiar y personalizar sólo el título de las entradas:

h3.post-title {font-family: 'Oswald', sans-serif;}

Para cambiar el tipo de letra de la cabecera:

.header h1 {font-family: 'Oswald', sans-serif;}

Para cambiar el tipo de letra del cuerpo de las entradas, hay que usar el siguiente:

.post-body {font-family: 'Oswald', sans-serif;}
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 (6).
Por último le damos a "Aplicar al blog" y listo.

lunes, 17 de febrero de 2014

Cómo configurar la suscripción a las entradas por correo usando Feedburner

Feedburner es un servicio integrado en la cuenta de Google 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 Gmail), y así, reciban directamente en él cuantas publicaciones creemos en nuestro blog, sin necesidad de que tengan que ir a visitarlo.
Activar esta funcionalidad es gratuito y es muy sencillo siguiendo estos pasos:

Copia la dirección del Feed 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 "Entradas Atom" (1) y selecciona "Copiar dirección de enlace" (2). Esta dirección es la misma que nos aparecerá abajo a la izquierda mostrando el destino del hipervínculo que hemos señalado (3).

Entra en FeedBurner con tu cuenta de Gmail y pega la dirección:

Haremos clic en "Next" (siguiente), confirmado también en las siguientes pantallas hasta llegar a la página principal de nuestro Feed que acabamos de crear:

Ahora activaremos la suscripción por correo:

A continuación, necesitaremos obtener el código para nuestro widget HTML. Para ello, desde el apartado anterior (Publicize) y el subapartado "Email Subscriptions" (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:

A continuación, desde el panel de control de nuestro blog, en el apartado de diseño, añadiremos un nuevo gadget HTML/JAVASCRIPT en el que, en el modo de "Edición HTML", pegaremos el código obtenido.

Después, alternando entre el modo de "Edición HTML" (1) o el modo de "Formato RTF" podemos acabar de ajustar el widget según nos interese.

De vuelta a Feedburner, en "Comunication preferences" (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):

Hacemos clic en "Save" (5) (guardar) y listo.

En "Email Branding" podemos configurar el tipo de letra y en "Delivery Options" la zona horaria y el horario en el que se enviarán las comunicaciones de la suscripción.

lunes, 10 de febrero de 2014

Cómo crear una aplicación Android de tu blog

Hay varias páginas que nos permitirán crear una aplicación del contenido de nuestro blog para Android u otros dispositivos como IPad, IPhone, Kindle. Esto es posible por medio de unos sencillos pasos que no requieren conocimientos de programación.
Pero por qué hacerlo: 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.
Algunas de estas páginas son:

Dependiendo del proveedor, generalmente el primer paso será registrarnos la página que elijamos, confirmar el registro e identificarnos para poder acceder.
Después tendremos opción para elegir la plataforma, si es el caso, dependiendo del proveedor elegido (Android, IPad, IPhone, Kindle), el tamaño de la pantalla y la plantilla para el tipo de contenido (vídeo, publicidad, venta, noticias...).
Tendremos que introducir el nombre de la aplicación, descripción y la dirección de nuestro blog, página web o el Feed (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...).
Podremos cargar una imagen para el icono de nuestra aplicación.
Y por último, generaremos la aplicación.
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.
Después podemos publicarla en Google Play o en el APP Store, 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 Google Play).
Como alternativa completamente gratuita, podemos colgarla directamente en nuestro blog para que nuestros seguidores la descarguen e instalen desde allí mismo.

De entre estas opciones de páginas posibles para crear la aplicación, he probado The app maker, que es la que aparece en las imágenes superiores porque está en castellano, pero aunque está en inglés, prefiero AppsGeyser, 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 Google Play o en la propia tienda de AppsGeyser.

lunes, 3 de febrero de 2014

Cómo insertar un calendario público visible en tu blog

Tener 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 Google del móvil, generarán avisos en sus propios dispositivos.
Para ello, iremos a Google Calendar y accederemos a "Configuración":

Ahora seleccionaremos "Calendarios" (1) y haremos clic en "Crear un calendario nuevo" (2)

Ahora configuraremos nuestro calendario. Para ello:

Le asignaremos un nombre
Elegiremos la zona horaria y país
Marcaremos la opción de hacer público el calendario
Y haremos clic en "Crear calendario"

Nos pedirá confirmación sobre hacer público el calendario, que hemos de aceptar.
Ahora hemos de volver a "Configuración" y "Calendarios", como se indica al principio de esta entrada. Haremos clic sobre el calendario público que hemos creado (2).

Y nos quedará obtener el código HTML que insertaremos en una página de nuestro blog.

Obtenido el código y copiado en el portapapeles, iremos a la configuración de nuestro blog, y en el apartado "Páginas", crearemos una "Página en blanco":

Titularemos esta página "Calendario" (1).
Seleccionaremos el editor HTML (2).
Pegaremos el código HTML del calendario que tenemos en el portapapeles(3).

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).
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.