Любой, у кого есть учетная запись Tumblr, может обмениваться контентом с другими пользователями, нажав Как кнопка ,Кнопка Reblog или Кнопка отправки на отдельном блоге в панели инструментов Tumblr.
Эти встроенные кнопки позволяют обмениваться контентом в виртуальных стенах сети Tumblr; однако они не дают вам гибкости в распространении контента из веб-блога Tumblr (sat BlogName.Tumblr.com ) на любых других крупных сайтах социальных сетей, таких как Facebook, Twitter, Google+ или других местах.
Если вы хотите добавить дополнительные кнопки общего доступа в свой блог Tumblr, чтобы он выглядел как настоящий блог, вы можете либо заплатить за премиальную тему, которая оснащена кнопками, либо выполнить свою работу, скопировав и вставив код в свой шаблон блога Tumblr ,
Добавление только одной полосы кода в правой части HTML-документов вашей темы автоматически помещает кнопки социальных сетей под каждым ранее опубликованным сообщением в блоге и всеми будущими сообщениями в блоге.
Не беспокойтесь, это проще, чем вы думаете. Вот как это сделать.
Зарегистрируйтесь или войдите в свою учетную запись Tumblr для создания или доступа к своему блогу
Если вы еще не создали блог Tumblr или даже подписались на учетную запись, самое первое, что вам нужно сделать, это посетить Tumblr.com, где вам будет предложено ввести свой адрес электронной почты, пароль и желаемый URL-адрес блога, чтобы начать работу ,
Если у вас уже есть учетная запись и блог, просто войдите.
02 из 07Выберите кнопки социальных сетей
Сделайте поиск в Google для кнопок общего доступа к социальной сети, которые вы хотите разместить в своем блоге Tumblr. Большинство (если не все) крупных социальных сетей посвятили страницы помощи, которые показывают, как ее настроить.
Для вашего удобства, вот несколько официальных страниц кнопок для некоторых из самых популярных социальных сетей:
- Официальная кнопка Facebook Like
- Официальная кнопка Twitter Tweet
- Официальная ссылка ShareedIn
- Официальная кнопка Google+ Share
- Официальная кнопка сохранения Pinterest
Некоторые социальные сети позволят вам настраивать их кнопки, включая изменения размера кнопки, дополнительный текст заголовка, структуру URL, опцию подсчета акций и языковые настройки. Не все социальные сети позволят вам сделать это, но для тех, кто это делает, фрагмент кода изменится в соответствии с тем, как вы его настроили.
Попытайтесь воздержаться от включения слишком большого количества кнопок в свой блог, поскольку это может привести к тому, что ваши сообщения будут выглядеть суматошными и запутанными для читателей, которые могут захотеть поделиться вашим контентом.
Подумайте о размещении максимум пяти или шести кнопок в социальных сетях под каждым сообщением в блоге, но меньше, вероятно, лучше.
03 из 07Настройте свои кнопки и возьмите код
Следуйте инструкциям на странице кнопки совместного доступа к социальной сети, чтобы при необходимости настроить свою кнопку. После завершения вам будет предоставлена строка кода, которая вам понадобится для вашего блога Tumblr.
Скопируйте это и вставьте его в пустое слово или текстовый документ. Сделайте это для всех кнопок, которые вы хотите, чтобы у вас была строка кода каждой кнопки, готовая к работе.
04 из 07Доступ к вашему Tumblr Theme Code
Вернитесь на панель инструментов Tumblr. Нажмите значок человека в верхнем правом меню, а затем нажмите Изменить внешний вид в раскрывающемся меню для соответствующего блога (если у вас несколько блогов).
На следующей странице нажмите Кнопка редактирования темы, Ваш блог откроется в режиме предварительного просмотра в правой части экрана с помощью редактора слева.
Нажмите Редактировать HTML в редакторе слева под меткой «Пользовательская тема». Редактор будет расширяться, чтобы показать вам весь код вашей темы.
Люди, которые неопытны в работе с HTML, PHP, JavaScript и другим компьютерным кодом, могут испытывать чувство запугивания, глядя на этот раздел. Важно помнить, что вы вообще не будете писать какой-либо новый код.
Все, что вам нужно сделать, это поместить код кнопки в документы темы, и вам будет показано, как это сделать в следующих разделах.
05 из 07Поиск через ваш код темы
Единственная строка кода, которую вам нужно найти, - это строка, которая гласит: {/ Блок: Сообщения}.
этопредставляет собой конец сообщения в блоге и обычно можно найти рядом с нижней частью тематических документов, в зависимости от темы Tumblr, которую вы используете. Если вам трудно найти эту строку кода, просто просмотрев ее, вы можете попробовать использовать Ctrl + F / Cmd + F сочетание клавиш или значок шестеренки в левом верхнем углу экрана нажмите Найти и заменить и затем введите {/ Блок: Сообщения} в Поиск по полю.
Функция поиска автоматически найдет и выделит{/ Блок: Сообщения} в вашем коде темы.
06 из 07Вставьте код кнопки в свой код темы
Скопируйте настроенный код кнопки, который вы создали, и вставьте его непосредственно перед строкой кода, который гласит: {/ Блок: Сообщения}.
Это говорит о теме блога, чтобы отображать кнопки социальных сетей в нижней части каждого отдельного сообщения в блоге.
Нажмите Обновить предпросмотр и нажмите синий Кнопка сохранения в верхней части редактора.
07 из 07Проверьте свой блог Tumblr, чтобы увидеть свои новые кнопки для совместного использования
Вы добрались до забавной части. Если вы правильно разместили код кнопки внутри своего кода темы, в вашем блоге Tumblr должны отображаться кнопки общего доступа по вашему выбору внизу каждого отдельного сообщения, а также по каждому сообщению, указанному в основном канале.
Вы можете щелкнуть по ним, чтобы легко делиться сообщениями Tumblr в других социальных сетях.
Подсказки:
- Вставляйте код кнопки в свои тематические документы каждый раз, когда вы меняете тему блога на совершенно новую тему. Изменение темы не переносит ранее вставленный код в новые документы темы.
- При размещении в блоке нескольких кнопок в социальных сетях убедитесь, что между двумя различными фрагментами кода кнопки нет пробелов или новых строк. Это гарантирует, что несколько кнопок отображаются горизонтально рядом друг с другом, а не отображаются вертикально на разных линиях.
- Поэкспериментируйте с размещением фрагментов кода для социальных кнопок перед другими элементами {/ block:. В зависимости от вашей темы вы можете заметить, что кнопки отображаются в самом низу страницы блога, после всех заметок от других пользователей Tumblr.
