Он описан в этой статье и пересказывать её содержание не буду.
Счётчик стал относительно популярным (я насчитал по записям базы сотню с копейками блогов/уникальных адресов).
А теперь рассмотрим, как же можно изменить внешний вид счётчика.
Попробуем сменить шрифт на что-то более экзотическое. Идём на Google Web Fonts, выбираем шрифт и получаем ссылку + код для css.
Ссылка на веб-шрифт:
<link href="http://fonts.googleapis.com/css?family=Lobster&subset=cyrillic,latin,cyrillic-ext" rel="stylesheet" type="text/css"></link>
Запись о шрифте для стилей:
font-family: 'Lobster', cursive;
Создадим таблицу стилей, класс, назовём zebra, чтобы подчеркнуть уникальность и внесём туда все настройки для текста: размер общего блока, цвет рамки, цвет тени, цвет шрифта:
<style>
.zebra{
font-family: 'Lobster', cursive;
color:#ff0000;
text-align: center;
border:solid 1px #999999;
padding:12px;
margin:12px;
width:100px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 2px 10px #999999;
-webkit-box-shadow: 0 2px 8px #999999;
box-shadow: 0 2px 8px #000000;
</style>
Соответственно, код счётчика, не считая ссылки на шрифт и таблицы стилей, будет выглядеть вот так:
<div class="zebra"> <b><span style="font-size: x-small;"><script src="http://blogabloger.ru/counter.php" type="text/javascript"> </script> просмотров</span></b></div>
Т.е. конечный код счётчика просмотров страниц блога для вставки в шаблон блога будет состоять из трёх частей:
1) Ссылка на шрифт (ставится в <head></head>):
2) Стили счётчика (ставится в css часть шаблона; перед ]]></b:skin>)
.zebra{
font-family: 'Lobster', cursive;
color:#ff0000;
text-align: center;
border:solid 1px #999999;
padding:12px;
margin:12px;
width:100px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 2px 10px #999999;
-webkit-box-shadow: 0 2px 8px #999999;
box-shadow: 0 2px 8px #000000;И сам код для установки в шаблон:
<div style="color:red; padding:2px; margin:2px; width:100px; display:compact;"><img height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-YdrQkg-ebrYPQcDP2QDK0A8BmgiBI_lylGjMJJxgzGY_OR4CjltQHlbi_QrbtlQKFeLpR9Fg9kmQOT-rv5fZxG1_BM1HYHG9m2hlDFPtVFruYv76eSsWCddEpKrAhY-nui0_QLaQ38w/s1600/eye.png' width='16'/>+<font size='3'><script src='http://blogabloger.ru/counter.php' type='text/javascript'/></script></font></div>
Тег <a> я выкинул, поскольку он наследует правила из шаблона.
Теперь рассмотрим другой вариант:
+Установка в шаблон блога по той же схеме.
Готовый код такой:
<!--blogger post counter--> <b:if cond='data:blog.pageType == "item"'><div style="color:red; padding:2px; margin:2px; width:100px; display:compact;"><img height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-YdrQkg-ebrYPQcDP2QDK0A8BmgiBI_lylGjMJJxgzGY_OR4CjltQHlbi_QrbtlQKFeLpR9Fg9kmQOT-rv5fZxG1_BM1HYHG9m2hlDFPtVFruYv76eSsWCddEpKrAhY-nui0_QLaQ38w/s1600/eye.png' width='16'/>+<font size='2'><script src='http://blogabloger.ru/counter.php' type='text/javascript'/></script></font></div></b:if> <!--end-->
Последнее время начал глючить.Пропадает цифры показа.А иногда долго загружается блог.Тормозит загрузку http://linuxesrf.gb7.ru/counter.php
ОтветитьУдалитьСпасибо, что предупредили.
ОтветитьУдалитьПока не могу сказать, что является причиной лагов. С базой всё ок,
Подозреваю, что у провайдера были проблемы с mysql-сервером.
Сейчас проверил десяток блогов, все в норме.
Сейчас всё нормально.Надеюсь не очень часто сбои будут.
ОтветитьУдалитьЭто один из лучших хостеров.
ОтветитьУдалитьНо надо ещё одну базу поднимать.
На текущей "висит" столько блогов, что я уже не сосчитаю наверное).
Кстати, учитывается тот линк, который находится в этот момент в адресной строке браузера.
ОтветитьУдалитьт.е. если перейти к этой странице по ссылке http://blogger.omg-linux.ru/2011/10/varinati-schetchika-prosmotra-postov.html?showComment=1322415365273#c6597301996848767186 , то показания счётчика будут другими, именно для этой ссылки.
зы: в заметке первый счётчик изменил на скриншот.
Такеи счётчики тормозят загрузку. А пользы от них ноль.
ОтветитьУдалитьДля анализа посещаемости и оптимизации лучше использовать прдукты от google или яндекс
Когда гость видит на счётчике 1000 просмотров поста, то 90% вероятности, что откомментирует, есть и другие плюсы.
ОтветитьУдалитьА есть что-то типа "основ для дурней", а то много пользователей блогов хвастают заменой трудных фишек разного плана. При этом вы выкладываете код и говорите как и чего. Итог - мы либо неосмысленно делаем это, либо вообще не понимаем о чем речь. Никто не пробовал как-то это раскрыть?
ОтветитьУдалитьНу вообще я много раз выкладывал описания, относительно шаблона Blogger. А что касется css и html, то интернет изобилует всевозможными руководствами на этот счёт. Переписывать их заново - очень неблагодарный труд, такие статьи не котируются ни у пользователей, ни у поисковиков.
ОтветитьУдалитьпоследний готовый код куда вставлять?)
ОтветитьУдалитьПеред или после /data:post.body. Всё зависит от шаблона. Нужно найти часть кода, отвечающего за пост на странице. Если сложно, то придётся методом научного тыка.
ОтветитьУдалитьизвините ещё раз потревожу. А вот чтобы установить последний вариант, кроме этого готового кода надо вставлять стиль перед ]]> или ссылку на шрифт?
ОтветитьУдалитьНичего страшного, на то и нужны комменты).
ОтветитьУдалитьВ последнем варианте ни шрифт, ни стили не нужны.
пытаюсь его вставить, а при просмотре выдаёт одну и ту же ошибку, куда бы я ни вставил, просит закрыть таг < / font > . Если его закрыть, то попросит другой таг закрыть...( Ужас))
ОтветитьУдалитьНовая админка теперь не даёт вставлять такой код. Нужно сконвертировать здесь - HTML to XHTML Converter, потом вставить.
ОтветитьУдалитьТолько что проверил, отлично ставится и работает.
спасибо вам за ответ) Вы мне частично помогли, но у меня как-то некорректно отображаются просмотры : захожу с компа на одну статью - например у неё 10 просмотров, а с телефона или ноута зайду на эту статью - пишет 1 просмотр...(
ОтветитьУдалитьСравните адреса страниц. Мобильные шаблоны или ссылки с комментариев имеют другой адрес страницы, соответственно для них счётчик считает визиты отдельно.
ОтветитьУдалить