কিভাবে ব্লগারে কাষ্টম Sitemap Page তৈরি করতে হয়।

Sitemap বলতে বুঝায় কোন সাইটের সাবগুলো পোষ্ট এর লিষ্ট দেখানো।এটি খুব গুরুত্বপূর্ণ বিষয় কেননা, সাধারনভাবে কেউ কোন সাইটে প্রবেশ করলে সেই সাইটের পোষ্ট গুলো দেখতে হবে আমার “Next page” এ ক্লিক করে বার বার নতুন পেইজে যেতে হয়। যা খুব বিরক্তিকর ও সময়সাপেক্ষ। 

এতে করে ব্লগের রিডার রা কখনো কখনো চরম বিরক্ত প্রকাশ করে থাকে। Sitemap পেইজে আপনার ব্লগ এ যতগুলো পোষ্ট রয়েছে তার সবগুলোর টাইটেল দেখতে পারবে আর যা কিনা একটি মাত্র পেইজে। তাই রিডারের যে টাইটেল টি ভালো লাগবে সেটিতে ক্লিক করে সেই সম্পর্কে জানতে পারবে।

কিন্তু যদি কোন সাইটের Sitemap তৈরি করা থাকে তাহলে যে সুবিধাগুলো পাওয়া যায়ঃ

১) আপনার ব্লগের রিডাররা আপনার দেওয়া সব পোষ্ট দেখতে পারবে।

২) প্রতিটি Label কে আলাদা আলাদা ভাবে দেখতে পারবে।

৩) নতুন পোষ্ট গুলোর পাশে New লিখাটি থাকবে, যার ফলে রিডাররা বুঝতে পারবে এই পোষ্টটি আপডেট করা।

৪) আগের Sitemap গুলোতে Bangla Language এর কিছু সমস্যা ছিলো, কিন্তু এটিতে পাচ্ছেন সম্পূর্ণ Capability.

# Sitemap এর ডোমো দেখুন এখানে...

যেভাবে Sitemap তৈরি করবেনঃ

১) প্রথমে আপনার Blogger সাইটে লগিন করুন।

২) ব্লগারের Dashboard হতে Page এ ক্লিক করুন।

৩) Create a new page এ ক্লিক করুন, এতে করে ব্লগ লিখার মতো একটি পেইজ ওপেন হবে।

৪) এখন HTML এ ক্লিক করুন।

৫) এখন নিচের Coad গুলি কপি করে HTML পেইজ এ Past করুন।
NB: HLML কোডের মধ্য এই সাইটের address দেওয়া আছে https://www.allsectionbd.blogspot.com এটি পরিরর্তন করে আপনার সাইটের Address লিখুন।

==============================================================
<style type="text/css">#sitemap { width:100%; margin:5px auto; margin-left: 4px; border:1px solid #23A839; border-top:0px solid #2D96DF; } .label { color:#FF5F00; font-weight:bold; margin: -16px -1px 0px; padding:1px 0 2px 11px; background: -webkit-linear-gradient(right,#6DFC85 0%,#23A839 40%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right,#6DFC85 0%,#23A839 40%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right,#6DFC85 0%,#23A839 40%); /* For Firefox 3.6 to 15 */ background: linear-gradient(right,#6DFC85 0%,#23A839 40%); /* Standard syntax */ border:1px solid #23A839; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; display:block; } .label a {color:#fff;} .label:first-letter {text-transform:uppercase;} .new { color:#FF5F00; font-weight:bold; font-style:italic; } .postname { font-weight:normal; background: -webkit-linear-gradient(right,#6DFC85 0%,#FFF 40%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right,#6DFC85 0%,#FFF 40%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right,#6DFC85 0%,#FFF 40%); /* For Firefox 3.6 to 15 */ background: linear-gradient(right,#6DFC85 0%,#FFF 40%); /* Standard syntax */ } .postname li { border-bottom: #DDD 1px dotted; margin-right:5px } a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} </style> <div id="sitemap"><script type="text/javascript" src="https://cdn.rawgit.com/prozokti/rashid/master/sitemap.js"></script><script src="https://www.allsectionbd.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadsitemap"></script></div>

======================================================================

এখন পোষ্টটি পাবলিশ করুন, ব্যাস হয়ে গেলো। কিন্তু যারা Custome থিম ব্যাবহার করছে আর আপনি আপনার সাইটের Sitemap এড করতে চান, তারা উপরের পদ্ধতিগুলো অনুসরন করে, পোষ্টটি Publish করার পর, পোষ্টটি View করবেন, তাহলে আপনার Sitemap এর পেইজ টি ওপেন হবে এখন Browser এর Address Bar থেকে এই পেইজের লিঙ্ক কপি করে আপনার ব্লগের যেকোন জায়গায় (HTML এল এর মাধ্যমে লিঙ্কটি স্থাপন এর মাধ্যমে) দেখাতে পারেন।

উদাহরনঃ যেমন ধরুন আমি একটি কাষ্টম থিম ব্যাবহার করছি, যেখানে মেনুবারের উপরে আরো কিছু অপশন রয়েছে।

About     Contact Us      Privesy    Other

এখন আমরা এই Other এর জায়গায় লিখনো Sitemap আর আমাদের লিঙ্কটি শেয়ার করব।যাতে যে কেউ এই Sitemap লিখাটির উপরে ক্লিক করলে আমর সাইটের Sitemap পেইজে যেতে পারে। 

১) Blogger এর ড্যাশবোর্ডে থিম এ ক্লিক করে HTML ওপন করে “Ctrl+F” চাপলে একটি সার্চ বক্স ওপেন হবে,এই বক্সে “Other” লিখে Enter চাপলে আমাদের কে “Other” যেইখানে লিখা আছে সেখানে নিয়ে যাবে।

২) এখন Other লিখাটি পরিবর্তন করে Sitemap লিখে আমাদের তৈরি করা Sitemap এর লিঙ্ক লিখে save করে বেরিয়ে আসুন, এখন দেখুন আপনি “ALL SET”

Recommanded: কিভাবে ব্লগার বা ওয়েব সাইটে Facebook Messenger যুক্ত করবেন?

©2017, Copyright Imran Hasan