Header Ads






HOW TO ADD VIEW COUNTER TO BLOGGER

Step 1: Go to Dashboard
Step 2: Go to Theme
Step 3: Go to Edit HTML
Step 4: Ctrl + F টিপে Search বক্স এর ভিতরে <b:if cond='data:top.showAuthor'> অথবা <b:includable id='postAuthor' var='post'> লিখে enter চাপুন। ঠিক </head> এর আগে একবার enter টিপে ফাঁকা করে নিন এবং সেই ফাঁকা যায়গায় নিচের HTML CODE কোডটি Past করে দিন।
Step 5: আবার ও Ctrl + F টিপে Search বক্স এর ভিতরে </body> লিখে enter চাপুন। ঠিক </body> এর আগে একবার enter টিপে ফাঁকা করে নিন এবং সেই ফাঁকা যায়গায় নিচের JavaScript CODE কোডটি Past করে দিন।
<b:includable id='postAuthor' var='post'>


 CSS: 


#postviews {
    color: red;
    font-weight: bold;
}

HTML CODE: 


 <a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/> Views

JavaScript:

t<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/t>

<script>
$.each($("a[name]"), function(i, e) {
var elem = $(e).parent().find("#postviews");
var blogStats = new Firebase("https://view-counter-6778-default-rtdb.firebaseio.com/pages/id/" + $(e).attr("name"));
blogStats.once("value", 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("name");
isnew = true;
}
elem.text(data.value);
data.value++;
if(window.location.pathname!="/")
{
if(isnew)
blogStats.set(data);
else
blogStats.child("value").set(data.value);
}
});
});
t</script>


https://console.firebase.google.com/u/0/

No comments

Powered by Blogger.