বাংলার শিক্ষা ও সংস্কৃতি: Plugin

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: left;">বন্ধুরা, আজ আমি ব্লগার বন্ধুদের জন্য Postviews Plugin শেয়ার করছি। Postviews Plugin মাধ্যমে আপনারা আপনার ব্লগের ব্লগ পোষ্ট কত বার দেখা হয়েছে তা আমরা Postviews Plugin<span style="font-weight: normal;"> এর মাধ্যমে জানতে পারি। তাতে ব্লগের পাঠক জানতে পারবে পোষ্টি কত বার পড়া হয়েছে।</span>তবে এবার শুরু করা যাক।<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilIyDJLXBs2aiaW_Za4WYWXf_epyF-UNcXyffR9N8xA_4MzGt5zXgCKsprk5SeUKIsMOu0gX3Y5hD5WFBylh2WW2CEiLaMqPRMovigpOde9pygjfVb3s-ECfEZE21w7eje1RF9qB9K1Ls/s1600/pageview.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Plugin" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilIyDJLXBs2aiaW_Za4WYWXf_epyF-UNcXyffR9N8xA_4MzGt5zXgCKsprk5SeUKIsMOu0gX3Y5hD5WFBylh2WW2CEiLaMqPRMovigpOde9pygjfVb3s-ECfEZE21w7eje1RF9qB9K1Ls/s1600/pageview.PNG" title="Plugin" width="320" /></a></div><br /><h3 style="text-align: left;"><b>Postviews Plugin এর জন্য যা যা করতে হবে</b></h3>            ১.প্রথম <a href="https://www.firebase.com/signup/" target="_blank">Firebase Account</a> বানান                           <b>এখুনি লগ ইন করার জন্য <a href="https://www.firebase.com/signup/" target="_blank">এখানে ক্লিক</a> করুন</b><br />              এরপর ফর্ম ফিলাপ করে সাইন আপ করুন, এবং <b>Create New App</b> এ ক্লিক করুন<br />           ২.এরপর আপনার পছন্দ মতো নাম দিন   [যেমন -<a href="https://digizone.firebaseio.com/">https://digizone.firebaseio.com/</a> ] <b>                   https://digizone.firebaseio.com/ </b>কপি করে নিন।<br /><h3 style="text-align: left;">৩.যে ভাবে ব্লগ Postviews Plugin যুক্ত করবেন</h3><ul style="text-align: left;"><li>প্রথমে ব্লগে লগ ইন করুন।</li><li>তারপর Blogger > Template</li><li>Template টিকে Backup নিন</li><li>এরপর Expand widget Templates অপশনে ক্লিক করুন</li><li>এরপর <b>]]></b:skin></b> লিখে সার্চ করুন</li></ul><ul style="text-align: left;"><li><strong><em><strong> </strong></em></strong>এরপর নিচের কোডটি ]]></b:skin> এর উপরে পেস্ট করুন</li></ul></div><br /><div><div><blockquote>   /*-------- Post Views  ----------*/      <br />#views-container {       <br />width: 85px;       <br />float: <span style="background-color: #9bbb59;">right</span>;       <br />}<br />    .mbtloading {      <br />background:   url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIRPpy68j7Ea5GN1TVwLulGgU9tz9zW78kyXcVit9UlBAqjNiwAHrS4pl4n1hfxOMypWo2s6VTLiPie3P30GE2HRI0xgA7WRQFn9o7W-zchjAmHFzjBRsJkU5t_nrSSsqFcu1N12LtitXg/s320/mbtloading.gif')  no-repeat left center;       <br />width: 16px;       <br />height: 16px;       <br />}<br />    .viewscount {      <br />float: right;       <br />color:<span style="color: #f79646;"> <strong>#EE5D06</strong></span>;       <br />font: bold italic 14px arial;       <br />}<br />    .views-text {      <br />float: left;       <br />font: bold 12px arial;       <br />color: #333;       <br />}<br />    .views-icon{      <br />background:   url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisVTl0OB3MA_1ajNchtLdwHGBhCPDIPPb7oVb7_d8_sJw7e5g-r-h9_OtqVrqrgeI07VQNWod2UWZ1kPbnYaYgcE_570Gxnlh9rzVkjctXq1RzZ9Zb8JhGy4j8_nbM0fAnUVEdwaj9ESbt/s1600/postviews.png')  no-repeat left;       <br />border: 0px;       <br />display: block;       <br />width: 16px;       <br />height: 16px;       <br />float: left;       <br />padding: 0px 2px;       <br />}</blockquote><div style="text-align: left;"><b>নোট-</b> চাইলে <span style="color: #f79646;"><strong>#EE5D06 <span style="color: black;">এবং</span> </strong></span> <span style="background-color: #9bbb59;">right</span> কে left তে পরিবর্তন করে নিতে পারেন।</div><div style="text-align: left;"><span style="background-color: #9bbb59;"></span></div><div>৪.এরপর <strong></body></strong>  লিখে সার্চ করুন এবং তার উপরে নিচের JavaScript কোডটি পেস্ট করুন</div><blockquote class="tr_bq"><div>      <br /><script type='text/javascript'>       <br />    window.setTimeout(function() {       <br />        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);       <br />      }, 10);       <br />  </script>       <br /><script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>       <br /><script>       <br />$.each($(&#39;a[name]&#39;), function(i, e) {       <br />var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;mbtloading&#39;);       <br />var blogStats = new Firebase(&quot;https://digizone.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));       <br />blogStats.once(&#39;value&#39;, function(snapshot) {       <br />var data = snapshot.val();       <br />var isnew = false;       <br />if(data == null) {       <br />data= {};       <br />data.value = 0;       <br />data.url = window.location.href;       <br />data.id = $(e).attr(&#39;name&#39;);       <br />isnew = true;       <br />}       <br />elem.removeClass(&#39;mbtloading&#39;).text(data.value);       <br />data.value++;       <br />if(window.location.pathname!=&#39;/&#39;)       <br />{       <br />if(isnew)       <br />blogStats.set(data);       <br />else       <br />blogStats.child(&#39;value&#39;).set(data.value);       <br />}       <br />});       <br />});       <br /></script></div></blockquote><br />এরপর <span style="background-color: #f79646;"> highlighted <span style="background-color: white;"><span> করা অংশটি পরিবর্তন করে নিজের তৈরি করা URL টি টাইপ করুন। ২ নং এর মতো।</span></span></span><br /><span style="background-color: #f79646;"><span style="background-color: white;"><span>    ৫. এরপর নিচের কোডটি খুঁজুন</span></span></span><br /><blockquote class="tr_bq"><span style="background-color: #f79646;"><span style="background-color: white;"><span> <data:post.body/> </span></span></span></blockquote>নোট- উপরের কোডটি বার বার  থাকতে পারে, তাই প্রথম টি খুঁজুন।<br />৬.এরপর নিচের কোডটি তার উপরে পেস্ট করুন<br /><blockquote class="tr_bq">      <br /><div id='views-container'><span class='views-icon'/><div class='views-text'><span style="background-color: #4bacc6;">Views:</span></div> <div class='mbtloading viewscount' id='postviews'/></div> </blockquote>৭. সবশেষে <b><head></b> এর নিচে , নিচের দেওয়া কোডটি পেস্ট করুন।<br /><blockquote class="tr_bq"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script></blockquote>৮. এবার সেভ এ ক্লিক করুন<br />এবার ব্লগটিকে চালিয়ে দেখুন। কোন সমস্যা হলে কমেন্ট করুন। ধন্যবাদ।<br /> </div></div></div>

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

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