How To Add Post Views Counter Plugin in Blogger?

How To Add Post Views Counter Plugin in Blogger?


blogger post views counter
I am happy to inform you all that now you can show post views counts below your post title in blogger blog. You have no need of any server or server code to display your post page views. Recently I got aware with a free service called FireBase. By using this free service you can easily create a dynamic and data-driven plugins for your blogger blog and you have no need of any development skill. Firebase was launched in April 2012. Here you can get 10GB Free bandwidth and 5GB Free storage which is really more than enough for bloggers. In this article you will learn how to add a dynamic page views counter for individual posts in blogger. Before going to the tutorial you may be interested to see a demo!



Note: This plugin will only increment its count value when you visit individual posts but not by just refreshing your blog homepage.

Create FireBase Account


To use this plugin and to store your database of your post views data you must need to sign up for a free account at Firebase.

  • Signup at Firebase
Once you fill all the details and create your account, then you need to create your first firebase database.

Create a Firebase Database


1. At the bottom right side of your account page, you will get a following create box.


2. Insert your blog name in the text field. In my case I inserted bloggertipstricks.

3. Press create button. Once you press the button your firebase will be create as:

4. Note down your firebase url in any text editor like notepad. We will need it later in our tutorial.

Installing Post views Plugin


  1. Go to your blogger account then choose Template

  2. Backup your template before doing any changes.

  3. Click Edit HTML ---> Proceed ---> Expand Widget Templates.

  4. Press Ctrl+F and find ]]></b:skin>

  5. Just above it, paste the following css code.

/*-------- Post Views  ----------*/
#views-container {
width: 75px;
float: right;
}
.mbtloading {
background: url('http://4.bp.blogspot.com/-PZMStRDcchY/USOp3xFp4yI/AAAAAAAAJOo/rm5FSsaSKh0/s320/mbtloading.gif') no-repeat left center;
width: 16px;
height: 16px;
}
.viewscount {
float: right;
color: #EE5D06;
font: bold italic 14px arial;
}
.views-text {
float: left;
font: bold 12px arial;
color: #333;
}
.views-icon{
background: url('http://4.bp.blogspot.com/-_dXedKDHIws/USOp369zEPI/AAAAAAAAJOs/Cv3fTZUaBTU/s1600/postviews.png') no-repeat left;
border: 0px;
display: block;
width: 16px;
height: 16px;
float: left;
padding: 0px 2px;
}

Customization: 

  • Edit #EE5D06 to change the text color of the numeric count.

  • Replace right with left to change the plugin alignment.
  1. Now search for </body> and paste the following code just above/before it.

<!-- Post Views Script by MBT -->
<script type='text/javascript'>
    window.setTimeout(function() {
document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($(&#39;a[name]&#39;), function(i, e) {
var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;mbtloading&#39;);
var blogStats = new Firebase(&quot;https://Road2-Blogger.Blogspot.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
blogStats.once(&#39;value&#39;, function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr(&#39;name&#39;);
isnew = true;
}
elem.removeClass(&#39;mbtloading&#39;).text(data.value);
data.value++;
if(window.location.pathname!=&#39;/&#39;)
{
if(isnew)
blogStats.set(data);
else
blogStats.child(&#39;value&#39;).set(data.value);
}
});
});
</script>

Change the highlighted orange line with your firebase URL which you copied instep 4.
  1. Now find this code:

<data:post.body/>

Just above this paste the following code

<!-- Post Views Counter by http://road2-blogger.blogspot.com/-->
<div id='views-container'><span class='views-icon'/><div class='views-text'>Views:</div> <div class='mbtloading viewscount' id='postviews'/></div>

Replace Views: with any text you want to use.
  1. Now paste the below code just after <head>

  2. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

  3. Press save template button.
Congratulation! You have successfully installed the post views counter for your blog.
Share on Google Plus

About Unknown

    Blogger Comment
    Facebook Comment

15 commentaires:

  1. Nail treatments started 5,000 years back in India when henna was utilized as nail clean. The mainstream practice inevitably moved to China, where Cixi, the lady sovereign was known for her excellent, long nails. In spite of the fact that they were counterfeit, she generally had them very much manicured.

    RépondreSupprimer
  2. Offshore Hosting with 100% DMCA ignored Hosting, Offshore Dedicated Server, Offshore VPS Hosting. offshorededi is the Most Secure Offshore Host.

    RépondreSupprimer
  3. DMCA IGNORE HOSTING
    ANONYMOUS, SECURE & DMCA IGNORE OFFSHORE WEBHOSTING
    offshore web hosting

    RépondreSupprimer
  4. Магазин спортивного питания, официальный портал которого доступен по адресу: SportsNutrition-24.Com, реализует большой выбор товаров, которые принесут пользу и заслуги как проф спортсменам, так и любителям. Интернет-магазин осуществляет свою деятельность уже большое количество лет, предоставляя клиентам со всей Рф качественное питание для спорта, а также витамины и специальные препараты - https://sportsnutrition-24.com/bustery-gormona-rosta/. Спортпит представляет собой категорию продуктов, которая призвана не только лишь улучшить спортивные заслуги, да и благоприятно влияет на здоровье организма. Подобное питание вводится в повседневный рацион с целью получения микро- и макроэлементов, витаминов, аминокислот и белков, а также других недостающих веществ. Не секрет, что организм спортсмена в процессе наращивания мышечной массы и адаптации к повышенным нагрузкам, остро нуждается в должном количестве полезных веществ. При этом, даже правильное питание и употребление растительной, а кроме этого животной пищи - не гарантирует того, что организм получил нужные аминокислоты или белки. Чего нельзя сказать о высококачественном спортивном питании. Об ассортименте товаров Интернет-магазин "SportsNutrition-24.Com" реализует качественную продукцию, которая прошла ряд проверок и получила сертификаты качества. Посетив магазин, заказчики могут подобрать для себя товары из следующих категорий: - L-карнитинг (Л-карнитин) представляет собой вещество, схожее витамину B, синтез которого осуществляется в организме; - гейнеры, представляющие из себя, белково-углеводные консистенции; - BCAA - средства, содержащие в своем составе три важные аминокислоты, стимулирующие рост мышечной массы; - протеин - чистый белок, употреблять который вы можете в виде коктейлей; - всевозможные аминокислоты; - а помимо этого ряд других товаров (нитробустеры, жиросжигатели, особые препараты, хондропротекторы, бустеры гормона роста, тестобустеры и многое другое). Об оплате и доставке Интернет-магазин "SportsNutrition-24.Com" предлагает огромное обилие товаров, которое в полной мере способно удовлетворить профессиональных и начинающих спортсменов, включая любителей. Большой опыт позволил организации сделать связь с крупнейшими поставщиками и производителями спортивного питания, что позволило сделать политику цен гибкой, а цены - демократичными! Например, аминокислоты или гейнер купить вы можете по стоимости, которая на 10-20% ниже, чем у конкурентов. Оплата возможна как наличным, так и безналичным расчетом. Магазин предлагает широкий выбор методов оплаты, включая оплату разными электронными платежными системами, а кроме этого дебетовыми и кредитными картами. Главный офис фирмы расположен в Санкт-Петербурге, однако доставка товаров осуществляется во все населенные пункты РФ. Помимо самовывоза, получить товар вы можете посредством любой транспортной фирмы, подобрать которую каждый клиент может в индивидуальном порядке.

    RépondreSupprimer
  5. Наш онлайн-кинотеатр предлагает своим зрителям погрузиться в мир интересных турецких телесериалов. Портал предлагает широкий каталог многосерийных кинофильмов на любой вкус, а основное, все они имеют русское озвучивание. Мы часто пополняем медиатеку, чтобы нашему гостю не приходилось находить новинки на сторонних ресурсах - турецкие сериалы в хорошем hd 720 качестве. Что предлагает онлайн-кинотеатр своим посетителям? - Полное отсутствие рекламы. Ничего не сможет отвлечь от игры любимых актеров! - Постоянные обновления каталога. Теперь вы не пропустите новинки турецкого кинематографа! - Качественное озвучивание - долой русско-турецкий словарь! - Возможность смотреть киносериалы на различных устройствах. Дорога на работу теперь станет увлекательной и интересной! - Удобство просмотра. Наш видеопроигрыватель может остановить только низкая скорость интернет-соединения. Онлайн-портал турецких сериалов создан специально для тех, кто всегда находится в поиске ресурсов, позволяющих смотреть зарубежные многосерийные киноленты без ограничений. Теперь в вашем распоряжении неограниченное количество фильмов с хорошим качеством изображения и русским переводом. Начать просмотр можно любому посетителю онлайн-сайта без каких-либо ограничений. Но мы все таки советуем вам пройти минутную регистрацию - это позволит вам создавать закладки, оставлять комменты и дискуссировать просмотренные картины с другими гостями портала. А в случае если вы только начали знакомство с турецкими телесериалами, сделать выбор в пользу той или иной фильмы поможет краткая инструкция. Погрузится в мир головокружительной любви, трагических встреч, кровопролитной вражды и небезопасных игр с самой судьбой поможет наш онлайн-кинотеатр телесериалов из Турции. Приятного просмотра и положительных эмоций!

    RépondreSupprimer
  6. Ставки на спорт с каждым днем становятся все популярнее. У беттеров (игроков на ставках) из Узбекистана появилась возможность делать ставки в государственной валюте на портале - Мостбет ставки в Таджикистане. При регистрации в этой букмекерской конторе гость выбирает игровую валюту - узбекский сум, российский рубль, доллар или евро. Всего доступно 19 валют! Играть на портале сумеют не только лишь жители Узбекистана, ресурс переведен на 25 языков. Ставки на спорт На сайте Мостбет можно сделать ставки на все ключевые события мира спорта - футбол, баскетбол, хоккей, волейбол, теннис и другие, включая зимние виды спорта, легкую атлетику и единоборства. Для того, что бы делать ставки следует пройти процедуру регистрации, которая займет не более 5 минут. Для гостей этой букмекерской конторы доступны ставки до матча (прематч) и в режиме реального времени (Live). Казино В Мостбет можно так же сыграть в азартные игры - карты, рулетку и слоты (игровые автоматы с вращающимися барабанами). Слотов очень много - на любой вкус, от классических вишенок-клубничек до современного софта с несколькими игровыми полями и бонусными раундами. На Мостбет у игроков единый счет для ставок и для казино. Приложение на веб-сайте Мостбет вы можете скачать приложение для игры с мобильных устройств - планшетов и телефонов под управлением операционной системы Андроид и iOS. Ссылка для скачивания этих программ располагается в самом верху главной страницы. На веб-сайте вы можете ознакомиться с отзывами игроков. Если имеется проблема со входом на портал, то в разделе «Зеркало» можно узнать об альтернативных методах входа, в случаях блокировки ресурса. Для связи с гостями работает онлайн чат, в каком можно задать любой интересующий вопрос техническим консультантам букмекерской конторы.

    RépondreSupprimer
  7. Наш сайт рассказывает о новостях бокса и ММА. Читатель узнает о ближайших и прошедших боях - расписание боев бокса. Эксперты делятся своими прогнозами на наиблежайшие действия, проводят разбор окончившихся поединков. Вы можете прочитать интервью со известными бойцами и их тренерами. Анонсы ММА, бокса Все предстоящие и прошедшие бои освещаются с подробным разбором, анализом и комментариями спортивных экспертов. Подписавшись на Octagon, вы будете в курсе всех событий в области боевых искусств. Самые достойные внимания, запоминающиеся бои без правил в нашем видеоконтенте. Ознакомьтесь с выводами, разбором захватывающих моментов поединков. Действия, расписание, видео На странице указано расписание предстоящих боев. Даты, время начала боя можно изучить на веб-сайте. Предлагается просмотр видео самых интересных моментов схваток. Кто не хочет заниматься скучным чтением, может посмотреть видео прогноз. Легкая, юмористическая подача информации очень просто воспринимается и усваивается у подписчиков. Видеоряд постоянно обновляется, предлагается только качественный контент. Биографии, рейтинги боксеров Предоставлены полные биографии знаменитостей, рейтинг UFC. Вы узнаете, каким был путь героя к покорению Олимпа. Приводятся все весовые показатели любителей спорта. Предоставляется информация о самочувствии боксера до и после поединка. Проводится разборка стиля и техники бойцов. Octagon.express предлагает только полностью достоверную информацию. На нашем интернет-сайте вы ознакомитесь и узнаете о всех тонкостях смешанных боевых искусств. Точные прогнозы, достоверные рейтинги - наше главное кредо. Подписавшись на Telegram канал, вы будете в курсе всех новостей боевых искусств. Все последние бои UFC не ускользнут от вас.

    RépondreSupprimer
  8. Наш интернет-сайт рассказывает о новостях бокса и ММА. Читатель узнает о ближайших и прошедших боях - ufc рейтинг. Эксперты делятся своими прогнозами на наиблежайшие события, проводят разбор окончившихся поединков. Вы можете прочесть интервью со известными бойцами и их тренерами. Новости ММА, бокса Все предстоящие и прошедшие бои освещаются с подробным разбором, анализом и комментариями спортивных экспертов. Подписавшись на Octagon, вы будете в курсе всех событий в области боевых искусств. Самые интересные, запоминающиеся бои без правил в нашем видеоконтенте. Ознакомьтесь с выводами, разбором захватывающих моментов поединков. События, расписание, видео В разделе указано расписание предстоящих боев. Даты, время начала боя можно изучить на портале. Предлагается просмотр видео самых интересных моментов схваток. Кто не хочет заниматься скучным чтением, может посмотреть видео прогноз. Легкая, юмористическая подача информации легко воспринимается и усваивается у подписчиков. Видеоряд постоянно обновляется, предлагается только качественный контент. Биографии, рейтинги боксеров Предоставлены подробные биографии знаменитостей, рейтинг UFC. Вы узнаете, каким был путь героя к покорению Олимпа. Приводятся все весовые показатели любителей спорта. Предоставляется информация о самочувствии боксера до и после поединка. Проводится разборка стиля и техники бойцов. Octagon.express предлагает только полностью достоверную информацию. На нашем веб-сайте вы ознакомитесь и узнаете о всех тонкостях смешанных боевых искусств. Точные прогнозы, достоверные рейтинги - наше основное кредо. Подписавшись на Telegram канал, вы будете в курсе всех новостей боевых искусств. Все последние бои UFC не ускользнут от вас.

    RépondreSupprimer
  9. Веб-сайт Mostbethit.net предлагает гостям поближе ознакомиться с одноименной БК. Интернет-ресурс посвящен описанию основных преимуществ конторы. На проекте гости узнают другие важные моменты - Mostbet официальный сайт букмекерской компании. Букмекерская контора для продвижения зеркальных ссылок использует партнерские сайты. Одним из таких ресурсов стал описываемый проект. На страничках портала посетители найдут: - ссылки на зеркала букмекера; - описание БК; - правила работы с конторой; - особенности бонусной политики; - действующие промокоды; - описание способов пополнения баланса; - анализ отзывов о букмекере; - советы для создания аккаунта. Проект предлагает детальный «разбор» оператора ставок. Регистрация для использования не нужна. Посетитель может свободно переходить по разделам, получать информацию. Языковая доступность - плюс онлайн-сайта. Русскоязычная версия открывается по умолчанию. Гость может установить любой из 23 доступных языков. Описания на портале детальные. Создатели попытались отметить каждый аспект. Для улучшения пользовательского восприятия тексты снабжены снимками экрана. Информативность максимальная. Предложенные на проекте ссылки направят игроков на действующее зеркало БК. Это обеспечивает круглосуточный доступ к конторе. Об использовании VPN и прочих способов обхода санкций Роскомнадзора удается забыть. Ссылки на дублирующий сайт Мостбет предложены на каждой странице сайта. Долго искать действующие адреса не придется. Разработчики выпустили мобильную версию интернет-сайта. Проект оптимизирован под гаджеты с разной диагональю дисплея. Воспользоваться ресурсом комфортно со смартфонов и планшетов. Портал не предлагает спортивных ставок и других азартных утех. Закрыть веб-сайт регулятор не может. В итоге ресурс обеспечивает круглосуточный доступ к БК.

    RépondreSupprimer
  10. В последние годы известность зарубежных сериалов и полнометражных кинофильмов бьет все рейтинги. Но где их можно посмотреть? В интернете много онлайн-кинотеатров, которые предлагают просмотр интересных киноработ от зарубежных кинокомпаний - смотреть турецкие сериалы на русском языке онлайн. Большой выбор на любой вкус Но в особенности удобно смотреть зарубежные киносериалы и фильмы на веб-сайте Turksezon.net. На этой платформе представлена большая подборка самых популярных сегодня фильмов. На площадке вы можете бесплатно смотреть различные проекты: - турецкие; - колумбийские; - индийские; - бразильские. Все зарубежные проекты на площадке идут на российском языке. Привлекательно не только лишь хорошее качество перевода, но и высочайшее разрешение. Многие сериалы и полнометражное кино на сайте идут в формате 720 HD. Обширное разнообразие зарубежных фильмов - одна из особенностей онлайн-кинотеатра. На веб-сайте находятся киносериалы и полнометражное кино в самых различных жанрах. Здесь обязательно найдутся достойные внимания проекты для ценителей драм, фэнтези, боевиков, комедий. Есть множество криминальных, исторических, семейных и военных киноработ. В соответствующих рубриках находятся актуальные детективы, триллеры, мелодрамы. Фантастическое кино, в том числе киносериалы, можно подобрать в отдельном блоке. Такое ранжирование по жанрам очень удобно для выбора подходящего кинофильма. Удобство поиска интересных кинофильмов Еще одна особенность онлайн-кинотеатра заключается в удобстве поиска увлекательного фильма. Каждый пользователь может подобрать кино, которое выпущено в определенный период. На веб-сайте в отдельных блоках расположены проекты, выпущенные с 2016 до 2022 годы соответственно. К каждому фильму на площадке идет маленькое, но вместительное описание. Благодаря ему каждый пользователь сумеет найти именно тот проект, что ему максимально интересен.

    RépondreSupprimer
  11. Сайт казино Супер Слотс представляет собой отличное сочетание удобства и функционала. Каждый из разделов оснащен опциями, которые будут понятны и полезны любому пользователю - казино Super Slots. Веб-сайт предлагает пройти несложную и быструю регистрацию. Это можно сделать 3-мя вариантами: при помощи аккаунта в соцсетях, номера телефона либо электронной почты. После регистрации открывается кошелек для пополнения денежных средств и весь набор слотов. Говоря о доступных слотах, стоит отметить богатую коллекцию интернет-сайта. Она нередко обновляется и содержит как классические слоты, так и новинки игровой индустрии с необыкновенными правилами. Количество слотов на сайте превосходит 200 штук. Также на веб-сайте показан сектор с широкой линейкой бонусов. К ним относятся депозитные и бездепозитные бонусы. Депозитные отличаются разнообразными предложениям в форматах приветствия, кэшбека, турниров и розыгрышей. Бездепозитные бонусы представлены фриспинами, которые игроки получают благодаря промокодам. Промокоды, в свою очередь, это бесплатное поощрение от сайта. Они даются бесплатно как новым, так и старым игрокам. Их раздача связана с особенными датами, открытием новых слотов или крупными турнирами. При помощи промокодов пользователи получают все виды бонусов, представленные на сайте. Более того, интернет-сайт предлагает установить официальное приложение. В соответствующем разделе вы можете изучить мобильную версию, не уступающую в функционале компьютерной. Стоит упомянуть, что для обеих версий одинаково качественно работает служба поддержки. Интернет-сайт казино информативен и хорошо спроектирован. Он предлагает большое количество функций и услуг, которые вы можете без усилий найти в несколько кликов. Здесь каждый игрок становится счастливым пользователем.

    RépondreSupprimer
  12. В последние годы популярность зарубежных сериалов и полнометражных кинофильмов бьет все рейтинги. Но где их можно посмотреть? В интернете много онлайн-кинотеатров, которые предлагают просмотр увлекательных киноработ от иностранных кинокомпаний - смотреть индийские сериалы. Большой выбор на любой вкус Но в особенности комфортно смотреть зарубежные киносериалы и фильмы на веб-сайте Turksezon.net. На этой платформе представлена большущая подборка самых популярных сегодня фильмов. На площадке вы можете бесплатно смотреть разнообразные проекты: - турецкие; - колумбийские; - индийские; - бразильские. Все зарубежные проекты на площадке идут на российском языке. Привлекательно не только лишь хорошее качество перевода, да и высочайшее разрешение. Многие сериалы и полнометражное кино на веб-сайте идут в формате 720 HD. Обширное обилие зарубежных кинофильмов - одна из особенностей онлайн-кинотеатра. На портале находятся киносериалы и полнометражное кино в самых различных жанрах. Тут непременно найдутся достойные внимания проекты для ценителей драм, фэнтези, боевиков, комедий. Имеется множество криминальных, исторических, семейных и военных киноработ. В соответствующих рубриках собраны популярные детективы, триллеры, мелодрамы. Фантастическое кино, в том числе киносериалы, вы можете найти в отдельном блоке. Такое ранжирование по жанрам очень комфортно для выбора подходящего фильма. Удобство поиска увлекательных фильмов Еще одна особенность онлайн-кинотеатра заключается в удобстве поиска увлекательного фильма. Каждый пользователь может получить кино, которое выпущено в определенный период. На сайте в отдельных блоках собраны проекты, выпущенные с 2016 до 2022 годы соответственно. К каждому кинофильму на площадке идет маленькое, но вместительное описание. Благодаря ему каждый пользователь сможет подобрать конкретно тот проект, что ему наиболее увлекателен.

    RépondreSupprimer
  13. Retivabet - максимально перспективный и подходящий букмекерский сайт - создать аккаунт Ретивабет. На веб-сайте можно подобрать разнообразные виды развлечений на любой вкус: казино, букмекерские ставки, игры. В случае если вы любитель казино, тут для вас предусмотрено все необходимое. Легкий доступ к игровым слотам, карточным играм и рулетке, а помимо этого возможность поучаствовать в турнире. Главная задача турнира - вырваться на лидирующие позиции в турнирной таблице, потому что крупный призовой фонд будет разделен между первыми тридцатью победителями. И чем выше ваша позиция в таблице, тем больший кусок пирога вам достанется. Для ценителей спорта Retivabet предлагает широкий спектр ставок. Здесь представлены не только всемирно известные чемпионаты и команды, но и новички из разных лиг и стран, что делает результат еще более волнительным и интересным. Футбол, баскетбол, хоккей, теннис, снукер, дартс, скачки, гонки и многое другое, на чем вы можете заработать хорошие деньги. Выбор за вами. Киберспорт также стал неотъемлемой частью букмекерской компании. Теперь клиент может делать ставки не только на Пре-Матчи, но и на игры в режиме онлайн, в любое время дня и ночи. Для того, чтобы стать клиентом огромной семьи Revitabet, необходимо пройти регистрацию на интернет-сайте Retivabet.net. Это не займет более десяти минут, после чего новый клиент получает бонусы от фирмы, которыми в последствие, может пользоваться на свое усмотрение. Виды бонусов: - Приветственные; - Кешбэк с сумы ставок; - Бонус за серию проигрышей; - Экспресс бонус. Пополнение счета возможно разными вариантами, что делает это максимально удобным для клиентов. Можно использовать для пополнения и вывода денежных средств банковские карты, мобильные платежи, интернет банкинг. Никаких комиссий со стороны букмекерской компании, и даже приятные бонусы за пополнения. Никаких подводных камней, только прозрачно чистое и выгодное развлечение!

    RépondreSupprimer
  14. Если вас поднадоел рутинный секс в супружеском ложе и вы желайте ясных впечатлений в амурной забаве, московские путаны с откликами проделают все, о чем вы только могли грезить. Любые ваши прихоти и капризы станут исполнены, вас не придется длительно пояснять средства желания. Читайте анкеты, изучайте ассортимент предложений столичных прелестниц, сопоставляйте фото – и звоните секс за деньги!

    RépondreSupprimer