Красивые кнопки социальных сетей
Здравствуйте, дорогие читатели!
Торжество социальных сетей делает необходимым элементом любого сайта кнопки, облегчающие добавление наших гениальных статей и картинок в эти сети. И хорошо, когда это - красивые кнопки.
Ведь давно известно - пользователи социальных сетей - один из самых надёжных источников трафика.
Можете посмотреть варианты кнопок на действующем образце:
Великолепный ресурс "Bloggermint"
предложил новую разработку, которая максимально облегчает установку красивых кнопок социальных сетей.
Всё, с чем вы ознакомитесь ниже - авторизированный перевод мануала разработчиков.
Такие эффекты, как тень и скруглённые углы доступны только в браузерах Mozilla Firefox, Google Chrom и Safari.
1. Заходим в Панель инструментов > Дизайн > Изменить HTML. Сохраняем на всякий случай шаблон на жёстком диске.
Ставим галочку в "Расширить шаблоны виджета" в верхнем правом углу редактора.
2. Выбираем вариант расположения и дизайна кнопок социальных сетей из представленных ниже и скачиваем файл с кодами.
Копируем код CSS и вставляем его в шаблон непосредственно перед </b:skin>
3. Копируем код HTML
4. Находим с помощью комбинации CTRL + F строку <data:post.body/> и сразу после неё вставляем полученный код
5. Нажимаем "Сохранить" и любуемся красивыми кнопками социальных сетей)))
Ваш Retliff
Твитнуть
Торжество социальных сетей делает необходимым элементом любого сайта кнопки, облегчающие добавление наших гениальных статей и картинок в эти сети. И хорошо, когда это - красивые кнопки.
Можете посмотреть варианты кнопок на действующем образце:
Великолепный ресурс "Bloggermint"
Всё, с чем вы ознакомитесь ниже - авторизированный перевод мануала разработчиков.
Красивые кнопки социальных сетей для Blogger
Такие эффекты, как тень и скруглённые углы доступны только в браузерах Mozilla Firefox, Google Chrom и Safari.
1. Заходим в Панель инструментов > Дизайн > Изменить HTML. Сохраняем на всякий случай шаблон на жёстком диске.
Ставим галочку в "Расширить шаблоны виджета" в верхнем правом углу редактора.
2. Выбираем вариант расположения и дизайна кнопок социальных сетей из представленных ниже и скачиваем файл с кодами.
Копируем код CSS и вставляем его в шаблон непосредственно перед </b:skin>
3. Копируем код HTML
4. Находим с помощью комбинации CTRL + F строку <data:post.body/> и сразу после неё вставляем полученный код
5. Нажимаем "Сохранить" и любуемся красивыми кнопками социальных сетей)))
Напоминаю, что все коды охраняются законом об авторском праве!
Кнопки социальных сетей для WordPress
Нажимаем на ссылку ниже и загружаем мануал с кодами
Красивые кнопки социальных сетей для сайта HTML
Нажимаем на ссылку ниже и получаем коды для установки
Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.
Твитнуть
Эх...все никак раньше не мог найти хороший ресурс с хорошими кнопками соц сетей. Перешел пока что на плагин шаре42.ком. Тут вроде бы тоже все круто, но нет наших соц сетей...а так бы хотелось, чтобы все наши соц сети были и хорошая статистика была...кто сколько добавил...
ОтветитьУдалитьСпасибо, красивые кнопочки) А цвет фона там можно как-то поменять?
ОтветитьУдалитьАлександр - Есть кнопки от Яндекса, но там нет статистики:(
ОтветитьУдалитьFlee.Lancer - Конечно можно! В коде CSS с помощью CTRL+F находите color, и меняете значение на любой цвет. По умолчанию там прозрачный - #000
Яндекс, кстати, обещал добавить статистику в эти кнопки... Насчет старт апа не надумали?
ОтветитьУдалитьRetliff, спасибо)) вроде бы уже сама додумалась)) Ещё раз благодарю да статью
ОтветитьУдалитьНе дает скачать( Какая-то ошибка.
ОтветитьУдалить@Пам-пам-парам я хороший человек. Это сбой в хостинге первоисточника, попробуйте через некоторое время!
ОтветитьУдалить