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

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

Sitemap Demo

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

তো এবার নিচের দেওয়া কোডটি আপনার সাইটের বসিয়ে দিন। এজন্য আপনি আপনার ব্লগার সাইটের পেজ থেকে একটি নতুন পেজ খুলে নিবেন। [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.yoursitename.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

কোডটি বসানোর আগে https://www.yoursitename.com এর জায়গায় আপনি আপনার সাইটের নাম দিবেন। আর বশ্যই কোডটি Html Viewএ গিয়ে পেস্ট করে দিবেন।

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