Плавающая панель «Добавить в социальные сервисы»
Недавно я решил отказаться от использования своего скрипта "Добавить в закладки" и создал новый скрипт на jQuery - плавающую панель с кнопками добавления статьи в социальные сервисы. Эту панель вы можете прямо сейчас наблюдать слева на странице любой статьи данного блога (при разрешении экрана более ...
Комментарии (603)
Отличное решение! Но вот только почему на этом сайте она видна не полностью?
В каком браузере и при каком разрешении экрана?
Браузер любой. 17шка. Я конечно уже заметил, что она видна везде, где больше 17, но, а как же быть владельцам 17?
На моем блоге на 1024 она не рассчитана, т.к. некуда пристроить.
мне б вот плавающую панельку счетчика подписчиков добыть как на сеограмота.ру, ооочень надо, не заморочитесь для общего блага???
Это плагин Simple Counters.
Да красивая и удобная панелька. СПС!
Что-то такое делал на своем блоге.
Только по-моему никто не пользуется особо этой вещью, дальше развивать не стал эту штуку.
А на пользователей IE — правильно!
Я вот вообще не знаю, на моем блоге этим пользуются или нет, но раз есть возможность это сделать, то пусть будет.
Просто на сайтах, где «учат» разрабатывать сайты все пишут, что нужны социальные закладки, с помощью которых пользователи будут статью в сторонние сервисы добавлять. Это что-то из серии поисковой оптимизации, что каждый второй специалист, обещает горы денег на партнеркахи т. д. и тп, но на самом деле сама идея либо уже не имеет давно такого результата, либо вообще ее нет.
Хотя смотрится симпотично) Люблю хорошие вещи
Спасибо, за реализацию. А вот такой вопрос, у тебя есть статистика к примеру на твоем сайте насколько кликабельны именно мемори.ру, добрыбобры? у меня такое ощущение что они не надолго взлетели на волне интереса к соц. закладкам и также быстро ушли. или я неправ?
У меня такой статистики. Закладочный сервисы были в свое время популярны, но после того, как их заспамили, поисковики уже не относятся к ним так дружелюбно, как раньше. Поэтому их популярность поугасла, и теперь их место начинают занимать социальные сервисы, типа Твиттера, Фэйсбукаи т. п.
Именно поэтому я кнопки разделил на этом блоге на 2 части и видимой оставил ссылки на соц. сервисы.
А на этой странице в Chrome 5.0.375.99 не работает, точнее слева только слега вылезает панелька с иконками.
Ну если у вас разрешение экрана 1024 пикселей в ширину или меньше, то так и есть.
Отличная штука! Спасибо большое.
Думаю над установкой на свои блоги и такой вот вопрос — у меня при разрешении 1200х смотрится отлично, потому что сайт подогнан под 1024х и панелька просто сбоку, так как там итак пустое место. А что с теми, у кого 1024х? Как смотрится у них?
На моем блоге это выглядит вот так.
Вижу 2 варианта решения:
1. Сделать, как ниже написал ПафНутиЙ — сузить дизайн, чтобы добавилось пространство для этой панели на разрешении 1024.
2. С помощью дополнительной строчки скрипта можно сделать, чтобы при этом разрешении панель была сдвинута на меньшее значение влево. Обычно от края текста до края дизайна есть какой-то отступ,т. е. на этот отступ и поставить панель. Конечно будет смотреться не очень красиво, но зато она будет видна при разрешении 1024, если уж очень надо.
Просто обалденно! Спасибо. Завтра же возьму и поставлю. В неё же можно ещё дополнительно кнопки добавлять, расширять так сказать.
Спасибо, как говорят в буржунете -- works like charm.
Возможно ли передать описание (description) для livejournal, mail, vkontakte?
В livejournal можно, на счет остальных не знаю.
@Vlad Osipov, думаю ты прав -- интерес к соцзакладкам падает, а твиттер, френдфид набирают обороты
Мне кажется всё-таки удобнее кнопки на социальные сети сразу же после поста или статьи. К такой реализации люди уже начали привыкать.
Спасибо за скрипт! Как раз буду прикручивать к новому проекту.
как привыкли, так и отвыкнут :)
уменьшать ширину макета с запасом на закладки :) например через padding-left или margin-left для блока с контентом.
Кстати второй вариант мне кажется лучше, не стягивает на себя взгляд.
Того же мнения. Длинная «портянка» будет смотреться не очень привлекательно.
Дима жгешь, а самое главное очень красиво отжигаешь :) Четкий скрипт получился, как-нить обязательно заюзаю его!
Дима, подскажи, пожалуйста, почему у меня на блоге сама панель повторяется дважды или более.
И не могу сместить её ниже, меняя значения «var m2 =».
Заранее благодарен.
niklobanov.com/
Вы сделали неправильно. На главной странице не нужно подключать скрипт — поскольку у вас там идет лента из нескольких записей, код панели подключается к каждой из них. Подключать нужно на странице отдельной записи.
Спасибо, Дима! Исправлю.
Отличная статья) Все не хватает времени плотно разобраться с JQuery, подобные easy hints сильно помогают
Мне тоже больше нравиться второй вариант, хотя ставил оба. Спасибо большое за такую реализацию.
Объясните пожалуйста, что за код который выводит текст статьи?
Где его искать?
у меня есть:
# 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)
какой из них править?
Заранее спасибо
# Одна запись (single.php)
Любопытная реализация. Выглядит кошерно. Но ведь и правда, по сути, совершенно никакой обратной связи. Есть ли отдача, нету ли. Имхо, более оптимальный подход как на машабле и иных буржуйских: счетчики от tweetmeme, фейсбуковый и бузз. Ну, до кучи можно еще вконтактную кнопку прицепить. На всякий случай какбэ. А остальные кнопы бесполезны, в лучшем случае.
Можно было бы так сделать, но не будет целостности. А так все кнопки в едином стиле.
Нет, нет, это я не применительно к плагину, а так вообще. В плагин конечно не стоит добавлять счетчики. Будет разнобой.
Я сделал на своем блоге проще у меня при любом разрешение экрана видно. Смотрите любой пост: travmatolog.net/
Видно то видно :)
Но если при уменьшении размеров окна браузера подвигать горионтальную прокрутку, все не так уж и хорошо :)
Тоже самое и у тебя Дима :)
Хорошая реализация.