Фишки для блога без плагинов

  Автор:
  12259
Фишки для блога без плагинов

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

Не раз мне задавали вопрос, как можно поставить ту или иную фишку, как у меня на блоге. :) Особенно привлекают боковая плавающая панель с закладками и нижняя панель с инструментами. Вот,  решила разом ответить на этот вопрос, тем более поводом послужило письмо от Сергея Антонюка с таким вопросом:

…. у вас на блоге я обнаружил еще пять виджетов/плагинов/программ.
Их нет среди 27 плагинов для WordPress…Подскажите, пожалуйста, как они называются и где их можно найти?

AnfisaBreusBlog1

Ну что ж, давайте по-порядку рассмотрим, как создавать те 5 фишек перечисленных Сергеем.

Итак:
1. Плавающая боковая панель с кнопками социальных закладкок.
Устанавливается такая панель с помощью скрипта, который генерируется в специальном сервисе: Share42.com — Скрипт кнопок социальных закладок и сетей
Сервис на русском языке с инструкциями по созданию и установки.

2. Facebook Like Box. Это официальное название этого виджета. Выводит лица и имена поклонников Вашей Фан страницы на Facebook. Чтобы получить такой виджет нужно сделать 3 вещи:

  1. Открыть фан страницу на Facebook: http://www.facebook.com/pages/create.php
  2. Сгенерировать код виджета «Facebook Like Box»: http://developers.facebook.com/docs/reference/plugins/like-box/
  3. Скопировать код и вставить его в виджет «Текст» на блоге

Кстати, в случае с Facebook Like Box можно воспользоваться плагином: http://wordpress.org/extend/plugins/facebook-like-box/
Плагин, создаст виджет, а вам остается только настроить его.

3. Google+ профиль. Для получения этого виджета нужно:

  1. Зарегистрироваться в сервисе Google+ и оформить профиль
  2. Далее перейти в раздел «Разработчиков Google«, сгенерировать с помощью визуального конструктора код и скопировать его
  3. Вставить код в виджет «Текст» на блоге

4. Лента Твиттер. Есть плагины, которые создают такой виджет, но выглядеть он будет не так красиво.
Чтобы получить такой виджет нужно:

  1. Создать акканут на Твиттер и войти под своим логином и паролем
  2. Перейти в раздел «Виджеты» (слева в меню аккаунта). Настроить виджет по вкусу, скопировать код виджета.
  3. Вставить код в виджет «Текст» на блоге

5. Wibiya’s Web Toolbar — нижняя панель инструментов. Создается с помощью сервиса http://www.wibiya.com/

  1. Зарегистрироваться в сервисе
  2. Создать панель по вкусу и копировать код
  3. Вставить код в файле footer.php шаблона перед закрывающие тегом </body>

На этом все. Если будут вопросы по настройкам, пишите здесь  в комментариях. Буду рада ответить. :) И не перебарщите с наведением красоты на блоге :).

P.S. Буду рада, если в комментариях Вы напишите какие еще фишки Вам бы хотелось поставить на блоге, но Вы не  знаете как.  Тему «Фишки для блога без плагинов» можно будет продолжить:)

P.P.S. Спасибо Сергей за вопрос и за скриншот :)

Фишки для блога без плагинов

   1 голос
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Оставьте свой комментарий:
135 комментариев
  1. Анфиса, я поняла, как всё установить, но мне не нравится цвет панели и то, что она такая длинная и не видно стрелки для прокручивания кнопок. Подскажите, как исправить всё это, пожалуйста.

  2. Вроде всё получилось, оформление панели я убрала, без неё лучше. Спасибо за скрипт. Получается, что теперь плагин Share buttons, который у меня стоит можно удалить?

  3. Игорь

    Здравствуйте Анфиса!
    Не могу понять — куда вставить код скрипта в шаблоне?

  4. Игорь, в комментариях уже не раз эта тема обсуждалась. Просмотрите пожалуйста комментарии к этой записи:
    http://anfisabreus.ru/2011/05/fishki-dlya-bloga-bez-plaginov/comment-page-1/#comment-1876
    http://anfisabreus.ru/2011/05/fishki-dlya-bloga-bez-plaginov/comment-page-1/#comment-1897

  5. Анфиса, здравствуйте. Установила share42, но эта панелька у меня посредине поста, как мне её сместить, что бы она была скраю от поста?

  6. Chip

    Анфиса, здравствуйте. А где можно найти эту строку , чтобы настроить прозрачность панели #share42 a { opacity: 0.5; }

    • Chip, после того как на сервисе share42 вы выбирали все кнопки для панели в самом низу предлагается код стиля этой панели в соответствии с Вашими настройками. Этот код нужно вставить в файл style.css шаблона и в нем уже настраивать прозрачность.

  7. Анжела

    Анфиса, добрый день!
    Помогите, подскажите пожалуйста. Я на блоге поменяла тему. Пытаюсь установить плавающую боковую панель, но у меня ничего не получается. В чем может быть проблема?

    • Анжела, проблем может быть много. Я не знаю как Вы все устанавливаете. Установка плавающей панели присходит в несколько этапов:
      1. на сервисе выбираете кнопки
      2. скачиваете архив
      3. разархивируете на компьютере и закачиваете на хостинг
      4. прописываете пути в файлам в файле single.php (панель будет появляться в статьях)
      5. копируете на сервисе код стилей и вставляете его в файл style.php
      Под кнопками на сервисе share42.com есть подробная пошаговая инструкция как устанавливать панель.
      Напишите, пожалуйста подробно как и что вы делаете, это поможет понять что Вы делаете не так.

      • Анжела

        Анфиса, я все делала по инструкции. Вставляю код в single.php и в style.css но ничего не показывает. Быть может я стили не в то место прописываю? Я уже пробовала вставлять код в файл page.php

        • Анжела

          Все, Анфиса, спасибо! Разобралась, нашла свою ошибку. Когда я в код вносила путь к файлу, т.е. вставляла адрес своего блога, то я этот адрес просто скопировала в адресной строке и вставила. И здесь заключалась ошибка, т.к. у меня получилось двойное значение http//. И только утром на свежую голову я это обнаружила, исправила и все ОК!

  8. Спасибо большое за интересные фишки. Буду применять.

  9. Здравствуйте! А у меня беда! После того, как попыталась установить на свой блог плавающую панель с кнопками, мало того, что они не установились, так ещё и сам сайт пропал. Теперь по моему адресу открывается посторонний сайт и что делать не знаю(((
    Анфиса, моему горю можно как-то помочь? Заранее благодарю! С искренним уважением, Мария.

  10. Ольга Губанова

    помогите вернуть мой блог!!!
    я после статьи вставила

    и теперь переправляет на site.name как мне быть. столько информации потеряла.

на Блоге
в Фейсбук
в Вконтакте