Как добавить иконки социальных сетей в блог

Когда регулярно пишете в блог, то мечтаете привлечь как можно больше читателей, насколько это возможно. Также вы хотите, чтобы ваши читатели делились вашим блогом со своими друзьями, подписчиками и знакомыми. Лучший способ достижения этих целей - связать блог с сайтами социальных сетей. Это можно сделать, добавив иконки социальных сетей в блог, которые будут автоматически направлять людей на эти сайты с помощью простого нажатия кнопки. Имея легкий доступ и приметные значки социальных сетей в блоге, он становится более успешным. Добавьте иконки социальных сетей в блог путем размещения нужных изображений, загружая их в блог и включая краткий HTML-код, который будет изменять значки на сайте.

Шаги

1. 1 Решите, какие социальные сети вы хотите добавить в свой блог. Самые популярные иконки - это Facebook, Twitter, LinkedIn и Pinterest.
   • Выберите значки социальных сетей, где вы и ваши читатели блога активно присутствуете. Например, если у вас есть отличная Facebook-страница, то добавьте этот значок. Если хотите поощрять своих читателей в прикалывании пинов блога на их Pinterest-досках, убедитесь, что у вас есть этот значок.
2. 2 Найдите лучшие иконки для своего блога. Стандартные иконки для всех сайтов социальных сетей можно скачать с нескольких веб-сайтов, в том числе IconArchive, Web Designer Depot и Icon Dock. Поиск "социальных иконок" в Интернете предоставит несколько других вариантов.
   • Используйте обновляемые и легко узнаваемые иконки. Быть креативным в этом плане - это хорошо. Но убедитесь, что ваши читатели смогут узнать ссылку, предоставленную вашими иконками. Например, большинство Twitter-иконок - это небольшая буква "t" с голубым фоном или изображением птицы Twitter. Если измените цвет, то можете запутать людей.
3. 3 Создайте свои собственные иконки, если хотите что-то другое. Возможно, вы захотите значки, соответствующие дизайну вашего блога.
   • Используйте Photoshop или Adobe InDesign для достижения наилучших результатов в создании собственных значков. Постарайтесь, чтобы ваш рисунок был размером 60px Х 60px для облегчения процессов загрузки и связывания.
4. 4 Загрузите изображения значков, которые планируется использовать на компьютере. Это так же просто, как сохранять их в файле на ПК.
5. 5 Загрузите изображения значков на сайт обмена фотографиями, такой как Flickr или Photobucket, если часто используете эти сайты для размещения фотографий и графики на своем блоге.
   • Добавьте изображения в медиа-библиотеку в Wordpress, если используете эту блог-платформу.
6. 6 Проверьте, чтобы каждое изображение, которое вы загрузили, имело URL (унифицированный указатель ресурса).
   • Ищите URL в Wordpress, нажав на картинку в библиотеке. Вы заметите URL в поле "File URL". Он начинается с букв "[http." http."]
   • Найдите URL на сайтах обмена фотографиями, нажав кнопку "Share" (Поделиться), когда наводите курсор мыши над изображением. Вы увидите вкладку "Get link code" (Получить код ссылки), и ссылка отобразится. Буквы "[http" http"] будет началом URL.
7. 7 Найдите подходящее место для HTML-кода, которое будет зависеть от используемой блог-платформы. Большинство блогов создаются на Wordpress или Blogger.
   • Поместите код в HTML-область виджета на Blogger. Для блогов Wordpress разместите код в область текстового виджета.
8. 8 Добавьте следующий HTML-код: [" http://www.linkgoeshere.com" target="_blank"><img src="http://www.imageurlhere.com ].
   • Разместите ссылку на свою страницу социальной сети, где указано: "Link goes here" (Ссылка идет сюда), и разместите URL изображения, где указано "imageurlhere" (URL изображения здесь).
9. 9 Выполните тестирование. Пусть друг создаст свой блог и нажмет на иконку социальных сетей, которую вы включили. Убедитесь, что она переводит пользователя в нужное место.

Советы

• Сотрудничайте с веб-дизайнерами или специалистами по социальным сетям, если у вас будут проблемы, в том числе с иконками социальных сетей на блоге.