How to Add Views Counter Feature in Your Blog Post
Hey Guys! Welcome back to Techly Series website.
Assuming You are observing the Views Counter Script on blogger. This is the Right Place to you. Since You can get this Script for free.
Today, in this article, I will Discuss with you about How to Add Views Counter Feature in Your Blog Post.
What is Views Counter
There are incalculable sites, some are superior to the others while some are as yet battling. The inquiry is that how would we get to realize what site is progressing admirably, having a noticeably strong standing. Presently you should feel that there should be some kind of rules for judging that and you are unquestionably correct.
Screen your site traffic with this Visitor Counter by Small SEO Tools. As time passes, numerous sites are being transferred and sent off on the web. Some are doing very well in the web search tools while others are as yet battling with SEO.
You may be thinking about how we can recognize which sites are performing admirably in the indexed lists. A site actually should construct validity on the web as a dependable wellspring of data or administration. The internet searcher insects creep on each website page and record them to what exactly is pertinent for each search question.
Site traffic is something else that most sites think about in light of the fact that it plays a significant part in website streamlining. Beside being credited via web crawlers, site guests carry incomes to a site particularly for online shops and different sites that are utilized for the end goal of promoting.
This Visitor Counter is an absolute necessity have for private company sites, old sites, or recently sent off sites that are probably going to require a lift in site guests. This free site guest adding machine is a web-based apparatus that would show the number of guests are visiting a specific site or a page.
For each new guest that visits the site or page, the adding machine will likewise add another number. You can browse various styles which permits you to modify your own guest counter that will suit your topic or website composition.
How to Add
So, to add Views Counter on blogger you need to follow the following process below precisely.
What's more, with the help of these steps, you can easily add this feature in your blogger website.
Step 1
- You will go to your - Blogger Dashboard
- Go to Theme
- Go to - Edit HTML
- Search - </head> or </head>
- Copy this CSS Code below and Paste on top of </head> or </head>
You must back up your theme before go to Edit HTML
<style>
.post-view{font-size:15px;color:#000}
.post-view i{margin-right:5px}
</style>
<script crossorigin='anonymous' src='https://kit.fontawesome.com/4ad360bfd2.js'/>
<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
Step 2
- After Paste CSS Code
- Search - </body> or </body>
- Copy this Javascript below and Paste on top of - </body> or </body>
- Save theme
<script>//<![CDATA[
jQuery.getScript("//cdn.firebase.com/js/client/2.3.2/firebase.js").done(function(){$.each($(".post-view[data-id]"),function(e,a){var i=$(a).parent().find("#postviews").addClass("view-load"),t=new Firebase("https://post-view-st.firebaseio.com/pages/id/"+$(a).attr("data-id"));t.once("value",function(e){var o=e.val(),d=!1;null==o&&((o={}).value=0,o.url=window.location.href,o.id=$(a).attr("data-id"),d=!0),i.removeClass("view-load").text(o.value),o.value++,"/"!=window.location.pathname&&(d?t.set(o):t.child("value").set(o.value))})})})
//]]></script>
Step 3
- After Save Theme
- Copy this HTML Code and Paste anywhere you like
- Done.
<span class='post-view' expr:data-id='data:post.id'><i class="fas fa-eye"></i><span class='view-load' id='postviews'><i class='fas fa-spinner fa-pulse faa-fast'/></span>Views</span>
Final Words
You ought to indeed note by thinking in the remark box underneath. Or on the other hand you moreover bear to give some sort of Suggestion, likewise you can partake your conviction with me in the Comment Box beneath.
I didn't give this content to any individual who saw or replicated them. This content I've looked through a great deal and given by experience. So kindly don't note on this substance.
Assuming you experience any issues while copying this script you can impart me by Telegram and I'll attempt to help.
1 comment