Cómo agregar iconos de intercambio social a su blog Tumblr

Adición de iconos sociales para compartir a tu blog Tumblr puede ayudar a promover su blog y atraer visitantes adicionales. servicios para compartir sociales proporcionan botones de icono para muchas redes sociales, como Facebook, Twitter, Digg y StumbleUpon. Cada vez que un lector hace clic en un botón de compartir icono sociales, se publica un enlace a su entrada en el blog Tumblr a la red social seleccionada. Se pueden añadir iconos sociales para compartir a tu blog Tumblr copiando un breve fragmento de código de diseño de un servicio de intercambio social y pegándolo en su plantilla de Tumblr.

Instrucciones

1 Inicie el navegador web. Vaya a su servicio de intercambio social preferida, como AddThis, ShareThis o AddToAny.

2 Haga clic en el ", obtener el código" botón "Obtener el botón" o "Más opciones" o enlace en la página principal del servicio de intercambio social. Haga clic y seleccione el botón de opción o casilla de verificación junto a la opción "Tumblr".

3 Desplazarse por las opciones del botón compartir icono de estilo social. Seleccione el formato de botón de icono, diseño y tamaño que se ajusta mejor con el tema del diseño de tu blog Tumblr. Seleccionar y copiar el código de diseño en el botón HTML - HyperText Markup Language - caja.

4 Iniciar sesión en su cuenta de Tumblr. Haga clic en el título del blog al que desea añadir los iconos sociales para compartir en la lista de los blogs por encima de su tablero de instrumentos.

5 Haga clic en el enlace "Personalizar Apariencia" en el menú de la derecha. Haga clic en el botón "Editar HTML" en la sección "Custom Theme" del panel de opciones de menú en la parte izquierda de la página.

6 Busque el "{/ bloque: Mensajes}" en el código HTML de su plantilla. Presione el botón "F3" en el teclado de su ordenador para iniciar la búsqueda de su navegador Encuentra característica para ayudar a encontrar el código correcto rápidamente.

7 Busque la etiqueta "</ div>" inmediatamente antes de "{/ bloque: Mensajes}". Pegar el código del botón del icono del servicio de intercambio social inmediatamente antes de la etiqueta "</ div>". El código final debe ser similar a esto:

<! - Botón AddThis COMIENZO ->
<Div class = "addthis_toolbox addthis_default_style" addthis: title = "{Título}" addthis: url = "{} Permalink">
<a class="addthis_button_preferred_1"> </a>
<a class="addthis_button_preferred_2"> </a>
<a class="addthis_button_preferred_3"> </a>
<a class="addthis_button_preferred_4"> </a>
<a class="addthis_button_compact"> </a>
<a class="addthis_counter addthis_bubble_style"> </a>
</ Div>
<Script type = "text / javascript" src = "& lt; / script" rel = "nofollow" target="_blank">http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ea66f1406ce7139&quot;>&lt;/script>
<! - Botón AddThis FIN ->
</ Div>
{/ Bloque: Mensajes}

8 Haga clic en el botón verde "Actualizar vista previa" sobre el panel de HTML para ver cómo los botones de iconos sociales para compartir en un blog, que es una vista preliminar en la parte derecha de la página. Haga clic en el botón "Apariencia" en la parte superior izquierda de la página. Haga clic en el botón verde "Guardar" para guardar y aplicar los cambios en su blog Tumblr.

Consejos y advertencias

• Si no puede encontrar una opción específica "Tumblr" en el paso dos, utilice el código de botón HTML estándar del servicio de intercambio social.