Главная JavaScript

Плавающая панель «Добавить в социальные сервисы»

Плавающая панель «Добавить в социальные сервисы»

Недавно я решил отказаться от использования своего скрипта "Добавить в закладки" и создал новый скрипт на jQuery - плавающую панель с кнопками добавления статьи в социальные сервисы. Эту панель вы можете прямо сейчас наблюдать слева на странице любой статьи данного блога (при разрешении экрана более ...

Комментарии (603)

  1. Отличное решение! Но вот только почему на этом сайте она видна не полностью?

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

  3. Да красивая и удобная панелька. СПС!

  4. Что-то такое делал на своем блоге.
    Только по-моему никто не пользуется особо этой вещью, дальше развивать не стал эту штуку.

    А на пользователей IE — правильно!

    • Только по-моему никто не пользуется особо этой вещью

      Я вот вообще не знаю, на моем блоге этим пользуются или нет, но раз есть возможность это сделать, то пусть будет.

      • Просто на сайтах, где «учат» разрабатывать сайты все пишут, что нужны социальные закладки, с помощью которых пользователи будут статью в сторонние сервисы добавлять. Это что-то из серии поисковой оптимизации, что каждый второй специалист, обещает горы денег на партнерках и т. д. и тп, но на самом деле сама идея либо уже не имеет давно такого результата, либо вообще ее нет.

        Хотя смотрится симпотично) Люблю хорошие вещи

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

    • У меня такой статистики. Закладочный сервисы были в свое время популярны, но после того, как их заспамили, поисковики уже не относятся к ним так дружелюбно, как раньше. Поэтому их популярность поугасла, и теперь их место начинают занимать социальные сервисы, типа Твиттера, Фэйсбука и т. п.

      Именно поэтому я кнопки разделил на этом блоге на 2 части и видимой оставил ссылки на соц. сервисы.

  6. А на этой странице в Chrome 5.0.375.99 не работает, точнее слева только слега вылезает панелька с иконками.

  7. Отличная штука! Спасибо большое.
    Думаю над установкой на свои блоги и такой вот вопрос — у меня при разрешении 1200х смотрится отлично, потому что сайт подогнан под 1024х и панелька просто сбоку, так как там итак пустое место. А что с теми, у кого 1024х? Как смотрится у них?

    • На моем блоге это выглядит вот так.

      Вижу 2 варианта решения:

      1. Сделать, как ниже написал ПафНутиЙ — сузить дизайн, чтобы добавилось пространство для этой панели на разрешении 1024.

      2. С помощью дополнительной строчки скрипта можно сделать, чтобы при этом разрешении панель была сдвинута на меньшее значение влево. Обычно от края текста до края дизайна есть какой-то отступ, т. е. на этот отступ и поставить панель. Конечно будет смотреться не очень красиво, но зато она будет видна при разрешении 1024, если уж очень надо.

  8. Просто обалденно! Спасибо. Завтра же возьму и поставлю. В неё же можно ещё дополнительно кнопки добавлять, расширять так сказать.

  9. Спасибо, как говорят в буржунете -- works like charm.

    Возможно ли передать описание (description) для livejournal, mail, vkontakte?

  10. @Vlad Osipov, думаю ты прав -- интерес к соцзакладкам падает, а твиттер, френдфид набирают обороты

  11. Мне кажется всё-таки удобнее кнопки на социальные сети сразу же после поста или статьи. К такой реализации люди уже начали привыкать.

  12. Спасибо за скрипт! Как раз буду прикручивать к новому проекту.

    Мне кажется всё-таки удобнее кнопки на социальные сети сразу же после поста или статьи. К такой реализации люди уже начали привыкать.

    как привыкли, так и отвыкнут :)

    А что с теми, у кого 1024х? Как смотрится у них?

    уменьшать ширину макета с запасом на закладки :) например через padding-left или margin-left для блока с контентом.

    Кстати второй вариант мне кажется лучше, не стягивает на себя взгляд.

  13. Дима жгешь, а самое главное очень красиво отжигаешь :) Четкий скрипт получился, как-нить обязательно заюзаю его!

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

    И не могу сместить её ниже, меняя значения «var m2 =».

    Заранее благодарен.

    niklobanov.com/

  15. Отличная статья) Все не хватает времени плотно разобраться с JQuery, подобные easy hints сильно помогают

  16. Мне тоже больше нравиться второй вариант, хотя ставил оба. Спасибо большое за такую реализацию.

  17. Объясните пожалуйста, что за код который выводит текст статьи?
    Где его искать?
    у меня есть:
    # columns. php (columns.php)
    # home. php (home.php)
    # navigation. php (navigation.php)
    # Боковая колонка (sidebar.php)
    # Заголовок (header.php)
    # Комментарии (comments.php)
    # Одна запись (single.php)
    # Основной шаблон (index.php)
    # Подвал (footer.php)
    # Функции темы (functions.php)
    # Шаблон рубрик (category.php)
    # Шаблон страницы (page.php)
    какой из них править?
    Заранее спасибо

  18. Любопытная реализация. Выглядит кошерно. Но ведь и правда, по сути, совершенно никакой обратной связи. Есть ли отдача, нету ли. Имхо, более оптимальный подход как на машабле и иных буржуйских: счетчики от tweetmeme, фейсбуковый и бузз. Ну, до кучи можно еще вконтактную кнопку прицепить. На всякий случай какбэ. А остальные кнопы бесполезны, в лучшем случае.

  19. Врач Травматолог
    13 лет 8 месяцев назад

    Я сделал на своем блоге проще у меня при любом разрешение экрана видно. Смотрите любой пост: travmatolog.net/

    • Я сделал на своем блоге проще у меня при любом разрешение экрана видно…

      Видно то видно :)
      Но если при уменьшении размеров окна браузера подвигать горионтальную прокрутку, все не так уж и хорошо :)

      Тоже самое и у тебя Дима :)