Pago social para bloggers: cómo sentirte une escritore hacker sin depender de más webs que tu blog y no morir en el intento

 

 

ANTES DE NADA:

一En este tutorial voy a abarcar la instalación de los códigos y su personalización, pero dejaré añadido uno mucho más corto con cómo hacer links de descarga desde Google Drive para vuestros archivos.

 

一Yo no creé los códigos que vamos a usar, solo he modificado el final de uno de ellos para poder obtener nuestro deseado tueto de pago social en lugar de que apareciera el nombre de la página o entrada del blog dónde está alojado. Como tengo 0 ganas de meter Vancouver en este artículo, os digo ya que las páginas de dónde vienen: son helponblogging y naviera

 

MATERIALES ART ATTACK:

 一un blog de...bueno, blogger. 

一diversos códigos HTML (alojados en mi blog archivo para hacer la lectura más fácil, os los voy dejando en cada apartado).

 

一tiempo y un poquito paciencia para las pequeñas modificaciones que hay que hacer al personalizar el código.

PARTE UNO: VAMOS A ASEGURAR LOS ASUNTOS

  

一(0)  Partimos del escritorio de Blogger.

 

一(1) Hacemos click en la pestaña "tema".

 

一(2) Abrimos el menú desplegable junto a "personalizar"

 

一(3) Hacemos click en "copia de seguridad" y la guardamos

 

一(4) Volvemos a abrir el menú desplegable junto a personalizar, abrimos la ventana "configuración para móviles" y activamos la opción "ordenador". 

 

Si vuestro tema de blogger no tiene ninguna edición de html, es posible que está opción no esté, pero no os preocupéis: es un paso que podéis hacer al final. Tranquis que yo aviso luego pa que no se os pase.

 

El motivo de elegir esta opción es el siguiente: si no lo haces es posible que el html se rompa y desaparezca "el escondite" de los enlaces de descarga. Esta opción no convierte el tema en vista movil en un mini escritorio si es mobile device responsive.

 

 

 

PARTE DOS: VAMOS A EDITAR ESE CÓDIGO GUAPO

 

一(1) Dentro del menú “personalizar” que ya conocemos, hacemos click en “editar HTML”. 

 

一(2) Hacemos click en cualquier parte del código y en el teclado pulsamos el comando ctrl + f para abrir el buscador.

 

一(3) Buscamos “</head>” y pegamos el primero de estos códigos sobre el sitio que nos marca.

 

一(4) Buscamos “</body>” y pegamos el segundo de estos códigos sobre el sitio que nos marca. 

一(5) Guardamos el código.

 

PARTE TRES: EL CSS

En esta parte vamos a añadir el gadget de los botones de descarga. Los que yo he incorporado en el código son muy sencillos: si encontrais otros que os gusten los podéis cambiar fácilmente instalando su css en lugar del que doy yo y colocando su html en la página después de </secret> (os dejaré el sitio marcado cuando lleguemos a esa parte). 

一(1) Hacemos click en la palabra personalizar en lugar de en el triangulito.

一(2) En el menú que se abre elegimos “avanzado”

一(3) Dentro de avanzado abrimos el menú de opciones que se despliega al hacer click en la flecha de “cuerpo” y buscamos “añadir CSS”

一(4) En el cuadrito de entrada del código pegamos este código.

一(5) Guarda tus cambios ¡Ya estamos ready pa el último paso!

PARTE CUATRO: EL HTML

 

En esta página encontraréis dos plantillas distintas de HTML para cortar y copiar en la entrada o página dónde decidáis alojar el relato. 

 

En la primera solo está el código del pago social y los botones de descarga, y en la segunda podemos encontrar además una plantilla de obra literaria preparada para que la relleneis.

 

Usar estas plantillas una vez habéis instalado el código es muy fácil:

 

一(1) Creamos una nueva página o entrada

 

一(2) Cambiamos a vista html 

一(3) Cogemos el código que queremos de aquí.

 

一(4) Copiamos y pegamos en nuestra entrada

 

一(5) Personalizamos nuestra información. Las partes del código que tenéis que cambiar están marcadas en azul en la entrada con los códigos.  

 

AVISO: solo es necesario modificar el texto del tweet, el texto de los botones de descarga y el link de los botones de descarga en html: el resto del texto puede editarse en el modo redacción si lo preferís. 

 

¿Quieres usar otros botones?

Para ello, instala su CSS en lugar del que te he proporcionado y sustituye su HTML en las plantillas aquí:

ESO ES TODO AMIGUES

Dos notas antes de despedirme:

 

一Si antes no lo hemos hecho, vamos a Tema > Tríangulo con el vértice hacia abajo a la derecha de personalizar  >   "configuración para móviles" > "tema para ordenador"

 

一Os dejo por aquí un mini tutorial sobre cómo alojar los archivos en Google Drive y crear links de descarga que funcionen desde ellos.

¡Y ahora sí, gracias por leer y espero que os sirva! Si os ha gustao, me haríais un favor tremendo compartiendo. También podéis dejadme un comentario que me dan mucha alegría, y si podéis y os sentís super generoses, me podéis invitar a un cafelillo.