Cómo poner botones de redes sociales en un blog de Tumblr

Cualquiera con un Cuenta Tumblr puede compartir contenido con otros usuarios presionando el Botón "me gusta la, Botón Reblog, o el Botón de enviar en una publicación de blog en particular dentro del panel de Tumblr.

Estos botones incorporados le permiten compartir contenido dentro de las paredes virtuales de la red Tumblr; sin embargo, no le brindan la flexibilidad de compartir contenido de un blog de Tumblr basado en la web en otros sitios importantes de redes sociales como Facebook o Twitter.

Si desea agregar botones para compartir adicionales a su blog de Tumblr para que parezca un blog real, puede pagar por un tema premium que viene equipado con botones o haz el trabajo tú mismo copiando y pegando código en tu blog de Tumblr plantilla.

Agregar solo una tira de código en la sección derecha de los documentos HTML de su tema colocará automáticamente botones de redes sociales debajo de cada publicación de blog publicada anteriormente y de todas las publicaciones de blog futuras.

No se preocupe, es más fácil de lo que piensa. He aquí cómo hacerlo.

instagram viewer

Regístrese o inicie sesión en su cuenta de Tumblr para crear o acceder a su blog

Si aún no ha creado un blog de Tumblr o ni siquiera se ha registrado para obtener una cuenta, lo primero que debe hacer es visitar Tumblr.com donde se le pedirá que ingrese su dirección de correo electrónico, contraseña y URL de blog deseada para comenzar.

Si ya tiene una cuenta y un blog, simplemente inicie sesión.

Elija sus botones de redes sociales

Realice una búsqueda en Google de los botones para compartir de redes sociales que desea colocar en su blog de Tumblr. La mayoría (si no todas) de las principales redes sociales tienen páginas de ayuda dedicadas que le muestran cómo configurarlo.

Para su comodidad, aquí hay algunas páginas oficiales de botones para compartir de algunas de las redes sociales más populares:

  • Botón oficial de Me gusta de Facebook
  • Botón oficial de Twitter Tweet
  • Botón Compartir de LinkedIn oficial
  • Botón Guardar oficial de Pinterest

Algunas redes sociales te permitirán realizar personalizaciones en sus botones, incluidas modificaciones en el tamaño del botón, texto adicional del título, Estructura de URL, compartir la opción de recuento y la configuración de idioma. No todas las redes sociales te permitirán hacer esto, pero para aquellas que lo hagan, el fragmento de código cambiará según cómo lo configures.

Trate de abstenerse de incluir demasiados botones en su blog, ya que podría hacer que la apariencia de sus publicaciones parezca desordenada y confusa para los lectores que quieran compartir su contenido.

Considere colocar un máximo de cinco o seis botones de redes sociales debajo de cada publicación de blog, pero menos probablemente sea mejor.

Personaliza tus botones y agarra el código

Siga las instrucciones en la página del botón para compartir de la red social para personalizar su botón si es necesario. Una vez terminado, se le debe dar una cadena de código que necesitará para su blog de Tumblr.

Copie esto y péguelo en un documento de texto o palabra en blanco. Hágalo para todos los botones que desee para tener lista la cadena de código de cada botón.

Accede a tu código de tema de Tumblr

Vuelve a tu panel de Tumblr. Haga clic en el icono de persona en el menú superior derecho y luego haga clic en Editar apariencia en el menú desplegable del blog correspondiente (si tiene varios blogs).

En la siguiente página, haga clic en el Botón Editar tema. Su blog se abrirá en modo de vista previa en el lado derecho de la pantalla con un editor a la izquierda.

Hacer clic Editar HTML en el editor de la izquierda debajo de la etiqueta de tema personalizado. El editor se expandirá para mostrarte todo el código de tu tema.

Personas que no tienen experiencia en trabajar con HTML, PHP, JavaScript y otros códigos informáticos pueden sentirse intimidados al mirar esta sección. Lo importante que debes recordar es que no escribirás ningún código nuevo.

Todo lo que tiene que hacer es colocar el código del botón dentro de los documentos del tema, que se le mostrará cómo hacerlo en las siguientes secciones.

Buscar a través de su código de tema

La única línea de código que necesita encontrar es la línea que dice: {/ block: Publicaciones}.

Esto representa el final de la publicación del blog y, por lo general, se puede encontrar cerca de la sección inferior de los documentos temáticos, según el tema de Tumblr que esté utilizando. Si tiene dificultades para encontrar esta línea de código simplemente navegando a través de ella, puede intentar usar el Ctrl + F / Cmd + F atajo de teclado o, alternativamente, haga clic en el icono de engranaje en la esquina superior izquierda de la pantalla, haga clic en Encontrar y reemplazar y luego escribe {/ block: Posts} en el Buscar campo.

La función de búsqueda encontrará y resaltará automáticamente {/ block: Posts} en su código de tema.

Pegue el código del botón en el código de su tema

Copie el código del botón personalizado que creó y péguelo directamente antes de la línea de código que dice: {/ block: Posts}.

Esto le dice al tema del blog que muestre los botones de redes sociales en la parte inferior de cada publicación del blog.

Hacer clic Actualización de Vista previa y luego haga clic en el botón azul Guardar en la parte superior del editor.

Prueba tu blog de Tumblr para ver tus nuevos botones para compartir en redes sociales

Has llegado a la parte divertida. Si ha colocado correctamente el código del botón dentro de su código de tema, su blog de Tumblr debería mostrar el compartir botones de su elección en la parte inferior de cada publicación individual y también en cada publicación que se muestra en la página principal alimentación.

Puede hacer clic en ellos para compartir fácilmente sus publicaciones de Tumblr en otras redes sociales.

  • Pegue el código del botón dentro de los documentos de su tema cada vez que cambie el tema de su blog a un tema completamente nuevo. Cambiar el tema no transferirá el código pegado previamente a los nuevos documentos del tema.
  • Al colocar más de un botón de redes sociales en su blog, asegúrese de que no haya espacios ni líneas nuevas entre dos fragmentos diferentes de código de botón. Esto asegurará que varios botones se muestren horizontalmente uno al lado del otro en lugar de mostrarse verticalmente en diferentes líneas.
  • Experimente colocando los fragmentos de código para los botones sociales antes que otros elementos {/ block: también. Dependiendo de su tema, puede notar que los botones aparecen en la parte inferior de la página del blog, después de todas las notas de otros usuarios de Tumblr.