• সাম্প্রতিক

    কিভাবে ব্লগারে পোষ্ট ভিউ (Post Views) কাউন্টার যুক্ত করতে হয়

    বিসমিল্লাহির রাহমানির রাহীম


    কি ভাবে ব্লগারে পোষ্ট ভিউ কাউন্টার জুড়তে হয়-এই বিষয়ে আমি কিছু নিবন্ধ খুঁজেছি এবং এটি ব্যবহার করার একটি সহজ উপায় খুঁজছিলাম। কারন ভিউ কাউন্টার যে কোন ব্লগের জন্য খুবই প্রয়োজনীয় একটি গেজেট। এটি ব্লগের নিবন্ধগুলির দর্শক ভিউস-এর সংখ্যা প্রদর্শন করে থাকে। এটির মাধ্যমে প্রধান সুবিধাটি হচ্ছে যে, ব্লগের কোন কোন নিবন্ধগুলি সর্বাধিক দেখা হয়েছে ভিজিটররা তা সহজে দেখতে পারে এবং এর মাধ্যমে বুজতে পারে যে কোন নিবন্ধটি সত্যিই দরকারী।

    অনেকে অনেক ভাবে অনলাইনে এই বিষয়ের উপরনিবন্ধ বা ভিডিও পোষ্ট করেছে। সবশেষে আমার কাছে এটিই সুন্দর এবং যুক্ত করতে সহজ মনে হয়েছে। ব্লগের<পোষ্ট ভিউ দেখার জন্য আমি নিজেও এটি ব্যবহার করি । উপরের চিত্র দেখুন।

    এটি যুক্ত করা খুবই সহজ।
    নীচের কয়েকটি ধাপ মনোযোগ দিয়ে অনুসরণ করুন।
    প্রথমে আপনার ব্লগার ডেশবোর্ডে যান।

    (১) ডেশবোর্ড থেকে Template বা Theme >>> Edit HTML এ যান।


    (২) টেমপ্লেট এডিটর ওপেন হলে ফাঁকা জায়গায় একটি ক্লিক করুন।

    HTML Template Editor
    (৩) Ctrl+F প্রেস করে Find Box ওপেন করুন এবং .showAuthor লিখুন এরপর  Enter চাপুন।। (নিচের চিত্র দেখুন)


    বিঃদ্রঃ এখানে পর পর ৩টি  .showAuthor  দেখতে পাবেন।

    (৪) এখন নিচের স্ক্রিপ্টিটি সকল .showAuthor এর ঠিক উপরে পেস্ট করুন।

    <a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/> Views 
      
    ১ম .showAuthor  (চিত্র দেখুন)


    ২য় .showAuthor (চিত্র দেখুন)


    ৩য় .showAuthor (চিত্র দেখুন)
     

    (৫) এখন নীচের স্ক্রিপ্টটি </ Body> ট্যাগের এর ঠিক উপরে নীচের চিত্রের মত পেস্ট করুন।
    <script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'></script> 
    <script> 
    $.each($("a[name]"), function(i, e) { 
    var elem = $(e).parent().find("#postviews"); 
    var blogStats = new Firebase("https://YOUR-APP-NAME.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); 
    } 
    }); 
    }); 
    </script>


    (৬) Save Template বা Save Theme



    অভিনন্দন !! আপনি জানলেন কিভাবে ব্লগারে পোষ্ট ভিউ  (Post Views) কাউন্টার যুক্ত করতে হয়।এখন আপনার ব্লগে যান এবং লাইভ স্ক্রিপ্ট (script live) চেক করুন। আশা করি টিউটোরিয়ালটি আপনি পছন্দ করেছেন। 

    👉 👉 পোস্টটি পড়ে যদি আপনার বিন্দু মাত্র উপকার হয় তাতেই আমরা সার্থক ও কৃতজ্ঞ হব। পোস্টটি ভাল লাগলে দয়া করে সামাজিক যোগাযোগ মাধ্যমে লাইক এবং শেয়ার করতে ভুলবেন না আশা করি। হতে পারে এই কাজে আপনার কয়েক সেকেন্ড মূল্যবান সময় ব্যয়-দেশের আরো দশজন উপকৃত হবার অন্যতম উপলক্ষ। আর হ্যাঁ, এ বিষয়ে কোন কিছু জানার থাকলে নীচের কমেন্ট বক্সে নির্দ্বিধায় কমেন্ট করুন। আমরা আপনাদেরকে সাহায্য করার জন্য সদা প্রস্তুত ইনশাআল্লাহ। মনে রাখবেন, জ্ঞান বিতরণ করলে জ্ঞান কমেনা বরং বাড়ে। যেখানেই থাকুন নিরাপদে থাকুন-থাকুন শান্তিতে। পোস্টটি কষ্ট করে পড়ার জন্য অসংখ্য ধন্যবাদ।
      Visit our video blog



    "মন-প্রান-হ্রদয় দিয়ে; এগিয়ে চল প্রযুক্তি নিয়ে"
    your photo name

    1 comment:

    1. অনেক গুরুত্বপূর্ন একটি পোস্ট।
      আমার সাইটে ঘুরে আসার দাওয়াত রইলো।
      BanglaTech.Me

      ReplyDelete

    Post Top Ad

    Post Bottom Ad