Социальные кнопки в одну строку

У всех социальных сетей есть свои собственные кнопки, которые позволяют быстро поделиться новостью на друзьями или просто для того, чтобы показать свой интерес к прочитанному. Не все кнопки похожи, но благо то, что на многих популярных соц. сетях есть настройки для таких кнопок. Выбрав для всех одинаковую высоту, Вы сможете поместить кнопки в одну строку. Конечно, Вы можете использовать оригинальные иконки социальных сетей, по нажатию на которые будут открываться окна для отправки ссылки в профиль. Но предпочтительней использовать «родные» кнопки. Они, в основном, не открывают дополнительные окна, что ускоряет отправку ссылки. В социальных сетях ВКонтакте, Facebook, Twitter, Google Plus, Мой мир и Одноклассники есть возможность выбрать высоту 20 пикселей. Это компромисс. Ниже будет показана пошаговая инструкция, как создать свои кнопки, а пока посмотрите на специальный код, который позволит осуществить вывод кнопок соц. сетей в одну строчку.

Код HTML

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

Получить кнопку ВКонтакте

Кнопки в одну строку должны иметь одну и ту же высоту. Получить виджет можно здесь. Из вариантов следует выбрать «Кнопка с миниатюрным счётчиком». Высоту выбираем 20px. Копируем код, вставляем вместо названия «ВКонтакте» в коде выше.

Кнопка Твитнуть

Перейдите на страницу получения кнопочки. Тут она сразу имеет нужный нам формат. Копируем код, вставляем в нужное место.

Facebook Like

Получить код можно на соответствующей странице. Ширину нужно взять 200. Кнопку для отправки скрыть (снять галочку), вариант выбрать простой со счетчиком.

Google +1

Кнопку от Google Plus ставьте обязательно. Сгенерировать код можете здесь. Размер возьмите второй, и вариант со счетчиком.

Нравится и класс

Это последние кнопки в строке. Вот страница. Главное, оставьте размер второй. Текст на кнопках можно убрать вообще, это сэкономит место значительно.