আশা করছি ভালো আসেন। এই টিউনে আমি আপনাদের নিকট শেয়ার করব সিম্পল একটি Blogger SiteMap পেজ কোড।
যার জন্য আপনাকে আলাদা কোন Css কোড বসাতে হবে না। আপনার সাইটের ব্লগার থিমে <ul>, <li> এর জন্য যে Css এড করা আসে সেটিই দিয়ে কাজ হয়ে যাবে।
Sitemap Demo
লাইভ ডেমো দেখতে এখানে ক্লিক করুন। আর একটা কথা আগেই বলে রাখি আপনার সাইটের সাইট ম্যাপ যে এই রকম হবে তা কিন্তু নয়। এট নির্ভর করছে আপনার ব্যবহৃত থিমটির উপর। ScreenShot –
তো এবার নিচের দেওয়া কোডটি আপনার সাইটের বসিয়ে দিন। এজন্য আপনি আপনার ব্লগার সাইটের পেজ থেকে একটি নতুন পেজ খুলে নিবেন। [Page→New Page→Past the code→Published] নিচে কোডটি দিয়ে দিলাম →
Blogger Sitemap page code
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;
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.topper24.xyz/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999″></script>
</ul>
NOTE: ট্রিকবিডিতে কোড দিতে সমস্যা হয় তাই উপরের দেওয়া লিংক থেকেও কোডটি দেখতে পারেন।
কোডটি বসানোর আগে https://www.topper24.xyz আমার সাইটের Url এর জায়গায় আপনি আপনার সাইটের Url দিবেন। আর কোডটি Html Mode এ দিবেন-
এরপর Publish করে দিবেন ব্যাস কাজ হয়ে যাবে। আর কিছুই করতে হবে না।
আশা করছি কোথাও কোন সমস্যা হবে না। যদি হয় তা হলে অবশ্যই কমেন্ট এর মাধ্যমে জানাবেন। অথবা ফেসবুকে মেসেজ করুন। “Click here”