-->

আপনার সাইটের জন্য তৈরি করে নিন আকর্ষনীয় একটি HTML সাইটম্যাপ পেজ

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


স্যাইট ম্যাপ কি? What is Sitemap?


সাইট ম্যাপের সাহায্যে Search Engine খুব সহজেই বুজে নিতে পারে আপনার সাইরে বা ব্লগে কতটা পোস্ট রয়েছে। সহজ ভাবে বলতে গেলে সাইট ম্যাপ হলো একটা সাইট এর সমুদয় পোস্টের সারসংক্ষেপ। এটি হচ্ছে কোন সার্চ Engine এ সাবমিট করার পদ্ধতি। কিন্তু আজকে আমরা যে Sitemap তৈরি করা শিখবো, এটি আপনার সাইটের পাঠকদের জন্য। যাতে করে পাঠকরা সাইট ম্যাপের মাধ্যমে বুজতে পারতে সাইটে কতটা পোস্ট রয়েছে। শুধু তাই না আমি যে  সাইটম্যাপটা তৈরি করা শিখাবো এটির মাধ্যমে সাইটম্যাপের প্রত্যেকটা লেবেলকে আলাদা করে দেখাবে এবং কোন লেবেলে কতটা পোস্ট রয়েছে সেটাও নাম্বারিং করে দেখাবে। এছাড়া নতুন পোস্ট গুলো যাতে ভিজিটর রা বুজতে পারে সেদিকও খেয়াল রাখবে সাইট ম্যাপটি। সব মিলিয়ে সাইটম্যাপটা অসাধারন লাগবে পাঠকদের কাছে।
                 


কিভাবে ব্লগে যুক্ত করবেনঃ-

১। প্রথমে আপনার ব্লগারটি লগ ইন করুন
২। ড্যাশবোর্ড হতে পেজ (Page) ক্লীক করুন
৩। এখন নতুন একটা পেজে (create new page) ক্লিক করুন
৪। পেজের HTML এর উপর ক্লীক করুন
৫। নিচে কোড গুলো 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>

<br />
<div id="sitemap">
<script src="https://cdn.rawgit.com/prozokti/rashid/master/sitemap.js" type="text/javascript"></script>
<script src="https://www.techblogbangla24.xyz/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadsitemap"></script>
</div>


৭। Publish ক্লীক করে publish করে দিন।



আশা করি সকল কাজ ঠিক মত বুজে করেছেন যদি কোন কিছু না বুজতে পারেন তাহলে comment করেন। আমি আমার মত করে বুজানোর চেষ্টা করবো।
 ধন্যবাদ।




যোগাযোগঃ
Email——– nparvez003@gmail.com



আমি চাই পোস্টটি আপনার কাছে কেমন লেগেছে l কমেন্টে জানাবেন l

Also Read

Post a comment