কিভাবে ব্লগে সাইটম্যাপ পেজ যুক্ত করবেন

আপনার ওয়েব সাইটে একটি সাইটম্যাপ পেজ তৈরি করা থাকলে ভিজিটর যখন আপনার সাইটম্যাপ পেজটিকে ক্লিক করবে তখন আপনার সাইটের সমস্ত পোস্ট গুলি তিনি দেখতে পারবেন, একজন ভিজিটর কে বার বার সার্চ করে খুঁজতে হবে না, ফলে আপনার লেখা অন্যান্য আর্টিকেল গুলোতে ক্লিক পাওয়ার সম্ভাবনা অনেক বেশি ৷

সাইটম্যাপ পেজ কি

মূলত সাইটম্যাপ পেজ হলো একটি ওয়েব সাইটের মানচিত্রের মত এবং এই পেজ তৈরি মাধ্যমে দেখা যাবে কোন কোন পোস্ট গুলো নতুন পাবলিশ ও আপডেট করা হয়েছে ৷ এবং প্রতিটি ক্যাটাগরির সাথে পোস্ট গুলি দেখতে পারবেন একজন ভিজিটর ৷ 

এতক্ষন একটি সাইটম্যাপ তৈরির প্রয়োজনীয়তার কথা বললাম ৷ এবার আসুন কিভাবে খুব সহজেই আপনার ব্লগ সাইটে একটি সাইটম্যাপ পেজ যুক্ত করবেন ৷ একটি সাইটম্যাপ তৈরি করার জন্য আপনাকে কোন কোডিং না জানলেও হবে সাইটম্যাট পেজ ডেমো দেখতে পারেন ডেমো পেজ

কিভাবে সাইটম্যাপ পেজ যুক্ত করবেন

প্রথমে আপনার ব্লগের ড্যাশবোর্ড থেকে পেজে যেতে হবে তার পর একটি নতুন পেজ তৈরি করতে হবে, এবার পেজটির নাম দিতে সাইটম্যাপ তার পর পেজটি HTML তে ভিউ করে নিচের দেয়া কোডটি কপি করে পেস্ট করে দিয়ে সেভ করে পাবলিশ করবেন ৷

<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.landideabd.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadsitemap"></script>
</div>

উপরের কোডটিতে শুধুমাত্র www.landideabd.com এর জায়গায় আপনার সাইটের নামটি বসিয়ে দিবেন ৷ আর কিছুই পরিবর্তন করা লাগবে না ৷ 

বিঃদ্রঃ- উপরের কোডটি অবশ্যই HTML View করে পেস্ট করবেন Compose View তে করলে হবেনা ।

এবার সাইটম্যাপ পেজটি আপনার সাইটের কোথায় রাখতে চান তা বেছে নিন, যদি সাইট বারে রাখতে তাহলে ব্লগের লেআউট অপশন থেকে সাইট বার অপশনে একটি নতুন গেজেট তৈরি করুন তার পর এর নাম দিন সাইটম্যাপ তার পর আপনার সাইটম্যাপ পেজটি ভিউ করে এর লিংকটি বসিয়ে দিন ব্যাস কাজ শেষ ৷