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.
LEER MÁS...

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
LEER MÁS...

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.
LEER MÁS...

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



  • 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.
LEER MÁS...

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  (AndroidIPadIPhoneKindle), 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.
LEER MÁS...

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:

  1. Le asignaremos un nombre
  2. Elegiremos la zona horaria y país
  3. Marcaremos la opción de hacer público el calendario
  4. 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.
LEER MÁS...

lunes, 27 de enero de 2014

Cómo insertar un mapa de localización en tu blog

Insertar 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.
Para ello, hemos de ir a Google Maps y buscar nuestra ubicación.
Una vez estamos localizados:
  1. Haremos clic en el botón de enlace
  2. Seleccionaremos el código HTML que contiene los datos del mapa y que pegaremos en nuestra bitácora.
  3. 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.
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.
Podemos ver estas entradas para recordar cómo hacerlo:


Si no nos hemos podido localizar en Google Maps, crearemos un mapa personalizado en el que introduciremos una marca con nuestra ubicación. Para ello, haremos clic en "Mis sitios":
A continuación, haremos clic en "Crear mapa". Nos abrirá una nueva ventana para crear el mapa en el que podremos introducir nuestras marcas personalizadas de localización.
Como mínimo, para facilitar la tarea de ubicarnos en el mapa, hemos de acercarnos al menos a una población cercana.
Ahora haremos clic en el botón de marca (1) y la arrastraremos hasta nuestra ubicación (2).
Podemos introducir detalles sobre ese punto que hemos marcado en el mapa, como nombre, página web, etc. Desde "Mapa base" podemos cambiar el tipo de mapa (callejero, vista satélite, relieve...)
Una vez lo hemos creado, haremos clic en el botón "Compartir":
Y ahora lo haremos público para que sea visible para todo el mundo:
A continuación, vamos a buscar el código HTML con los detalles del mapa para insertarlo en nuestra bitácora:
Copiamos el código HTML que nos aparece y lo pegamos en nuestro blog como se ha descrito antes.
Podemos cambiar manualmente los valores "Height" (alto) y "Width" (ancho) para ajustar el alto y el ancho del mapa según deseemos.
LEER MÁS...