Как разместить счётчики на сайте в 1 строку

Размещение счётчиков в 1 строкуРегистрируя сайт в поисковых сервисах, каталогах и рейтингах, возникает необходимость установки на сайт различных кнопок рейтингов и счётчиков посещений.

При размещении одного счётчика на сайте, мы просто вставляем его код по центру перед закрывающим тэгом </body> и всё выглядит так как нам надо.

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

Счётчики на сайте размещены в столбик

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

Приступим к делу!

Первое, что нам нужно сделать, это в код страницы footer.php например на CMS WordPress перед закрывающим тэгом </body> вставить HTML-код таблицы:

<!-- Код таблицы для счётчиков посещений -->
<center>
<table border="0">
<tr>
<td>
<!-- Этот комментарий заменить на код счётчика -->
</td>
<td>
<!-- Этот комментарий заменить на код счётчика -->
</td>
<td>
<!-- Этот комментарий заменить на код счётчика -->
</td>
</tr>
</table>
</center>

 Это таблица размещённая по центру, имеющая 3 ячейки для счётчиков посещений.

Код таблицы для счётчиков посещений

HTML-коды самих счётчиков, полученных при регистрации в поисковиках и рейтингах, нужно размещать между тэгами <td>Здесь код счётчика</td> вышеуказанной таблицы.

Если нужно добавить больше чем 3 счётчика в таблице, просто добавляем тег <td></td> столько раз, сколько требуется в пределах тэга <tr></tr>

Конечный результат с 4 счётчиками выглядит у меня на блоге вот так:

Счётчики на сайте в ряд

Комментарии:

29 комментариев

  1. Криво счётчики вставляются!
    Ряд начинается от центра и идёт к правому краю. Что ни делал — всё так же. Ни хрена не выравнивается ряд по центру! Проверять надо, прежде, чем другим советовать!

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

  3. Автору спасибо огромное за статью! Очень полезный материал! Всё получилось, как говориться в два клика! Респект и уважуха таким сайтам!
    Не могли бы в новой статье объяснить, если в ваших силах, как прописать скрипт «кнопка сайта» и «сделать стартовой»? Заранее благодарен!

    1. Удачи Вашему сайту! Спасибо за комментарий!
      Не понял, скрипт «кнопка сайта» — что Вы имеете ввиду? Кнопка «Вверх» для сайта?
      А о кнопке «Сделать стартовой» достаточно материалов в Интернете, поищите!

  4. Привет, у меня два счетчика Яндекс метрика и LiveInternet, сделал все как написано. Только у меня один счетчик разместился слева, а другой посередине. Все перепробовал никак не могу их вместе сделать.

    1. В файле screen.css (строка 162) для стиля таблицы (table) попробуйте убрать «width:100%».
      Отпишитесь здесь о результате!
      Для решения таких проблем пользуйтесь способом, описанным в этой статье.

    1. На моём блоге стояли эти оба счётчика и ещё 3, проблем никаких не было. Вчера решил снять все счётчики и оставить только метрику.

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

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

  7. Можно без таблицы, выровняв счетчики по центру. Код такой (перед счетчиками): Здесь коды ваших счетчиков
    Тоже несложно.

  8. Привет!прощу прощения просто незнал где задать вопрос. Подскажите пожалуйста, как сделать такой вид подписки как у Вас в блоге!?

    1. Поищите в интернете на блогах инструкцию, сам уже не помню, сделано через размещение кода в виджете, подписка через feedburner. Дизайн сделаете сами.

Leave a Reply

Ваш e-mail не будет опубликован.