GuidePedia

0
বন্ধুরা, আজ আমি ব্লগার বন্ধুদের জন্য Postviews Plugin শেয়ার করছি। Postviews Plugin মাধ্যমে আপনারা আপনার ব্লগের ব্লগ পোষ্ট কত বার দেখা হয়েছে তা আমরা Postviews Plugin এর মাধ্যমে জানতে পারি। তাতে ব্লগের পাঠক জানতে পারবে পোষ্টি কত বার পড়া হয়েছে।তবে এবার শুরু করা যাক।
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('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;
}
নোট- চাইলে #EE5D06 এবং right কে left তে পরিবর্তন করে নিতে পারেন।
৪.এরপর </body>  লিখে সার্চ করুন এবং তার উপরে নিচের JavaScript কোডটি পেস্ট করুন
<!-- 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://digizone.firebaseio.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>

এরপর  highlighted  করা অংশটি পরিবর্তন করে নিজের তৈরি করা URL টি টাইপ করুন। ২ নং এর মতো।
    ৫. এরপর নিচের কোডটি খুঁজুন
<data:post.body/> 
নোট- উপরের কোডটি বার বার  থাকতে পারে, তাই প্রথম টি খুঁজুন।
৬.এরপর নিচের কোডটি তার উপরে পেস্ট করুন
<!-- Post Views Counter by MBT-->
<div id='views-container'><span class='views-icon'/><div class='views-text'>Views:</div> <div class='mbtloading viewscount' id='postviews'/></div>
৭. সবশেষে <head> এর নিচে , নিচের দেওয়া কোডটি পেস্ট করুন।
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
৮. এবার সেভ এ ক্লিক করুন
এবার ব্লগটিকে চালিয়ে দেখুন। কোন সমস্যা হলে কমেন্ট করুন। ধন্যবাদ।
 

Post a Comment Blogger

Loading...
 
Top