Простой счётчик-информер для блога

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

 В этой шпаргалке шла речь о некоторых из них. Очень удобен такой способ для многих.

Но совсем недавно одной из моих читательниц очень понравился, родной гаджет статистики предоставленный разработчиками Blogger. Уже с изменённым дизайном. Кто пропустил эту статью, перейдите сюда, пожалуйста. Но вся проблема в том, что у многих начинающих блогеров при упоминании, что необходимо сделать какие-то изменения в шаблоне, сразу опускаются руки.

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

Ну а сейчас вернусь к теме сообщения. И предложу 2 варианта простого счётчика-информера для блога. Без ковыряний в шаблоне. Устанавливаются они обычным способом через гаджет HTML/JavaScript.

Первый вариант для любителей минимализма. Совсем простой. Отображает количество опубликованных постов и комментариев. Вот так он выглядит.

 Скопируйте в блокнот или черновик код, предложенный ниже.

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Всего статей: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Всего комментариев: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color:ddd><script src="####/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="####/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>

Вместо решёток вставьте адрес своего блога. Обратите внимание, что после адреса должен стоять один слеш (/). И вместо слов всего комментариев и всего статей можно написать что-то своё.

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

Устанавливается через гаджет. Панель администратора-дизайн-добавить гаджет. Выбираем HTML/JavaScript и вставляем в него следующий код.

<img src="http://s020.radikal.ru/i715/1412/ad/b562b4c8e9b2.jpg" alt="" width="14" height="14" /> Сейчас на сайте: <b><script
src=http://fastonlineusers.com/online.php?d=http://poluhka.blogspot.ru/></script></b><br/>
<script style="text/javascript">
function totalPosts(json) {
document.write('<img src="http://s57.radikal.ru/i156/1412/61/c1fb58d33e18.jpg" alt="" width="14" height="14" /> Всего постов: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('<img src="http://s017.radikal.ru/i435/1412/9f/ff4fb72773d3.jpg " alt="" width="14" height="14" /> Всего комментариев: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script>
<script language=javascript>
d0 = new Date('september 20, 2013');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('<img src="http://s009.radikal.ru/i308/1412/dc/aab8e4472e0e.png" alt="" width="14" height="14" /> Блог живет: <b><span style="color: #ff0000">' + Math.round(dt) + '</span></b>-й день.');
</script>

То что выделено красным цветом, поменяйте на адрес вашего блога. В строку, которая отмечена зелёным впишите дату публикации вашего первого поста. Самое интересное, что этот счётчик-информер можно сделать совершенно уникальным. Жёлтым цветом выделены адреса миниатюр в информере. При желании можно найти в интернете другие изображения, желательно небольшого размера и поменять на свои.

Мне остаётся пожелать вам отличного предновогоднего настроения и успехов во всех начинаниях.

Введите Ваш email ...: