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

সহজ ভাবে বলা যায় সাইটম্যাপ হচ্ছে আপনার ওয়েবসাইটের সমুদয় টিউন এর সারসংক্ষেপ। সাইটম্যাপের মাধ্যমে Search Engine সহজে বুঝে নিতে পারে যে, আপনার ব্লগে বা  ওয়েবসাইটে কতগুলো টিউন রয়েছে। যার ফলশ্রুতিতে যে কোন সার্চ ইঞ্জিন আপনার সাইটের কনটেন্ট গুলি Index করে সার্চ রেজাল্টে নিয়ে আসে।

 আশা করি এই সাইটম্যাপটি আপনাদের ভাল লাগবে। এখান থেকে  Demo/preview/button দেখে আসতে পারেন।

কিভাবে ব্লগারে নিউজ পোর্টাল ওয়েবসাইট বানাতে হয়।alert-success 

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

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

ওয়েবসাইট এসইওঃ কিভাবে সাইটম্যাপ তৈরি করবেন এবং গুগলে সার্চ কনসল এ সাবমিট করবেন?alert-success 

আর আমাদের এই সাইটের সাইটম্যাপের বিশেষ কিছু ফিচার হচ্ছে পোস্টগুলো লেবেল আকারে সাজানো এবং প্রতিটি লেবেলের নতুন পোস্টগুলোর পাশে New লেখা রয়েছে যার মাধ্যমে পাঠক সহজে বুঝতে পারে কোন পোস্টগুলা নতুন করা হয়েছে।

EBL MASTERCARD AQUA PREPAID CARD কিভাবে নিবেন?alert-success 

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

  • প্রথমে আপনার ব্লগে লগইন করুন।
  • তারপর ব্লগার ড্যাশবোর্ড হতে Page এ ক্লি করুন।
  • এখন Create a 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>

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

  • উপরে https://www.tunes71.com এর জায়গায় আপনার সাইটের এড্রেস দিন।

  • এখন Save করলে  তৈরি হয়ে যাবে।
এই কাজটি অবশ্যই HTML ভিউ এ করবেন, Compose ভিউ এ করলে হবেনা।alert-info 

Post a Comment

Previous Post Next Post