কিভাবে ব্লগারে সাইটম্যাপ এড করবেন

 ব্লগার সাইটে সাইটম্যাপ এড 

আসসলামু আলাইকুম পাঠকগণ।আপনাদের সবাইকে স্বাগতম টেক বাউন্ডারের নতুন আরেকটি টেক পোস্টে।আমাদের মধ্যে অনেক ব্লগার রয়েছেন যাদের নিজেদের ব্লগ সাইট রয়েছে।

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

প্রথমে নিচের HTML+Javascript টা কপি করে ফেলুন।


<style type="text/css">
#sitemap{
width:99%;  
margin:5px auto;
border:1px solid #05a0ff;  
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#c2eafe 0%,#05a0ff 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#05a0ff),color-stop(1,#c2eafe));
border:1px solid #37c2dd;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #a0a0a0;
-moz-box-shadow:3px 3px 1px #a0a0a0;-webkit-box-shadow:3px 3px 1px #a0a0a0;display:block;
}
.labl a{color:#fff;
}
.labl:first-letter{text-transform:uppercase;
}
.new{color:#FF5F0
font-weight:bold;
font-style:italic;
}
.postname{font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.50,#fff),color-stop(1,#C2EAFE));
}
.postname li{border-bottom: #ddd 1px dotted;
margin-right:5px
}
/*This is optional - For full width Sitemap*/
.sidebar, #bottom, #blog-pager, h2.post-title, .comments {
display: none !important;
}
#content { width: 100% !Important; }
@media only screen and (max-width: 1089px) and (min-width: 980px) { #content { width: 100% !Important; } }  @media only screen and (max-width: 979px) and (min-width: 768px) { #content { width: 100% !Important; } } @media only screen and (max-width: 767px) and (min-width: 480px) { #content { width: 100% !Important; } }  @media only screen and (max-width: 479px) { #content { width: 100% !Important; } }
</style>

<div id="sitemap">
<script src="https://amanbhattarai4400.github.io/csshosting/sitemap.js" type="text/javascript"></script>
<script src="https://www.techbounder.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>>

তারপর ব্লগারে সাইটম্যাপ এড করতে www.blogger.com ওয়েবসাইটে গিয়ে আপনার ব্লগার একাউন্ট দিয়ে সাইন ইন করুন।

তারপর নিচের স্টেপগুলো ফলো করুন।

ব্লগারে সাইটম্যাপ এড করতে ব্লগারে নিচের ছবির মতো 3Dots থেকে Pages সিলেক্ট করুন।

তারপর নিচের ছবির মতো প্লাস(+) আইকনে ক্লিক করুন।

নিচের ছবির মতো Compose View থেকে HTML View করুন
তারপর নিচের ছবির মতো ব্লগারে সাইটম্যাপ এড করতে উপরের কপি করা কোড গুলো পেস্ট করে দিন।

ব্লগারে সাইটম্যাপ এড করতে শেষ কাজ হবে নিচের ছবির মতো Code Script থেকে www.techbounder.com এর জায়গায় আপনার সাইট এর লিংক দিয়ে দিন।

আপনার ব্লগারে সাইটম্যাপ এড করার সব কাজ শেষ। এখন শুধু পেইজটি কে পাবলিশ করে দিন

দেখবেন আপনার সাইটের একটি সুন্দর সাইটম্যাপ তৈরি হয়ে গিয়েছে।

তারপরেও যদি কোনো সমস্যা হয় আমাদের ফেইসবুক পেইজে যোগাযোগ করুন।ইনশাল্লাহ আমরা সমাধান দেয়ার চেস্টা করবো।ভালো থাকবেন।

আমাদের ফেইসবুক পেইজঃ এখানে ক্লিক করুন...

শেষ কথা 

আজকের পোস্টটি এই পর্যন্তই,আশা করি আপনার ভালো লেগেছে। আমাদের সাথেই থাকবে।এতক্ষণ পোস্টটি পড়ার জন্য অসংখ্য ধন্যবাদ।