আপনার ব্লগ সাইট এর জন্য তৈরি করে নিন অসাধারন HTML সাইটম্যাপ পেজ।

হ্যালো আমারটিপ্সবাসী কেমন আছেন সবাই? আশা করি অনেক অনেক ভালো আছেন। আমিও ভালো আছি আপনাদের দোয়া ও ভালোবাসাই। আজ আর বেশি কথা বলবো না সরাসরি মূল টপিক নিয়ে আলোচনা করবো।

আজ আমাদের টপিক ব্লগার ওয়েবসাইটে HTML সাইটম্যাপ পেজ তৈরি নিয়ে। এর আগেও আমারটিপ্সতে HTML সাইটম্যাপ তৈরি করা নিয়ে পোস্ট করা হয়েছে তবুও আপনাদের মাঝে নতুন স্টাইল এর আকর্ষনীয় ও সুন্দর ডিজাইন এর অন্যরকম ফ্রেশ ও রেসপন্সিভ সাইটম্যাপ নিয়ে হাজির হয়েছি আশা করি আপনাদের ভালো লাগবে।

সাইটম্যাপ দুই প্রকার।

(১) এক্সএমএল সাইটম্যাপ।
(২) এইচটিএমএল সাইটম্যাপ।

আজকে আমরা এক্সএমল সাইটম্যাপ কি? এইচটিএমএল সাইটম্যাপ কি? এসব নিয়ে আলোচনা করবো না। আজ আমরা ব্লগসাইট এর জন্য খুব সহজেই কিভাবে একটি এইচটিএমএল সাইটম্যাপ পেজ তৈরি করতে হয় তা দেখাবো। আপনি যদি আপনার ওয়েবসাইটে এরকম অসাধারন রেসপনসিভ সাইট ম্যাপ পেজটি তৈরি করতে চান তাহলে পুরো প্রসেস টি মনোযোগ সহকারে দেখতে থাকুন….

তার আগে এখান থেকে ডেমো দেখে আসুন। See Demo

কিভাবে ব্লগে এইচটিএমএল সাইটম্যাপ(Html Sitemap) যোগ করবেন

 

প্রথমে আপনার ব্লগারের ড্যাশবোর্ড ওপেন করুন মেনু বারে ক্লীক করে পেজ অপশন বেছে নিন।

(+) আইকনে ক্লীক করে একটি নতুন পেজ খুলুন।

পেজ এর টাইটেল দিন।

Compose মুড থেকে Html মুডে ক্লীক করুন

নিচের কোড গুলো Paste করুন এবং www.techtunebn.com এর জায়গায় আপনার ব্লগের url দিন।

যদি সব কিছু ঠিক থাকে তবে Publish ক্লীক করে পেজটি পাবলিশ করে দিন।

<script type=’text/javascript’>
var postTitle = new Array();
var postUrl = new Array();
var postPublished = new Array();
var postDate = new Array();
var postLabels = new Array();
var postRecent = new Array();
var sortBy = “titleasc”;
var numberfeed = 0;
function bloggersitemap(a) { function b() { if (“entry” in a.feed) { var d = a.feed.entry.length; numberfeed = d; ii = 0; for (var h = 0; h < d; h++) { var n = a.feed.entry[h]; var e = n.title.$t; var m = n.published.$t.substring(0, 10); var j; for (var g = 0; g < n.link.length; g++) { if (n.link[g].rel == “alternate”) { j = n.link[g].href; break } } var o = “”; for (var g = 0; g < n.link.length; g++) { if (n.link[g].rel == “enclosure”) { o = n.link[g].href; break } } var c = “”; if (“category” in n) { for (var g = 0; g < n.category.length; g++) { c = n.category[g].term; var f = c.lastIndexOf(“;”); if (f != -1) { c = c.substring(0, f) } postLabels[ii] = c; postTitle[ii] = e; postDate[ii] = m; postUrl[ii] = j; postPublished[ii] = o; if (h < 10) { postRecent[ii] = true } else { postRecent[ii] = false } ii = ii + 1 } } } } } b(); sortBy = “titledesc”; sortPosts(sortBy); sortlabel(); displayToc();
}
function sortPosts(d) { function c(e, g) { var f = postTitle[e]; postTitle[e] = postTitle[g]; postTitle[g] = f; var f = postDate[e]; postDate[e] = postDate[g]; postDate[g] = f; var f = postUrl[e]; postUrl[e] = postUrl[g]; postUrl[g] = f; var f = postLabels[e]; postLabels[e] = postLabels[g]; postLabels[g] = f; var f = postPublished[e]; postPublished[e] = postPublished[g]; postPublished[g] = f; var f = postRecent[e]; postRecent[e] = postRecent[g]; postRecent[g] = f } for (var b = 0; b < postTitle.length – 1; b++) { for (var a = b + 1; a < postTitle.length; a++) { if (d == “titleasc”) { if (postTitle > postTitle[a]) { c(b, a) } } if (d == “titledesc”) { if (postTitle < postTitle[a]) { c(b, a) } } if (d == “dateoldest”) { if (postDate > postDate[a]) { c(b, a) } } if (d == “datenewest”) { if (postDate < postDate[a]) { c(b, a) } } if (d == “orderlabel”) { if (postLabels > postLabels[a]) { c(b, a) } } } }

}
function sortlabel() { sortBy = “orderlabel”; sortPosts(sortBy); var a = 0; var b = 0; while (b ; firsti = a; do { a = a + 1 } while (postLabels[a] == temp1); b = a; sortPosts2(firsti, a); if (b > postTitle.length) { break } }
}
function sortPosts2(d, c) { function e(f, h) { var g = postTitle[f]; postTitle[f] = postTitle[h]; postTitle[h] = g; var g = postDate[f]; postDate[f] = postDate[h]; postDate[h] = g; var g = postUrl[f]; postUrl[f] = postUrl[h]; postUrl[h] = g; var g = postLabels[f]; postLabels[f] = postLabels[h]; postLabels[h] = g; var g = postPublished[f]; postPublished[f] = postPublished[h]; postPublished[h] = g; var g = postRecent[f]; postRecent[f] = postRecent[h]; postRecent[h] = g } for (var b = d; b > postTitle[a]) { e(b, a) } } }
}
function displayToc() { var a = 0; var b = 0; while (b ; document.write(“”); document.write(‘’ + temp1 + ‘’); firsti = a; do { document.write(“”); document.write(‘’ + postTitle[a] + “”); if (postRecent[a] == true) { document.write(‘ – New!’) } document.write(“”); a = a + 1 } while (postLabels[a] == temp1); b = a; document.write(“”); sortPosts2(firsti, a); if (b > postTitle.length) { break } }
}

https://www.techtunebn.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=bloggersitemap” type=”text/javascript”>

 

যদি কোড কপি করতে কোন সমস্যা হয় তবে কোড গুলো এখান থেকে কপি করে নিতে পারেন।

আশা করি সাইটম্যাপ টি আপনার ভালো লেগেছে। এরকম হাজারো অসাধারন পোস্ট পেতে আমারটিপ্সর সাথেই থাকুন।

আমার ব্লগ সাইট থেকে একবার ঘুরে আসার দাওয়াত রইলো। আমার ব্লগ সাইট – টেকটিউনবিএন

Leave a Reply