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

Кнопки социальных сетей

Кнопки социальных сетей нужны блогу для подачи посетителями социальных сигналов.

А не хотите узнать, как поставить на блог новогодние кнопки социальных сетей? 

В этой статье мы поставим на блог кнопки социальных сетей в виде новогодних шариков.

Новый год, а значит и оформление у блога будет новогоднее. 

Надеюсь, вы установили на блоге украшения блога к новому году? 

Для изготовления виджета новогодних кнопок социальных сетей мы воспользуемся инструментами компании RuELSoft –  медиа-хранилищем и конструктором. 

Картинки кнопок в виде новогодних шариков я взяла в интернете, а вы можете взять мои, с этого блога.

Все три картинки загружаем по очереди в медиа-хранилище и берём ссылки на каждую картинку.

Медиа-хранилище

В конструкторе, на поле редактора ставим элемент «Текст», открываем и убираем слово «Текст».

В редакторе «Текст» выбираем элемент «Картинка», ставим ссылку на первую картинку – новогодний шарик RSS блога. 

Нажав выше на кнопку «Ссылка» подшиваем под картинку ссылку на RSS-ленту блога и в настройках указываем «Открывать в новом окне». 

Сохраняем первую картинку. 

Далее, здесь же, в редакторе «Текст» снова выбираем элемент «Картинка» и ставим ссылку из медиа-хранилища на вторую картинку – новогодний шарик FACEBOOK. Нажав выше на кнопку «Ссылка» подшиваем под картинку ссылку на ваш профиль FACEBOOK и в настройках указываем «Открывать в новом окне». Сохраняем вторую картинку.

После этого, здесь же, в редакторе «Текст» снова выбираем элемент «Картинка» и ставим ссылку из медиа-хранилища на третью картинку – новогодний шарик Twitter. Нажав выше на кнопку «Ссылка» подшиваем под картинку ссылку на ваш профиль Twitter и в настройках указываем «Открывать в новом окне». Сохраняем вторую картинку.

Все три новогодних шарика появились в конструкторе. Под этими картинками подшиты ссылки на ваши ресурсы. 

Конструктор

Нам нужно взять HTML-код этой картинки в конструкторе.

Нажимаем на элемент «Источник» и копируем полученный HTML-код.

После этого бы открываем административную панель блога – «Дизайн» -«Добавить гаджет» - «HTML/ JavaScript».

HTML-код кнопок социальных сетей в форме новогодних шариков, где красным выделена ссылка на RSS-ленту, зелёным – логин на FACEBOOK, желтым – логин в Twitter. Эти элементы нужно поменять на свои, чтобы читатели переходили на ваши ресурсы, а не на мои. Кстати,  все размеры картинок можно изменить в коде. У меня на блоге, к примеру, стоят кнопки размером 60/60.

<a href="http://feeds.feedburner.com/blogspot/RNzwv" target="_blank"><img alt="" src="http://storage.ruelsoft.org/storage/file/get/1419010766280" style="width: 48px; height: 48px;" /></a><a href="https://www.facebook.com/tiosharina" target="_blank"><img alt="" src="http://storage.ruelsoft.org/storage/file/get/1419010772209" style="width: 48px; height: 48px;" /></a><a href="https://twitter.com/TIOsharina" target="_blank"><img alt="" src="http://storage.ruelsoft.org/storage/file/get/1419010755339" style="width: 48px; height: 48px;" /></a>

Вы можете воспользоваться этим HTML-кодом,  поставив свои данные.

В «Содержание» гаджета ставим HTML-код кнопок социальных сетей в виде новогодних шариков. В названии можно написать: «Читайте блог по RSS, зайдите ко мне на FACEBOOK и Twitter».

Кнопки социальных сетей в форме новогодних шариков появились в сайтбаре блога и обязательно привлекут к себе внимание посетителей. 

С Новым годом, мои дорогие читатели!

В декабрьскую последнюю неделю​

Успешно вам закончить все дела,
Чтоб вы одежды новые надели
И всё купить успели для стола,
Чтобы под ёлочку мешок подарков
Вы положить сумели для родных,
Чтоб праздник шумно встретили и ярко,
Как двадцать самых лучших выходных.
В 2016 желаю вам успеха,
Здоровья и веселья без границ!
Пусть будет много радости и смеха
Вам в окружении любимых лиц!