Как да поставите бутоните за социални медии в блог на Tumblr

click fraud protection

Всеки с Tumblr акаунт може да споделя съдържание с други потребители чрез натискане на Бутон за харесване, Бутон за реблогиране, или Бутон за изпращане на конкретна публикация в блога в таблото за управление на Tumblr.

Тези вградени бутони ви позволяват да споделяте съдържание във виртуалните стени на мрежата Tumblr; те обаче не ви дават гъвкавост за споделяне на съдържание от уеб-базиран блог на Tumblr на други големи сайтове в социалните медии като Facebook или Twitter.

Ако искате да добавите допълнителни бутони за споделяне към вашия блог на Tumblr, така че да изглежда като истински блог, можете или да платите за премиум тема, която е снабдена с бутони или свършете работата сами, като копирате и поставите някакъв код във вашия блог на Tumblr шаблон.

Добавянето само на една лента с код в дясната секция на HTML документите на вашата тема автоматично ще постави бутоните за социални медии под всяка публикувана преди публикация в блога и всички бъдещи публикации в блога.

Не се притеснявайте, по-лесно е, отколкото си мислите. Ето как да го направите.

instagram viewer

Регистрирайте се или влезте във вашия Tumblr акаунт, за да създадете или да получите достъп до вашия блог

Ако още не сте създали блог на Tumblr или дори не сте се регистрирали за акаунт, първото нещо, което трябва да направите, е да посетите Tumblr.com където ще бъдете помолени да въведете вашия имейл адрес, парола и желания URL адрес на блога, за да започнете.

Ако вече имате акаунт и блог, просто влезте.

Изберете бутоните си за социални медии

Направете търсене в Google за бутоните за споделяне в социалната мрежа, които искате да поставите във вашия блог на Tumblr. Повечето (ако не всички) големи социални мрежи имат специални помощни страници, които ви показват как да го настроите.

За ваше улеснение, ето няколко официални страници с бутони за споделяне за някои от най-популярните социални мрежи:

  • Официален бутон за харесване във Facebook
  • Официален бутон за Twitter в Twitter
  • Официален бутон за споделяне в LinkedIn
  • Официален бутон за запазване на Pinterest

Някои социални мрежи ще ви позволят да персонализирате техните бутони, включително промени в размера на бутона, допълнителен текст на заглавието, URL структура, опция за брой на споделяне и езикови настройки. Не всички социални мрежи ще ви позволят да направите това, но за тези, които го правят, фрагментът от код ще се промени според начина, по който сте го настроили.

Опитайте се да се въздържате от включването на твърде много бутони в блога си, тъй като това може да доведе до появата на публикациите ви да изглежда претрупана и объркваща за читателите, които може да искат да споделят съдържанието ви.

Помислете за поставяне на максимум пет или шест бутона за социални медии под всяка публикация в блога, но по-малко вероятно е по-добре.

Персонализирайте вашите бутони и вземете кода

Следвайте инструкциите на страницата на бутона за споделяне в социалната мрежа, за да персонализирате вашия бутон, ако е необходимо. След като приключите, трябва да получите низ от код, който ще ви е необходим за вашия блог на Tumblr.

Копирайте това и го поставете в празна дума или текстов документ. Направете го за всички бутони, които искате, така че да имате готовност за кода на всеки бутон.

Достъп до вашия код на тема на Tumblr

Върнете се на таблото си за управление на Tumblr. Щракнете върху икона на човек в горното дясно меню и след това щракнете Редактиране на външния вид в падащото меню за съответния блог (ако имате няколко блога).

На следващата страница щракнете върху Бутон за редактиране на тема. Вашият блог ще се отвори в режим на визуализация от дясната страна на екрана с редактор вляво.

Щракнете Редактирайте HTML в редактора вляво под етикета на персонализирана тема. Редакторът ще се разшири, за да ви покаже целия код на вашата тема.

Лица, които нямат опит в работата HTML, PHP, JavaScript и друг компютърен код може да се почувстват уплашени от разглеждането на този раздел. Важното е да запомните, че изобщо няма да пишете нов код.

Всичко, което трябва да направите, е да поставите кода на бутона в документите на темата, което ще ви бъде показано в следващите раздели.

Търсете в кода на темата си

Единственият ред код, който трябва да намерите, е редът, който гласи: {/ block: Публикации}.

Това представлява края на публикацията в блога и обикновено може да бъде намерен в долната част на документите на темата, в зависимост от това коя тема на Tumblr използвате. Ако имате затруднения с намирането на този ред код само като го разгледате, можете да опитате да използвате Ctrl + F / Cmd + F клавишна комбинация или алтернативно щракнете върху икона на зъбно колело в горния ляв ъгъл на екрана щракнете Намерете и заменете и след това въведете {/ block: Публикации} в Търсене на поле.

Функцията за търсене автоматично ще намери и подчертае {/ block: Публикации} в кода на вашата тема.

Поставете кода на бутона в кода на вашата тема

Копирайте персонализирания код на бутона, който сте създали, и го поставете директно преди реда на кода, който гласи: {/ block: Публикации}.

Това казва на темата на блога да показва бутоните за социални медии в долната част на всяка отделна публикация в блога.

Щракнете Визуализация на актуализацията и след това щракнете върху син бутон Запазване в горната част на редактора.

Тествайте вашия Tumblr блог, за да видите новите си бутони за социално споделяне

Стигнахте до забавната част. Ако сте поставили правилно кода на бутона в кода на вашата тема, вашият блог на Tumblr трябва да показва споделете бутони по ваш избор в долната част на всяка отделна публикация, а също и върху всяка публикация, показана в главната фураж.

Можете да кликнете върху тях, за да споделяте лесно вашите публикации в Tumblr в други социални мрежи.

  • Поставете кода на бутона в документите на вашата тема всеки път, когато промените темата на вашия блог на чисто нова тема. Промяната на темата няма да прехвърли поставения по-рано код в новите документи за теми.
  • Когато поставяте повече от един бутон за социални медии в блога си, уверете се, че няма интервали или нови редове между два различни фрагмента от код на бутон. Това ще гарантира, че множество бутони се показват хоризонтално един до друг, вместо да се показват вертикално на различни линии.
  • Експериментирайте с поставянето на кодови фрагменти за социалните бутони и преди други елементи {/ block: В зависимост от вашата тема, може да забележите, че бутоните се показват в дъното на страницата на блога, след всички бележки от други потребители на Tumblr.
instagram story viewer