ব্লগস্পট ব্লগে পোষ্ট ভিউ কাউন্টার Plugin যোগ করুন সরল নিয়মে - নতুন !

বন্ধুরা, আজ আমি ব্লগার বন্ধুদের জন্য Postviews Plugin শেয়ার করছি। Postviews Plugin মাধ্যমে আপনারা আপনার ব্লগের ব্লগ পোষ্ট কত বার দেখা হয়েছে তা আমরা Postviews Plugin এর মাধ্যমে জানতে পারি। তাতে ব্লগের পাঠক জানতে পারবে পোষ্টি কত বার পড়া হয়েছে।তবে এবার শুরু করা যাক।

Postviews Plugin এর জন্য যা যা করতে হবে

            ১.প্রথম Firebase Account বানান                           এখুনি লগ ইন করার জন্য এখানে ক্লিক করুন
              এরপর ফর্ম ফিলাপ করে সাইন আপ করুন, এবং Create New App এ ক্লিক করুন
           ২.এরপর আপনার পছন্দ মতো নাম দিন [যেমন -https://digizone.firebaseio.com/ ]                    https://digizone.firebaseio.com/ কপি করে নিন।

৩.যে ভাবে ব্লগ Postviews Plugin যুক্ত করবেন

প্রথমে ব্লগে লগ ইন করুন।
তারপর Blogger > Template
Template টিকে Backup নিন
এরপর Expand widget Templates অপশনে ক্লিক করুন
এরপর ]]></b:skin> লিখে সার্চ করুন

এরপর নিচের কোডটি ]]></b:skin> এর উপরে পেস্ট করুন

/*-------- Post Views ----------*/
#views-container {
width: 85px;
float: right;
}
.mbtloading {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIRPpy68j7Ea5GN1TVwLulGgU9tz9zW78kyXcVit9UlBAqjNiwAHrS4pl4n1hfxOMypWo2s6VTLiPie3P30GE2HRI0xgA7WRQFn9o7W-zchjAmHFzjBRsJkU5t_nrSSsqFcu1N12LtitXg/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisVTl0OB3MA_1ajNchtLdwHGBhCPDIPPb7oVb7_d8_sJw7e5g-r-h9_OtqVrqrgeI07VQNWod2UWZ1kPbnYaYgcE_570Gxnlh9rzVkjctXq1RzZ9Zb8JhGy4j8_nbM0fAnUVEdwaj9ESbt/s1600/postviews.png') no-repeat left;
border: 0px;
display: block;
width: 16px;
height: 16px;
float: left;
padding: 0px 2px;
}

নোট- চাইলে #EE5D06 এবং right কে left তে পরিবর্তন করে নিতে পারেন।

৪.এরপর </body> লিখে সার্চ করুন এবং তার উপরে নিচের JavaScript কোডটি পেস্ট করুন

<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
</script>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($('a[name]'), function(i, e) {
var elem = $(e).parent().find('#postviews').addClass('mbtloading');
var blogStats = new Firebase("https://digizone.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.removeClass('mbtloading').text(data.value);
data.value++;
if(window.location.pathname!='/')
{
if(isnew)
blogStats.set(data);
else
blogStats.child('value').set(data.value);
}
});
});
</script>

এরপর highlighted করা অংশটি পরিবর্তন করে নিজের তৈরি করা URL টি টাইপ করুন। ২ নং এর মতো।
৫. এরপর নিচের কোডটি খুঁজুন

<data:post.body/>

নোট- উপরের কোডটি বার বার থাকতে পারে, তাই প্রথম টি খুঁজুন।
৬.এরপর নিচের কোডটি তার উপরে পেস্ট করুন

<div id='views-container'><span class='views-icon'/><div class='views-text'>Views:</div> <div class='mbtloading viewscount' id='postviews'/></div>

৭. সবশেষে <head> এর নিচে , নিচের দেওয়া কোডটি পেস্ট করুন।