Как красиво установить счётчики статистики в блоге

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

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

То они по вертикали располагаются как-то коряво. Если, к тому же изображение одного больше или меньше другого. То не по центру встанут. Или вообще сбоку. Полный хаос был с ними.

Конечно же, не нужно устанавливать их немеренное количество. Но для учёта статистики посещений, отслеживания трафика и позиций сайта, один или два будет уместно поставить. Многие вебмастера ограничиваются  установкой сервиса статистики LiveInternet или Яндекс метрика. Часто обращаю внимание, что если их больше 2-3  (а это в большинстве своём страсть всех начинающих) они просто разбросана как попало и совсем не радуют не только количеством, но и портят весь дизайн.

Как красиво расположить счётчик статистики по горизонтали.

Обычно горизонтально счётчики устанавливаются в подвале блога. Для того чтобы он располагался строго по центру в гаджет HTML/JavaSсript заключите его в теги

<center>здесь весь код счётчика</center>

Соответственно, слева <left>код</left> и справа <right >код</right >.

При установке 2-х или 3-х счётчиков по горизонтали используем такой код.

<table><tr><td>код первого счётчика</td><td>код второго </td>код третьего</tr></table>

Вы обратили наверное внимание, что просто добавляем участок <td>код </td>.

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

<table align="center"  border="5">
<tr>
<td>код Яндекс Метрики </td><td> код LiveInternet </td> </tr></table>

border="5" задали небольшую рамку для блока. Можете убрать это значение или поменять на своё. Результат.

Как красиво расположить счётчик статистики по вертикали.

Используем этот код.

<div style="text-align:center;margin:4px" >код первого счётчика
</div>
<div style="text-align:center;margin:4px" >
код второго счётчика
</div>
<div style="text-align:center;margin:4px" >
код третьего
</div>

Здесь мы просто заключили коды в контейнеры <div>и задали расстояние между ними, чтобы не прилипали друг к другу. Значение margin:4px можно менять по вашему желанию.

Результат.

Если хотите сделать прозрачность у счётчиков, то эта статья для вас.

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

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

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email