Здравствуйте, уважаемые читатели моего блога!
Сегодня пост слегка необычный, на его написание меня вдохновил совет Людмилы на одном очень содержательном и полезном форуме. Получил я там порцию заслуженной критики и несколько замечаний по дизайну и оптимизации своего блога.
В посте я расскажу о том, как установить кнопки социальных сетей в нужном месте блога без плагина. Это избавит меня от временами барахлившего плагина Share Button и уменьшит скорость загрузки блога.
Теперь по порядку расскажу, как все началось. Я уже давно слышал про блог Сергея Сосновского наконец, решил, что лучше один раз увидеть и почитать, чем все время собираться. Блог очень интересный, целый сундук идей и советов по оптимизации и ведению блога, рекомендую посетить, если вы его не читали.
Первое, что я сделал, это изучил пару последних статей и добавил свое фото в альбом блоггеров. Удивительно, но уже на следующий день мое фото красовалось в данном разделе, и автор блога лично об этом написал.
Далее я нажал на притягательную кнопку “=>>Конкурс” на блоге и попал на весьма интересный форум для блоггеров и вебмастеров. Зарегистрировался и узнал про замечательный конкурс “Статейник”, в котором обязательно приму участие, поскольку тема его сходна с тематикой моего сайта. Заключается конкурс в том, что Вы пишите статью в раздел форума на предложенную тематику или свою тему находите не занятую и имеете право разместить в ней 2 ссылки. Если тема будет раскрыта хорошо и качественно, представьте какой трафик можно получить с такого популярного форума. Плюс ваша статья будет участвовать в конкурсе с хорошими денежными призами уже 1 ноября подводят итоги. Если хотите принять участие, поторопитесь.
На этом форуме есть раздел “web-дизайн”, а в нем подраздел “Оценка сайтов и блогов”. Он меня заинтересовал, я открыл там новую тему и написал в ней:
[note]
Добрый день, уважаемые!
Обращаюсь к Вам с просьбой оценить мой блог «Реальный заработок в интернете», подскажите, если что то не так. Не бойтесь ругать, можно жестко, только пожалуйста по существу.
Буду благодарен за ваши мнения и мысли по улучшению.
[/note]
И я был приятно удивлен, что пользователи начали давать ценные советы и рекомендации, без троллей не обходится не один форум, но тут все корректно и без злорадства. Являясь новичком в блоггинге, я был готов к “ведерку холодной воды” на голову и, поскольку всегда корректно реагирую на критику, отвечал своим советчикам подробно. У меня завязался диалог с некоторыми участниками форума. Один ценный совет я реализовал на блоге в виде скрипта share42, который заменил мне не всегда корректно работавший плагин социальных кнопок. Далее я подробно расскажу по пунктам установку данного скрипта.
Как установить социальные кнопки в конце статьи без плагина?
О том, как установить кнопки социальных сетей в сайдбаре, я рассказал в этой статье. Сегодня речь пойдет о кнопках, которые располагаются в начале или в конце постов или плавающие кнопки располагаются слева от поста. Реализуем это при помощи скрипта share42.
Весь процесс установки кнопок соцсетей занимает порядка 15-30 минут, кнопки можно проверить и посмотреть в конце каждой статьи на моем блоге.
Первое, что Вам нужно, перейти на сайт share 42
- Выбираем размер и отмечаем иконки сервисов, которые хотите использовать на своем сайте
Для этого просто кликаем на нужные Вам иконки соцсетей и они становятся выделенными, перед этим выберите размер ( 32х32, 24х24,16х16). Я выбрал самые раскрученные в Рунете, в которых у меня есть профиль и размер 32х32.
2. Выбераем нужные опции:
Я выставил:
- Тип панели – горизонтальная;
- Кодировка- Utf 8;
- Добавить иконку сайта, галочку убрал;
- Далее посмотрите, как это будет смотреться в посте, при желании подкорректируйте. Если Вас все устраивает, нажимайте на “Скачать готовый скрипт” и сохраните на компьютере.
- Делаем все, как рекомендуется в пункте 4.
После того, как я распаковал архив в одноименную папку share42, закинул полученную папку на хостинг в корневую папку при помощи Ftp-клиента. После этого проверьте путь, используя пункт 4.3. Будьте внимательны при распаковке архива, чтобы не получилось двойного вложения, т. е. фалы были по адресу
ваш сайт.ру/share24
а у меня было
вашсайт.ру/share42/share42
и я час мучался, пока не понял причины, по которым скрипт не отображал кнопки. Введя адрес проверки вы увидете скрипт такого вида (не забудьте изменить адрес в пункте 3 и в скрипте на свой !):
Если при проверке у Вас отображается скрипт, то идем дальше и выбираем тип сайта. У меня это WordPress, после этого копирую скрипт.
Заходим через все тот же Ftp в свою тему и корректируем файл single.php (одиночная запись).
Вставляем полученный скрипт туда, где будем выводится кнопки социальных сетей, у меня в конце постов, перед комментариями.
Все, можно проверять работоспособность скрипта и радоваться избавлению от очередного плагина и ускорению блога.
По желанию можете изменить стили css в таблице ниже, я ничего не трогал.
Вот такую полезную головомойку я получил на форуме оптимизаторов и вебмастеров, которая меня привела в тонус и заставила пересмотреть некоторые моменты в дизайне и оптимизации блога. Хотите получить ценные рекомендации, следуйте на форум и общайтесь с форумчанами. Кстати, после публикации нескольких комментариев на блоге, я заметил небольшой приток новых читателей. Согласен, общение на форумах отнимает немало времени, но нужно стараться успевать все.
Хочу узнать у Вас, на каких интересных форумах и блогах вы черпаете свои знания? Рыбные места вроде бы не сдают, но все же… А Вы помните когда последний раз Вас критиковали по поводу блога и какие действия стали следствием этой головомойки?
Поделитесь опытом, интересно будет почитать, а на сегодня все.
До встречи!
Интересные статьи по данной теме:
Виджет твиттер на сайт за пару минут?
Внешняя оптимизация сайта – советы и правила
Плагин “заплати лайком”, установка, настройка, использование
Статистика от liveinternet, установка счетчика, анализ
С уважением, Вилков Николай
Хотите в числе первых узнавать о новых статьях и курсах?
Подпишитесь на обновления моего блога и мой канал на YouTube
Если статья вам понравилась, поделитесь с друзьями в социальных сетях. Спасибо!
View Comments (29)
Не сказал бы что прямо критикуют, но косяки мои частенько подмечают прямо на блоге :)
Краснею, исправляю, благодарю.
Знания черпаются из гугла, когда начинаю решать один вопрос, по пути в статьях блогеров нахожу еще несколько интересных фишек...
Про косяки это да, бывает, а вот так, чтобы сказали то у тебя слабое, а это вообще никакое, потому, что... и доводы.
Представь ты спокойный, плывешь по тихой речке на лодке, а тут неожиданно резкий всплеск и ты оказался в воде, голова начинает быстрей соображать.
Я про такую головомойку.... :x
Такого не было... :)
Здравствуйте друзья. Не очень поняла кто кого иза что критиковал, наверное спать пора ложиться :) Вот мне лично моя шапка не нравится и вообще все не нравится внешне :) Но боюсь, что как не делай, через время приедается картинка. Но в дизайне я ни бум-бум :) А про кнопки хочется спросить: показатели нажатий где-нибудь видны? У меня плагин с интересным глюком и наверное считает не нажатия, а посетителей. Знаю, что врет, а приятно :)
Всем успехов и спокойной ночи.
Это меня на форуме пропесочили :D Нет, тут показателей нажатий нет, не считаю это необходимым, вместо этого плагин убрал и скорости движку добавил. 8O
Николай, так и правда гораздо лучше и в плане эстетики тоже . :P Правда я бы еще пару кнопок посоветовала добавить - "закладки гугл" и Я.ру ( эту на случай если сервис "яндекс закладки" глюкнет, бывает у него порой такое) и та и другая положительно влияют на индексацию в соответствующей поисковой системе.
Спасибо за совет, Людмила. У меня уже стоит Google+ и в футере ссылка на авторство Google, достаточно, а то будет масло масляное :x А по поводу Я.ру она у меня последняя из всех стоит. :?
Знаю, знаю этот форум. Даже учавствую в конкурсе Статейника-3. Так как новичок во всем этом, то тему выбрала свободную.
А вам, Николай, желаю удачи в этом конкурсе!
Я этим сервисом тоже пользовалась, удобный)
Потом, правда сделала через другой сервис, теперь кнопочки у меня еще меньше, ну это мне так нравится просто, а вообще рекомендуемый сервис удобный и хороший. Меньше плагинов - меньше тормозов))
Показатели возле кнопок стимулируют нажатие! Только поэтому берегу свой плагин :) Зайдет человек, посмотрит, что уже кто-то нажал и сам нажмет :o
А кнопочка Я.ру самая важная! Если кто не в курсе: сразу после публикации статьи нажимаю кнопку и через пол часа-час статья проиндексирована.
Лилия, когда мы увидим Ваш блог? Решительности не хватает или пинка некому дать? :mrgreen:
Надеюсь без обиды. Всем успехов!
Всему свое время :| . Работаю над этим. Приятно, что кому-то интересно это. Спасибо за вопрос.
Не знаю, меня плагин полностью устраивает, пока буду пользоваться им. Чувствую после изучения курса Блоггер-наставник придётся опять дизайн обновлять уже окончательно со всеми указаниями из данного курса.
Плагин, который удачно функционирует это хорошо, но скрипт удачно работающий лучше, по-моему. У каждого свое мнение. :?:
Обновление дизайна неоднозначный вопрос для меня, уже месяца 3 намечаю. Вот изучу блоггер-наставник и уже план конкретный составлю.
Тоже самая, вроде обновил но вижу что много чего нет на блоге что в курсе советую. Да и вообще я не о том думал, теперь знаю что и к чему нужно делать, изучаю бонусы сделал на бросок того что должно быть ;) плагины пока не меняю на скрипты, так как думаю все же сменить дизайн на профессиональный и поэтому потом опять коды переписывается не очень хочется с плагинами в этом плане легче!
Николай, скажите, пожалуйста, а чем скрипт отличаетсяот плагина? Термин скрипт изредка встречаю, но мне не понятен он. Буду благодарна, если ответите.
Лилия, простите не заметил сразу вопрос.
Удачный работоспособный скрипт меньше нагружает блог и не конфликтует с плагинами, поскольку плагины часто конфликтуют между собой. :P
Я и подумала, что вы не заметили вопрос, поэтому и напомнила.
А скрипты устанавливаются через коды только? Спасибо.
Николай, сравнил кнопки на своем и на вашем блоге. Ваши мне больше понравились, наверное, поставлю. Темой удобства для читателей, юзабилите блога недавно только призадумался, начав изучать курс Борисова» Блоггер тысячник 2". И понял все менять надо, все не правильно делал. Мне Ваш блог нравится дизайн хороший и удобно читателям.
Спасибо за комплимент дизайну, Сергей, но я после прослушивания Блоггер наставник понял, что весь дизайн ломать надо и строить новый. :D
Неужели так все негоже в оформлении вашего блога?
Столько восторженных отзывов про этот курс, что тоже решила его приобрести и не ждать. Не хочется терять время на лишние хлопоты.
Могу даже порекомендовать у кого приобрести, поскольку сам не продаю. :mrgreen:
Спасибо за предложение, я уже нашла 2-х.
Кстати, почему вы не ответили на мой вопоос про скрипты, Николай?
А я подумал и решил с дизайном заморочиться после НГ, до пока займусь технической настройкой и приведению блога к правильному виду!
Спасибо за пост. У меня еще не установлены социальные кнопки, буду по вашему совету устанавливать. Спасибо
Юрий, приветствую! Рад, что понравился пост и помог вам.
Данный способ заслуживает внимания, но я почему-то не смог установить их у себя на блоге. Поэтому использовал другой сервис, там гораздо все проще.
Сервис называется pluso. Если зайдете туда, то все поймете.