Лучшие плагины социальных сетей для WordPress! Плагин иконок социальных сетей для WordPress Плагин соц кнопок.

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

Способ, о которой я сейчас расскажу вам, не отнимет больше 20 минут драгоценного времени. Работает ли она и поможет ли существенно увеличить приток читателей? Уверен, что по крайней мере хуже от этого решения не станет. Тестируйте! Чужой опыт – хорошо, а свой – ценнее.

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

Не будьте человеком, который отметает любое предложение только потому, что ему лень уделить 10 минут чему-то новому и за год у вас появится тысяча проверенных возможностей! Какие-то оправдают себя, а какие-то нет, но главное – вы попытаетесь и сможете сказать, что делаете максимум из того, что предлагает вам интернет ().

О сетях, которые нам строить и жить помогают

Наверняка вы есть в Одноклассниках, на Facebook или Вконтакте. Даже если вы один из немногих, кто «особо туда не заходит», вы не можете отрицать тот факт, что это одни из самых популярных сайтов на планете. Было бы глупо, если бы разработчик не использовал возможности социальных сетей.

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

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

Конечно же, я не обещаю вам, что народ начнет повально разносить по миру благую весть о вашем существовании. Я не стремлюсь вас обмануть. Но если вы сомневаетесь и думаете, что это не принесет ровным счетом ничего, то пожалуйста, побольше уверенности! Вы в любом случае ничего не теряете, в вдруг?

Плагин, который позволит наращивать темпы развития сайта без вашего участия

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

Заходим в панель администратора вордпресс. Находим раздел «Плагины», наводим на него курсор мыши и кликаем по «Добавить новый».

В поисковую строчку вводим название Uptolike и тыкаем enter на клавиатуре. Кстати, меня одного немного раздражает, что тут нет кнопки, которой можно было бы посылать запрос при помощи мыши? Пишите в комментариях. Очень интересно ваше мнение. Может устроим революцию?

Ориентируйтесь на эту красивую картинку. Нам нужен этот плагин. Кликаем «Установить».

Готово. Осталось только активировать.

Вот так должна измениться ваша панель слева. Там появится новое приложение UpToLike .

Как сделать «красиво»

Естественно вы можете добавить кнопки таким образом, чтобы они не выбивались из общего дизайна и выглядели красиво. Для этого кликаем по приложению UpToLike в панели слева.

Открылся раздел «Конструктор», он-то нам и нужен.

Выбираем те социальные сети, кнопки которые нам нужно добавить. Не выбирайте все подряд. Если их будет слишком много, то это негативно скажется на дизайне сайта. Добавляйте с умом. Пусть меньше, да лучше! Мне, например, кажется что основными являются Контакт, Одноклассники и Фэйсбук.

Ориентируйтесь на вашу целевую аудиторию. Подумайте, где может сидеть человек, который станет читать ваш блог. Вы уверены, что он вообще знает про существование 4Talk?

Кликните на «Адаптировать для мобильных устройств», а затем «Настроить» под этой записью. Сейчас покажу зачем.

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

Наведите мышкой на вопрос рядом с параметром и у вас появится всплывающая подсказка.

Далее идет работа с дизайном. Где будет располагаться меню: в боковой панели или внутри контента, как будут выглядеть иконки. Ваш выбор визуально отображается слева, так что не думаю, что этот выбор вызовет у вас какие-то сомнения или трудности.

Вы можете не показывать людям счетчик, отобразить частный (для каждой сети) или сделать общий. Рекомендую последний вариант. Люди охотнее поделятся, если увидят большую цифру. Вспоминаем Антуана де Сент-Экзюпери и его книгу «Маленький принц».

Взрослые любят цифры. От себя добавлю, что большие числа они любят еще больше и если увидят, что записью поделилось уже столько человек, то скорее всего тоже захотят быть в тренде! Законы стаи, что поделать.

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

Готово. Итак, сперва мой тестовый сайт выглядел так.

Но теперь все иначе.

Дополнительные возможности

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

Решать вам.

Не забывайте сохранять изменения.

Ну и конечно же статистика! Куда без нее. Вам не обязательно будет лазить по каждой статье и смотреть сколько репостов вы получили. . Нужно только ввести адрес вашей электронной почты, дождаться письма с кодом и ввести его в форму на этой страничке.

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

Конечно же, можно обойтись и без плагина. Если у вас есть хоть какие-то знания кода и большое желание, то можете воспользоваться помощью Яндекса и собственными навыками. Итак, заходим на сайт https://tech.yandex.ru/share .

Скролим чуть вниз и видим вот такую форму с набором сервисов. Выбираем нужные социальные сети.

Теперь выбираем внешний вид блока.

Готово. Нам нужен вот этот код. Кстати, этим способом также можно пользоваться если ваш сайт работает на Joomla, или даже совсем без него.

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

Если вы, как и я, не помните и не подписываете папки правильно, то для начала нужно определиться с каким разделом предстоит работать. Переходим в раздел «Сайты». Тут есть список доменов, а рядом с ними название папок. Все очень легко и просто найти.

Открываем нужную папку. Чтобы изменить дизайн, работать придется с темой. Осталось только найти ее. Двигаемся вперед. Кликаем два раза по папке public_html.

Нашли. Нам нужна папка themes.

А вот дальше снова загвоздка. Здесь находится две темы. Именно столько у меня установлено на тестовом сайте. У вас может быть больше или меньше. Если вы столкнулись с такой же проблемой, не отчаивайтесь, сейчас покажу что делать.

Заходите в панель администратора вашего движка. Перемещаетесь в раздел «Внешний вид» — «темы» и ищете название активной.

Разобрались. Называются они одинаково. Идем дальше.

Обычно, кнопки социальных сетей помещают в футер. Это не обязательно, чтобы моя статья не превратилась в книгу по css, я покажу вам только этот прием. Если вы особо не разбираетесь в теме, но очень хотите, то можете пройти бесплатный курс по html и css Евгения Попова, там все подробно рассказывается и объясняется. Что, куда и для чего вставлять.

А со временем, как затянет… и в Онлайн Университет поступите и получите современную интернет профессию.

Но, если желания долго учиться нет, а мой вариант вам нравится (результат можно посмотреть в конце публикации), то ищем файл footer.php

Он должен быть тут. Внизу. Если не видите – ищите. Открываем футер.

Вставляете код, который вам состряпал Яндекс в эту «простыню» до закрывающегося тега body.

Все. В нижней части экрана появились нужные иконки. Готово.

Привет читателям. Дополним сегодня предыдущий пост и обозрим небольшую дополнительную подборку интересных плагинов для работы с социальными сетями.

Добавление социальных кнопок с помощью соответствующего WordPress-плагина – самый простой способ стимулировать посетителей делиться вашим контентом в социальных сетях. Кроме самих кнопок социальных сетей такие плагины также включают счетчики, которые позволяют новым читателям узнать, насколько популярна та или иная запись. В этой статье вы найдете лучшие на мой взгляд, как платные, так и бесплатные подобные расширения для использования в 2016 году.

Премиум плагины социальных сетей

Этот премиальный плагин от Appscreo. Он доступен на CodeCanyon.net, который является частью . Это самый разносторонний плагин социальных сетей, который вы только можете найти на данном рынке, а все благодаря тому, что он позволяет вам разместить панель социальных сетей там, где пожелаете.

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

MONARCH от ELEGANT THEMES

Monarch – премиальный плагин социальных сетей, который идет в комплекте с планами от популярных Elegant Theme’s Developer и Lifetime Access. Данные планы также включают 85 премиальных WordPress-тем и другие плагины, предложенные разработчиками.

Бесплатные плагины социальных сетей

Этот плагин набрал популярность во многом благодаря своим инструментам построения трафика, но бесплатная версия идет в комплекте с SumoMe Share app. Этот app позволяет вам поместить статичную или плавающую панель туда, куда вы захотите, не зависимо от того хотите ли вы видеть ее рядом с записью или использовать в качестве плавающей панели для мобильных устройств.

SumoMe Share Pro радует дополнительными функциями, среди которых присутствует опция удаления брендинга SumoMe из вашей панели, 20%повышение популярности вашего контента в социальных сетях (как обещают разработчики), UTM-трекинг, возможность определить, какая социальная сеть приносит больше трафика.

GetSocial или Social Sharing, Smart Popup & Share Buttons от GetSocial.io – бесплатный и мощный плагин социальных сетей. Он позволяет вам использовать плавающую панель сбоку от записи или статичную панель над или под записью. Бесплатная версия дает полный простор для работы над дизайном.

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

AddToAny Share Buttons – это один из самых популярных плагинов социальных сетей, у которого уже набежало более 200,000 активных инсталляций. Этот плагин просто позволяет разместить плавающую панель сбоку от записи, а также над ней или под записью.

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

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

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

Это менее популярный плагин, но его отзывчивый и чистый дизайн делает его достойным претендентом на лидерство в этом маленьком топе. Плагин — простой и позволяет вам без лишней головной боли добавить социальные сети на ваш сайт.

Самый большой минус этого плагина заключается в отсутствии «плавучисти». Среди его минусов также можно отметить невозможность разместить панель рядом с записью и отсутствие панелей для мобильных устройств, в результате чего вам нужно будет установить дополнительные плагины, чтоб использовать эти панели на своем сайте.

Заключение

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

Сервисом - UpToLike.ru и покажу, как установить социальные кнопки на сайт WordPress без плагина . Кнопки социальных сетей на вашем сайте - это возможность значительно увеличить число посетителей блога за счет тех пользователей, которые приходят к вам из социальных сетей. Тем самым они помогают улучшить поведенческие на своем веб-ресурсе. А так же, практика показывает, что увеличение уникальных пользователей проекта, может доходить до 30 и выше процентов.

Главная задача бесплатного сервиса социальной активностиUpToLike - дать вам возможность максимально просто и быстро установить на своем сайте, блоге не просто кнопки социальных сетей, а модули, которые бы побуждали пользователей вашего ресурса оценивать (Like) и делиться с другими (Share) интересной информацией, которую они увидели.

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

Сервис предлагает вашему вниманию не только блоки социальных кнопок Share , Llke , Follow , но и модуль - Опросы ! Теперь Вы владеете неприлично простым и удобным функционалом для создания опросов на вашем блоге! Помимо интуитивно понятного и легкого конструирования модулей UpToLike, в личном кабинете Вы всегда сможете получить развернутую статистику по каждому опросу! Все опросы в одном интерфейсе, результаты, количество проголосовавших и многое другое в Вашем личном кабинете! Сложные вещи? Просто!

Как настроить и установить горизонтальные соцкнопки UpToLike на сайт

Сервис UpToLike

Для того, чтобы разместить социальные кнопки UpToLike и дать возможность вашим посетителям быстро делиться интересными страницами в своих аккаунтах социальных сетей, вам необходимо перейти на сайт http://uptolike.ru/ и воспользоваться конструктором кнопок и выполнить ряд операций. Выберите тип кнопок "Share или Like", вид ориентации кнопок (горизонтальная или вертикальная). Затем,установите галочку в поле "Общий счетчик" в случае, если вы хотите, чтобы пользователи видели количество лайков:

Основные настройки кнопок

Измените при помощи «расширенных настроек» размер и цвета кнопок для создания собственного уникального стиля:

Или так, вертикально:

Кликните на кнопку Получить код после того, как вы закончили с настройками. Далее, введите действующий e-mail и адрес сайта в открывшееся окошко. Нажмите получить код:

Полученный код необходимо вставить в том месте шаблона вашего сайта, где вы хотите увидеть блок кнопок. Горизонтальные социальные кнопки обычно ставят после сообщения или над статьей. Зайдите в админпанель - Внешний вид - Редактор. Открываем файл "Одна запись" (single.php) и находим строчку . Найти код можно при помощи сочетаний клавиш (Ctrl + F). Если хотите, чтобы кнопки отображались в начале поста, тогда вставляйте скопированный код чуть выше найденной строчки. Если после сообщений, как у меня чуть ниже. Сохраните изменения в файле и готово.

Теперь можно добавить надпись перед блоком соцкнопок и задать цвет для неё. Делаем так - перед скриптом добавляем строчку:

Где: h3 - размер надписи; center - выравнивание надписи по центру, можете использовать right (право) или left (слева); color: #085E0F - цвет надписи.

И естественно сама надпись которую Вы можете заменить на другую. Если кнопки слишком плотно прижаты к статье, их можно отодвинуть тэгами
. Сама конструкция должна теперь выглядеть так:

Ух ты кнопочки! Поделитесь со своими друзьями в социальных сетях:

В личном кабинете для вас будет доступна вся статистика по социальным действиям на вашем блоге. На этом я с вами прощаюсь. Удачи.

Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress. Сегодня вы узнаете как очень просто добавить на свой сайт виджет социальные иконки. С помощью данного виджета вы сможете добавлять на сайт не только социальные иконки, но и просто различные иконки на любые сайты и страницы. В настройках виджета у вас будет на выбор более 400 различных иконок. Вы сможете вставлять к каждой иконки любой URL адрес, соцсети или просто любого сайта. Можно будет выбрать цвет и размер для иконки. Есть три стиля на выбор, круглый, квадратный, с закруглёнными краями.

Установить плагин Social Icons Widget by WPZOOM вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины – Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

– Title, можете указать заголовок для виджета.

– Description, можете указать описание для виджета.

– Show icon labels, поставьте здесь галочку, чтобы добавить к иконкам описание.

– Open links in new tab, поставьте здесь галочку, чтобы открывать ссылки в новом окне.

– Icon Style, здесь два стиля для иконок, с фоном и без фона.

– Icon Background Style, здесь вы сможете выбрать стиль для фона иконок, фон с закруглёнными углами, круглый фон и квадратный фон.

– Icon Padding (pixels), здесь можно указать размер набивки иконок.

– Icon Size (pixels) , здесь можно задать размер иконок.

– Icons, у вас по умолчанию будут отображаться три соц. иконки, для facebook, twitter и instagramm. Вам нужно добавить свои ссылки на свои страницы или сообщества в данных соцсетях. В конце сохраните виджет

Вы также можете добавлять дополнительные иконки. Чтобы добавить иконку нажмите на кнопку – Add more . У вас появится поле для новой иконки, чтобы выбрать иконку нажмите на крестик в чёрном кружке.

Далее, у вас откроется окно для выбора иконок. Выберите иконку, выберите цвет для иконки, можно выбрать категорию иконок. У вас будет на выбор 4 категории с различными иконками, более 400 штук. В конце нажмите внизу на кнопку – Save .

Приветики! =) Этот пост я решил посветить обзору плагинов социальных кнопок их на самом деле очень много и когда появляется желание поставить себе на сайт не важно кнопки со счетчиками, просто иконки с ссылками взрывается мозг от разнообразия.

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

Чтобы кто-либо сделал репост вашей статьи, она должна быть интересной!!!

На этом закончим отступление и поговорим о самих плагинах.

Мой рейтинг плагинов социальных кнопок

Pluso

Начну с довольна известного сервиса Pluso или по другому русский аналог . Ребята захотели сделать ахрененные кнопки по которым будут кликать и у них это получилось.

Для начала немного критики, на самом деле сервис классный итп, но вот плагин для WordPress оставляет желать лучшего. И еще некоторые любители оптимизации сайтов, считают что он дергает много скриптов, что в свою очередь может пагубно влиять на скорость загрузки сайта. На самом деле не так-то много (в пределах разумного) и вирусов в нем нет ! Они хотят сделать платную версию с функцией сбора данных с соц сетей по этому пугаться то что они в тихую, что-то делают не надо.

А теперь о том как быстро добавить к себе на сайт такие кнопочки.

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

Дальше для тех кто использует движок WordPress есть специальный плагин, WordPress Pluso , устанавливаем его и скопированный код вставляем как на примере ниже.

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

Но есть маленький недочет если статья используется во многих рубриках то кнопки будут отображаться несколько раз, поэтому на деле советую не использовать плагин , а вставлять скрипт прямо в код страницы single.php (WordPress)

Когда в админке Wordpess во вкладке насройки, вы свяжете свой аккаунт с сайтом должна появиться такая картинка

Переходим по ней и выбираем нужное нам отображение кнопок. Сайт на английском, но интуитивно все понятно. Если выбираем режим сайт в MyProfile то при выборе вида отображения кнопок

нам будет отображаться код для кнопок как на примере ниже вставляем код в указанные блоки и жмем Activate

Если выбрали режим Worpress, указали ваш сайт, а на сайте установили плагин, то все будет подключаться автоматически У них там много платных версий, но есть и бесплатные. Конечно к сайту добавляются очередные джава скрипты, которые не мало весят, но тут как говориться выбор за вами. Есть возможность анализа. На мой взгляд немного замудренно и по сравнению с Pluso смотриться не так красиво , но если использовать с умом то можно вынести и пользу.

Ya.share

Генерируете код и вставляете куда хотите. Преимущество плагина

• можно нарисовать любые кнопки впрочем это можно и в
• один код для всех сайтов
• приятно что за статистикой можно наблюдать из Яндекс.Метрики
• меньше мусора в урлах

Из недостатков

• хреново работает с русскими урлами
• если есть другие плагины со счетчиками то цифры будут в итоге отличаться
• ну и обновление одним словом вялое =)

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

Что больше всего меня поразило, все абсолютно бесплатно! Это просто супер!!!

Для тех кто хочет использовать такие кнопки на обычных сайтах . Добавить сайт не забудьте! =)

Share42

Следующим в моем рейтинге расскажу о share42 так же не плохой сервис, вместо плагина мы будем вставлять просто код, в файл single.php в конец или в начало записи выбирайте сами =)

В принцепи сложности в установки на сайт с помощью внедрения кода в файл не будет, а если будут пишите! =)

Social Share Button

У него конечно не такой большой выбор кнопок и параметров, но с простой задачей он справляется на ура. Кому-то он очень нравится именно своей простотой. Когда будите пользоваться не забудьте везде где надо галочки поставить !

Social Likes

И последним плагином который я сегодня рассмотрю будет еще один простой и замечательный плагин Social Likes напоминает предыдущий. С его настройками проблем не должно возникнуть.

Хотел так же рассмотреть сервис одна кнопка , но в связи с тем что у него в джава скрипте нашли вредоносный код не буду. Яндекс наказывал всех блогеров за использование ее…, так как пользователи смартфонов заходившие к ним на сайт были в опасности вируса…., но это тема для отдельного поста.

Подведем итоги

Если вы не гонитесь за красотой, вам важна скорость загрузки страницы и простота использования, то в вашем случае лучшими вариантами будут Social Likes , Social Share Button , если гонитесь за красотой при этом скорость загрузки и простота использования Вас не так сильно интересует, то выбирайте WordPress Pluso или любые другие плагины кнопки которых вам понравятся больше.

От плагинов к ссылкам

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

Нам понадобиться файл для полной статьи обычно это single.php

Следующим шагом находим строчку похожую на

После нее вставляем (либо в другое место какое хотите)

Share { float: left; overflow: hidden; margin-left: 19px; width: 500px; height: 45px; } .twitter { float: left; margin-right: 5px; padding: 5px 0; } .twitter a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/twitter.png") no-repeat; /*адрес до иконки*/ } .vkontakte { float: left; margin-right: 5px; padding: 5px 0; } .vkontakte a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/vkontakte.png") no-repeat; } .facebook { float: left; margin-right: 5px; padding: 5px 0; } .facebook a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/facebook.png") no-repeat; } .googleplus { float: left; padding: 5px 0; margin-right: 0; } .googleplus a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/google-plus.png") no-repeat; }