আপনার ব্লগে সর্বমোট কতটি পোস্ট আছে তা যুক্ত করুন

বন্ধুরা সবাই কেমন আছেন। আশা করি সবাই ভালো আছেন। আজকে আবার ও নতুন একটি টিউটোরিয়াল নিয়ে হাজির হলাম।

টিউটোরিয়ালের বিষয় ঃ আপনার ব্লগে সর্বমোট কতটি পোস্ট আছে তা যুক্ত করুন।

• এই সিস্টেমের মাধ্যমে আপনি, আপনার ভিজিটর দেখতে পারবে আপনার সুন্দর সাইটিতে কত গুলো পোস্ট করা হয়েছে। 

আপনার ব্লগে সর্বমোট কতটি পোস্ট আছে তা যুক্ত করুন 

© চলুন নিয়ম টা দেখে নিই 

প্রথমে আপনার ব্লগে Login করুন।

তারপর dasboardথেকে

EDIT HTML এ ক্লিক করুন। তারপর আপনার সামনে একটি কোডিং বক্স আসবে, এখানে আপনি প্রচুুর কোড দেখতে পাবেন। আপনি এই গুলো দেখে গাবরাবেন না। আপনি এই বক্সে এর যেকোন জায়গায় ক্লিক করুন।

ক্লিক করার পর আপনার কিবোর্ড থেকে CRTL+F  চাপ দিন, তারপর আপনার কোডিং বক্স এর ডান পাশে, একটা সার্চ দেখতে পাবেন। 

এখন ওই সার্চ বক্সে head অপশানটি খুুজুন।

• এই অপশানটি পাওয়া গেলে ঠিক তার উপরে নিচের কোডটি Pasteকরে দিন। 

<script type='text/javascript'>
//<![CDATA[
function getposts(json){
var totalposts=json.feed.openSearch$totalResults.$t;
document.write('<div class="totalposts"><span class="totalnumber">'+totalposts+'</span><span class="totallabel">Posts</span></div>');
}
//]]></script>

 © এবার একি ভাবে ]]</b:skin> এই ট্যাগটি খুজেঁ বের করুন। তারপর নিচের কোডটি এই ট্যাগের ঠিক উপরে Paste করে দিন।

totalposts{
  background:#eee;
  color:#222;
  padding:10px 15px;
  display:inline-block;
  box-shadow:0 1px 1px rgba(0,0,0,0.2);
  text-align:center;
}
.totalposts .totalnumber{
    font:700 18px 'open sans','Segoe Ui',sans-serif;
  display:block;
}
.totalposts .totallabel{
  display:block;
  font:700 12px 'open sans','Segoe Ui',sans-serif;
  color:#00bfff;
}

©  উপরে কোড থেকে আপনি চাইলে কিছু পরির্বতন করতে পারেন। যেমন কালার কোড তা আপনি আপনার মন মত কালার তা পরির্বতন করতে পারেন।

• ফাইনাল কাজ এবার এখানে। উপরের কোড বসানে হয়ে গেলে আপনি Save Template দিয়ে বের হয়ে আসেন।
• এখন Layout থেকে
  
  Add a Gadget ক্লিক করার
  
  পর, একটি বক্স আসবে,,,,,এই Content
  বক্সে আপনি নিচের কোড দিয়ে Submit ক্লিক করে দিন।

<script src="http://www.akrambd26.Blogspot.Com/feeds/posts/default?alt=json-in-script&callback=getposts"></script>

© আমাদের সাইটের URL টা পরিবর্তন করে, আপনার সাইটের লিংক দিন।

• ব্যাস কাজ শেষ।
• দেখুন আপনার সাইটে Total Posts অপশানটি যোগ হয়ে গিয়েছে।

© আজ এই পর্যন্তই। সবাই ভালো থাকবেন। 

Newer Next Posts