Как разместить кнопки социальных сетей в одну строчку

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

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

Вместо data-via=»seobizcomua» тебе нужно поставить свой ник в Твиттере, если хочешь, чтобы при ретвите было указано, кто автор. Выбрать другой вариант кнопки можно здесь.

Кнопку от FaceBook можно установить с помощью этого кода:

Обращаю внимание, что это только кусочек от кода. Сам код надо брать здесь. А устанавливается он в два этапа: часть кода ставится после тега body, другая — там, где должна появится кнопка:

Кнопки социальных сетей в один ряд

О кнопке Google+ и ее кодах читаем здесь. У меня же стоит код:



Кнопка поделиться вконтактах также состоит из двух частей. Официальная страница кнопки и процесс описания установки тут.

А теперь сама установка кнопок социальных сетей в один ряд:

Как известно, тема на WordPress сверстана div`ами, но поскольку я в них не очень сильна, то сделала немного проще, использовала для этого таблицы. Это не единственный способ установить кнопки в один ряд, можно для этого использовать и файл стилей, и плагины и любые другие средства, которые сочтешь нужным. Я же использую этот код:

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

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

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

К записи "Как разместить кнопки социальных сетей в одну строчку" 3 комментария
  1. А что посоветуете — код менять или плагин установить? Второй вариант попроще выглядит, но знаю что плагины притормаживают блог…

    • Elena:

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

  2. Спасибо за секрет! Кнопки смотрятся аккуратнее. Лайкбокса Фейсбука можно окружать тегом ДИВ и так вставлять в ленту — код тоже работает.

Оставить свой комментарий

Поиск по сайту
Читатели

Спонсор блога:
Отзывы о Steadyhoster.com
Самые обсуждаемые статьи
  • Плагин Заплати лайком. Как продают то, что можно взять бесплатно (39)
  • Урок WordPress 6: проверяем шаблон WordPress на вредоносность (29)
  • Контекстная реклама: РСЯ или Google AdSense (25)
  • ЧПУ и все о них (24)
  • Как увеличить доход с Google AdSense (23)
  • Основы продвижения сайта (SEO) в поисковых системах (21)
  • Урок WordPress 19: как убрать дату из постов в блоге? (21)
  • © 2017    SEObiz.com.ua    //    Войти   //    Вверх