Де розмістити лічильник у блозі Blogspot

Blogspot продовжує розміщувати багато особистих і громадських блогів, часто із суворими структурними обмеженнями. Платформа обмежує користувацький HTML певними розділами, перетворюючи розміщення лічильника зображень у важливе дизайнерське рішення.

Де HTML узагалі дозволений

Редактор макета — те місце, яке приймає власну розмітку, і приймає її в одному-єдиному вигляді: коробкою під назвою гаджет, один різновид якої бере сирий HTML. Редактор теми приймає більше, але помилка там зачіпає всі сторінки одразу, і скасувати її не завжди очевидно як.

Гаджет — це названа коробка, яку тема розміщує сама. Вона приходить зі своїм заголовком, своїм відступом і тією шириною, яка в цю мить у навколишнього розділу. Усе, що кладеться всередину, успадковує це — тому той самий лічильник виглядає по-різному у двох розділах одного блогу.

Чому бічна колонка — не та коробка

Встановлення лічильника у вузьку бічну колонку часто викликає порушення макета. На мобільних пристроях бічні панелі зсуваються в самий низ, а широкий дизайн зображення може перевищувати доступну ширину колонки, що призводить до горизонтальної прокрутки.

Бічна колонка — найвужчий розділ, який пропонує тема Blogspot, і перший, що переставляється. Лічильник, ширший за цю колонку, не стискається під розмір: він стирчить, і сторінку можна рухати вбік по всій її довжині, а не тільки поруч із картинкою.

Є й друга причина, і її помічають запізно. На телефоні бічна колонка йде під дописи, тобто рівно туди, де й так стоїть підвал. Лічильник тому все одно опиняється поруч із підвалом — наробивши дорогою безладу у верстці.

Чому підвал тримає

Нижній колонтитул незмінно є найбільш надійним місцем. Це гарантує, що візуальний елемент завантажується тільки після того, як стає доступним основний контент, запобігаючи будь-якому втручанню в процес читання при точному обліку відвідування.

Практична частина достатньо коротка, щоб записати її без картинок. Додати гаджет HTML, вставити в нього тег, лишити заголовок гаджета порожнім, щоб не з'явився зайвий заголовок, перетягти його в найнижчий розділ, який пропонує макет, і зберегти. Більше міняти нічого.

Знімків екрана тут немає навмисно. Редактор макета за ці роки перемальовували не раз, і картинка торішньої версії гірша, ніж жодної: вона відправляє читача шукати кнопку, яка переїхала. Назви лишилися на місці — макет, гаджет, HTML — і назви переживають перебудову краще за знімки екрана.

Обмеження виявляється справжнім, але невеликим. Одна коробка, одна вставка — і питання про місце закрите на весь час, поки існує блог. Це чесний обмін на майданчику, що в іншому лишає дуже мало для вирішення.