সিম্পল Blogger Html Sitemap Page কোড

আশা করছি ভালো আসেন। এই টিউনে আমি আপনাদের নিকট শেয়ার করব সিম্পল একটি Blogger SiteMap পেজ কোড।

যার জন্য আপনাকে আলাদা কোন Css কোড বসাতে হবে না। আপনার সাইটের ব্লগার থিমে <ul>, <li> এর জন্য যে Css এড করা আসে সেটিই দিয়ে কাজ হয়ে যাবে।

Also Read: Seo Friendly Premium Free Blogger Template [No Footer Credit]

Sitemap Demo

লাইভ ডেমো দেখতে এখানে ক্লিক করুন। আর একটা কথা আগেই বলে রাখি আপনার সাইটের সাইট ম্যাপ যে এই রকম হবে তা কিন্তু নয়। এট নির্ভর করছে আপনার ব্যবহৃত থিমটির উপর। ScreenShot -

তো এবার নিচের দেওয়া কোডটি আপনার সাইটের বসিয়ে দিন। এজন্য আপনি আপনার ব্লগার সাইটের পেজ থেকে একটি নতুন পেজ খুলে নিবেন। [Page→New Page→Past the code→Published] নিচে কোডটি দিয়ে দিলাম →

Blogger Sitemap page code

<script type="text/javascript">

 var numposts = 100;
 var standardstyling = true;

 function showrecentposts(json) {
  for (var i = 0; i < numposts; i++) {
   var entry = json.feed.entry[i];
   var posttitle = entry.title.$t;
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
     posturl = entry.link[k].href;
     break;
    }
   }
   posttitle = posttitle.link(posturl);
   if (standardstyling) document.write('<li>');
   document.write(posttitle);
  }
   if (standardstyling) document.write('</li>
');
 }
</script>

<br />
<ul>
 <script src="https://www.wikibn.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

কোডটি বসানোর আগে https://www.wikibn.com আমার সাইটের Url এর জায়গায় আপনি আপনার সাইটের Url দিবেন। আর কোডটি Html Mode এ দিবেন-

এরপর Publish করে দিবেন ব্যাস কাজ হয়ে যাবে। আর কিছুই করতে হবে না।

আশা করছি কোথাও কোন সমস্যা হবে না। যদি হয় তা হলে অবশ্যই কমেন্ট এর মাধ্যমে জানাবেন। অথবা ফেসবুকে মেসেজ করুন। "Click here