Skip to main content

Tumblr Bloc Tutorial sobre Addició de botons de mitjans socials

Anonim

Qualsevol que tingui un compte de Tumblr pugui compartir contingut amb altres usuaris prement el botó Igual que el botó el,Botó Reblog o el Botó d'enviament en una publicació de bloc en particular dins del tauler de control de Tumblr.

Aquests botons integrats us permeten compartir contingut a les parets virtuals de la xarxa Tumblr; no obstant això, no us ofereixen la flexibilitat de compartir contingut des d'un bloc de Tumblr (assegut a la web) BlogName.Tumblr.com ) en qualsevol altre gran lloc de xarxes socials com Facebook, Twitter, Google+ o altres llocs.

Si voleu afegir botons de compartir addicionals al vostre blog de Tumblr perquè sembli un bloc real, podeu pagar un tema premium que ve equipat amb botons o feu el treball copiant i enganxant un codi a la vostra plantilla de bloc de Tumblr .

Si afegiu només una tira de codi a la secció dreta dels documents HTML del vostre tema, es col·loquin automàticament els botons de les xarxes socials a cada entrada del bloc que s'hagin publicat prèviament i a totes les publicacions de blocs futures.

No et preocupis, és més fàcil del que penses. A continuació s'explica com fer-ho.

01 de 07

Inscriviu-vos o inicieu la sessió al compte de Tumblr per crear o accedir al vostre bloc

Si encara no heu creat un blog de Tumblr o fins i tot s'ha registrat per obtenir un compte, el primer que heu de fer és visitar Tumblr.com on se us demanarà que introduïu la vostra adreça de correu electrònic, contrasenya i URL del bloc desitjats per començar .

Si ja teniu un compte i un bloc, només heu d'iniciar la sessió.

02 de 07

Trieu els vostres botons de Social Media

Feu una cerca a Google per als botons compartits de la xarxa social que vulgueu col·locar al vostre bloc de Tumblr. La majoria de les xarxes socials més importants (si no totes) han dedicat pàgines d'ajuda que us mostren com configurar-les.

Per a la vostra comoditat, aquí teniu algunes pàgines de botons compartits oficials per a algunes de les xarxes socials més populars:

  • Botó oficial de Facebook com a "M'agrada"
  • Botó Twitter oficial de Twitter
  • Botó oficial de LinkedIn Share
  • Botó compartit oficial de Google+
  • Botó Guardar oficial de Pinterest

Algunes xarxes socials us permetran personalitzar els botons, incloses les modificacions de la mida del botó, el text del títol addicional, l'estructura de l'URL, l'opció de recompte compartit i la configuració de l'idioma. No totes les xarxes socials us permetran fer això, però per als que ho fan, el fragment de codi canviarà segons la configuració.

Intenta abstenir-se d'incloure massa botons al vostre bloc ja que podria provocar que l'aparició de les teves publicacions sembli confús i confús per als lectors que vulguin compartir el vostre contingut.

Penseu en la possibilitat de posar un màxim de cinc o sis botons de xarxes socials sota cada entrada del bloc, però és probable que sigui menys.

03 de 07

Personalitza els teus botons i agafa el codi

Seguiu les instruccions de la pàgina del botó d'acció de la xarxa social per personalitzar el botó si és necessari. Una vegada acabat, hauríeu d'obtenir una cadena de codi que necessiteu per al vostre bloc de Tumblr.

Copieu-lo i enganxeu-lo en una paraula o document de text en blanc. Feu-ho per tots els botons que desitgeu perquè tingui la cadena de codi de cada botó llest per anar.

04 de 07

Accediu al vostre codi de tema Tumblr

Torna al tauler de control de Tumblr. Feu clic al icona de persona al menú superior dret i, a continuació, feu clic a Edició de l'aparença al menú desplegable del bloc corresponent (si teniu diversos blocs).

A la pàgina següent, feu clic a la icona Edita el botó de tema. El vostre bloc s'obrirà al mode de vista prèvia a la part dreta de la pantalla amb un editor a l'esquerra.

Feu clic Edita HTML a l'editor a l'esquerra sota l'etiqueta del tema personalitzat. L'editor s'expandirà per mostrar-vos tot el codi del vostre tema.

Les persones que no tenen experiència en treballar amb HTML, PHP, JavaScript i un altre codi d'ordinador poden sentir-se intimidats mirant aquesta secció. L'important que cal recordar és que no apareixerà cap codi nou.

Tot el que heu de fer és col·locar el codi del botó dins dels documents del tema, que us mostrarà com fer-ho a les properes seccions.

05 de 07

Cerca a través del teu codi de tema

L'única línia de codi que heu de trobar és la línia que llegeix: {/ bloc: publicacions).

Aixòrepresenta el final de la publicació del bloc i normalment es pot trobar a prop de la secció inferior dels documents del tema, segons el tema Tumblr que utilitzeu. Si teniu dificultats per trobar aquesta línia de codi només navegant per ell, podeu provar d'utilitzar-la Ctrl + F / Cmd + F drecera del teclat o, si no, feu clic a la icona icona d'engranatge a l'extrem superior esquerre de la pantalla, feu clic a Cerca i reemplaça i després escriviu {/ bloc: publicacions} al Cerca camp.

La funció de cerca es trobarà automàticament i es destacarà{/ bloc: publicacions} en el vostre codi de tema.

06 de 07

Enganxeu el codi del botó al vostre codi de tema

Copieu el codi del botó personalitzat que heu creat i enganxeu-lo directament abans de la línia de codi que llegeix: {/ bloc: publicacions}.

Això indica el tema del bloc per mostrar els botons de les xarxes socials al final de cada publicació de bloc.

Feu clic Actualitza la visualització prèvia i feu clic a la icona botó d'estalvi blau a la part superior de l'editor.

07 de 07

Proveu el vostre bloc Tumblr per veure els vostres botons socials nous

Has fet la part divertida. Si heu col·locat correctament el codi del botó dins del codi del vostre tema, el bloc de Tumblr hauria de mostrar els botons d'ús que vulgueu al final de cada publicació individual i també a cada entrada que es mostri al feed principal.

Podeu fer clic sobre ells per compartir fàcilment les publicacions de Tumblr en altres xarxes de xarxes socials.

Consells:

  • Enganxeu el codi del botó dins del vostre document de tema cada vegada que canvieu el tema del vostre bloc a un tema nou. Si canvieu el tema, no es transferirà el codi enganxat anteriorment als nous documents del tema.
  • Quan col·loqueu més d'un botó de xarxes socials al vostre bloc, assegureu-vos que no hi hagi espais o línies noves entre dos fragments de codi de botons diferents. D'aquesta manera, es garantirà que diversos botons es mostrin horitzontalment al costat d'altres, en lloc de mostrar-se verticalment en diferents línies.
  • Experimenteu col·locar els fragments de codi dels botons socials abans d'altres {/ block: elements també. Segons el vostre tema, podeu observar que els botons apareixen a la part inferior de la pàgina del bloc, després de totes les notes d'altres usuaris de Tumblr.