X
    Categories: Создание сайта

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

Здравствуйте, уважаемые читатели моего блога!

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

В посте я расскажу о том, как установить кнопки социальных сетей в нужном месте блога  без плагина. Это избавит меня от временами барахлившего плагина Share Button и уменьшит скорость загрузки блога.

Теперь по порядку расскажу, как все началось. Я уже давно слышал про блог Сергея Сосновского наконец,  решил, что лучше один раз увидеть и почитать, чем все время собираться. Блог очень интересный, целый сундук  идей и советов по оптимизации и ведению блога, рекомендую посетить, если вы его не читали.

Первое, что я сделал, это изучил пару последних статей и добавил свое фото в альбом блоггеров. Удивительно, но уже на следующий день мое фото красовалось в данном разделе, и автор блога лично об этом написал.

Далее я нажал на притягательную кнопку  “=>>Конкурс” на блоге и попал на весьма интересный форум   для блоггеров и вебмастеров. Зарегистрировался и узнал про замечательный конкурс “Статейник”, в котором обязательно приму участие, поскольку  тема его сходна с тематикой моего сайта. Заключается конкурс в том, что Вы пишите статью в раздел форума на предложенную тематику или свою тему находите не занятую и имеете право разместить в ней 2 ссылки. Если тема будет раскрыта хорошо и качественно, представьте какой трафик можно получить с такого популярного форума. Плюс ваша статья будет участвовать в конкурсе с хорошими денежными призами уже 1 ноября подводят итоги. Если хотите принять участие, поторопитесь.

На этом форуме есть раздел “web-дизайн”, а в нем  подраздел “Оценка сайтов и блогов”. Он меня заинтересовал, я открыл там новую тему и написал в ней:

[note]

Добрый день, уважаемые!

Обращаюсь к Вам с просьбой оценить мой блог «Реальный заработок в интернете», подскажите, если что то не так. Не бойтесь ругать, можно жестко, только пожалуйста по существу.

Буду благодарен за ваши мнения и мысли по улучшению.

[/note]

И я был приятно удивлен, что пользователи начали давать ценные советы и рекомендации, без троллей не обходится не один форум, но тут все корректно и без злорадства. Являясь новичком в блоггинге, я был готов к “ведерку холодной воды” на голову и, поскольку всегда корректно реагирую на критику, отвечал своим советчикам подробно. У меня завязался диалог с некоторыми участниками форума. Один ценный совет я реализовал на блоге в виде скрипта share42, который заменил мне не всегда корректно работавший плагин социальных кнопок. Далее я подробно расскажу по пунктам установку данного скрипта.

Как установить социальные кнопки в конце статьи без плагина?

здесь ваш рекламный код №1

О том, как установить кнопки социальных сетей в сайдбаре, я рассказал в этой статье. Сегодня речь пойдет о кнопках, которые располагаются в начале или в конце постов или плавающие кнопки располагаются слева от поста. Реализуем это при помощи скрипта share42.

Весь процесс установки кнопок соцсетей занимает порядка 15-30 минут, кнопки можно проверить и посмотреть в конце каждой статьи на моем блоге.

Первое, что Вам нужно, перейти на сайт share 42

  1. Выбираем размер и отмечаем  иконки сервисов, которые хотите использовать на своем сайте

Для этого просто кликаем на нужные Вам иконки соцсетей и они становятся выделенными, перед этим выберите размер ( 32х32, 24х24,16х16). Я выбрал самые раскрученные в Рунете, в которых у меня есть профиль  и размер 32х32.

2. Выбераем  нужные опции:

Я выставил:

  • Тип панели – горизонтальная;
  • Кодировка- Utf 8;
  • Добавить иконку сайта, галочку убрал;
  1. Далее посмотрите, как это будет смотреться в посте, при желании подкорректируйте. Если Вас все устраивает, нажимайте на “Скачать готовый скрипт”  и сохраните на компьютере.
  2. Делаем все, как рекомендуется в пункте 4.

После того, как я распаковал архив в одноименную папку share42, закинул полученную папку на хостинг в корневую папку при помощи Ftp-клиента. После этого проверьте путь, используя пункт 4.3. Будьте внимательны при распаковке архива, чтобы не получилось двойного вложения, т. е.  фалы были по адресу

ваш сайт.ру/share24

а у меня было

вашсайт.ру/share42/share42

и я час мучался, пока не понял причины, по которым скрипт не отображал кнопки. Введя адрес проверки вы увидете скрипт такого вида (не забудьте изменить адрес в пункте 3 и в скрипте на свой !):

 

Если при проверке у Вас отображается скрипт, то идем дальше и выбираем тип сайта. У меня это WordPress, после этого копирую скрипт.

Заходим через все тот же Ftp в свою тему и корректируем файл single.php (одиночная запись).

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

Все, можно проверять работоспособность скрипта и радоваться избавлению от очередного плагина и ускорению блога.

По желанию можете изменить стили css в таблице ниже, я ничего не трогал.

Вот такую полезную головомойку я получил на форуме оптимизаторов и вебмастеров, которая меня привела в тонус и заставила пересмотреть некоторые моменты в дизайне и оптимизации  блога. Хотите получить ценные рекомендации, следуйте на форум  и общайтесь с форумчанами. Кстати, после публикации нескольких комментариев на блоге, я заметил небольшой приток новых читателей. Согласен, общение на форумах отнимает немало времени, но нужно стараться успевать все.

Хочу узнать у Вас, на каких интересных форумах и блогах вы черпаете свои знания? Рыбные места вроде бы не сдают, но все же… А Вы помните когда  последний раз Вас критиковали по поводу блога и  какие действия стали следствием этой головомойки?

Поделитесь опытом, интересно будет почитать, а на сегодня все.

До встречи!

Интересные статьи по данной теме:

Виджет твиттер на сайт за пару минут?

Внешняя оптимизация сайта – советы и правила

Плагин “заплати лайком”, установка, настройка, использование

Статистика от liveinternet, установка счетчика, анализ

С уважением, Вилков Николай

Хотите в числе первых узнавать о новых статьях и курсах?

Подпишитесь на обновления моего блога и мой канал на YouTube
Если статья вам понравилась, поделитесь с друзьями в социальных сетях. Спасибо!

Николай Вилков :