Реклама

Поиск

вторник, 20 мая 2014 г.

Красивые социальные кнопки для сайта-Pluso Share

Здравствуйте! Сегодня я хотел бы вас познакомить с красивыми социальными кнопками для вашего сайта.Устанавливать их будем на WordPress.Ну можно конечно же и на блогер установить.
Зачем их устанавливать?Кнопки pluso позволяют быстро поделится понравившейся статьёй.Кликая на необходимую кнопку,пользователь кликая на необходимую информацию размещает её у себя в соц.сетях.
Кнопки pluso увеличивают посещаемость на 5-30%.

Сервис Pluso предлагает около 300 видов кнопок.Вы можете легко и быстро подобрать различный вариант кнопок под дизайн вашего сайта(блога).
Установка кнопок Pluso на блог.
Для начала нужно перейти на сайт сервиса и зарегистрироваться.Ну можно конечно и не регистрироваться. Регистрация даст вам доступ ко всем возможностям сервиса, а именно зарабатывать показывая различную рекламу у себя в блоге. Перейдите в конструктор и настройте вид и параметры кнопок:
Перетаскивайте сервисы соц.сетей,чтобы изменить порядок и предпочтения вывода.
Вы можете наблюдать как будет выглядеть блок кнопок чуть ниже страницы(предпросмотр).
После того как вы настроите кнопки,скопируйте скрипт кнопок Share:

"Чуть раньше я говорил,что будем рассматривать установку кнопок на WordPress".И так заходим в "Админпанель -  Внешний вид - Редактор".Открываем файл "Одна запись" (single.php) и находим строчку <?php the_content(); ?> если хотите, чтобы кнопки отображались в начале поста, тогда вставляйте скопированный код чуть выше найденной строчки. Если после сообщений, как у меня чуть ниже. Сохраните изменения в файле и готово!
Теперь можно добавить надпись перед блоком соцкнопок и задать цвет для неё. Делаем так - перед скриптом добавляем строчку:
Где: h3 - размер надписи;
center - выравнивание надписи по центру, можете использовать right (право) или left (слева)
color: #085E0F - цвет надписи;
И естественно сама надпись которую Вы можете заменить на другую. Если кнопки слишком плотно прижаты к статье, их можно отодвинуть тэгами <br/>. Сама конструкция должна теперь выглядеть так:
Скрываем кнопку pluso-more.
Для этого зайдите: Внешний вид - Редактор. Откройте файл "Таблица стилей" (style.css) и в самый конец добавьте строчку:
Обновите файл. Кнопка исчезнет.
Ну вот на этой хорошей ноте я должен с вами попрощаться.Спасибо за внимание.

Комментариев нет:

Отправить комментарий

Реклама