Как разместить счётчики на сайте в 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 строку

  1. _http://k777k.io.ua поставил норм , без , и получилось , а если с то баннеры сдвигает . спс за статью автору

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

    • Значит у Вас, Евгений, код не правильно установлен. Какой адрес сайта? Надо посмотреть, может помогу.

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

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

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

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

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

  6. а если поставить счетчик Яндекс.Метрики на _http://www.home-engineer.ru ? проблем не будет? а то уже стоит счетчик ТИЦ от Яндекса.

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

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

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

  8. Нет, все в пределах таблица, после таблицы вообще ничего нет, конец файла… не могу отправить здесь код…

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

    • Кирилл!
      У Вас счётчики Рамблера и Лайвинтернета расположены не в таблице между тегами ТД, а после неё.

    • Я рад тому, что Вы теперь сами можете размещать счётчики посещений на сайте в одну строку.

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

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

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

    • Пожалуйста, Александр!
      Стандартные способы:
      — уникальный контент
      — трастовые сайты

      Закупкой ссылок пока не занимался.

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