HTML Sitemap Page Blogspot blog ke liye kaise banaye

Hello Dosto Namaskar Aaj ke ish ke artilce me mai Apko bataunga ki Html sitemap page kaise banate hai,HTML Sitemap Page Bahut hi Jarruri hai  Visitors aur Search engine ke liye,Basically Sitemap ka Use Hum Apne Blog ke Article or Post ko Search Engine me Index karane ke liye karte hai,Ish Post me mai Apko Bataunga ki Sitemap kya,Sitemap kitne Types ke hote hai,Aur Blog ke liye Html Sitemap kaise Banate hai

Sitemap Kya hai

Basically Sitemap ka use Blog ke Pages,Posts or Articles ko Search Engine me Index karane ke liye kiya jata hai,Sitemap kisi bhi Blog ke liye bahut hi jarruri hai,Sitemap ki vajah se hi apke blog ki posts Bahut Jaldi Search Engine me Show hone lagti hai,Jitne Bhi bloggers hai Jinko Blogging me kaphi VaQt ho gaya hai Sabhi ne Apne Blog ke liye Sitemap banaya hua hai.

Sitemap Kitne Types ke hote hai

Agar Sitemap ke types ki baat karey to Sitemap 2 Types ke Hote hai jinke baare me mai niche Discuss kar raha hu.

1.Xml Sitemap(Extensible markup language):-Xml Sitemap ka Use Search engine me Blog post,pages ko Index karane ke liye kiya jata hai,Xml Sitemap ki vajah se hamare blog ke article,pages jaldi search engine me crawl hote hai,Xml sitemap sirf search engine ke liye banaya jata hai,Xml Sitemap sabhi blog ke liye bahut hi jarruri hai kyuki iski vajah se hamare blog ki posts jaldi se search engine me show hone lagti hai,Agar Aapne Apne Blog ke liye Xml sitemap nahi banaya hai to mai Apko Recommand karunga pahle Apne Blog ke liye Xml Sitemap bana le,Agar apko nahi pata ki sitemap xml kaise banate hai to koi baat nahi niche jo link diya hua hai ush par click karke Xml Sitemap banaye

2.HTML Sitemap(Hypertext Markup Language):-Html Sitemap me Hamare Blog ki sabhi Article,Pages ki ek list ban jati hai jisko Koi bhi Reader padh sakta hai,Aap Isko Khud Generate kar sakte hai Sirf Simple Code ko Blog me Add karke.Html Sitemap bhi bahut Jarruri hai,Iski Vajah se Koi bhi Reader hamare Blog ki number of posts dekh sakta hai Aur Koi Bhi Post Easily Padh Sakta hai.

HTML Sitemap Kaise Banaye Blogger ke liye

Hamare Blog aur Hamare Blog Readers ke liye Html Sitemap bahut jarruri hai,To Chalo Dosto Ab mai apko batata hu ki Blogger Blog ke liye Html sitemap kaise banate hai

Step 1:-Sabse Pahle Ish Code ko Copy kar le jo niche diya hua hai.

<div id="tabbed-toc">

<span class="loading">Loading, please wait for a moment...</span></div>

<br />

<script type="text/javascript">

var tabbedTOC = {

    blogUrl: "http://www.hindimehelp.com", // Enter your blog URL

    containerId: "tabbed-toc", // Container ID

    activeTab: 1, // The default active tab index (default: the first tab)

    showDates: false, // `true` to show the post date

    showSummaries: false, // `true` to show the posts summaries

    numChars: 200, // Number of summary chars

    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)

    thumbSize: 40, // Default thumbnail size

    noThumb: "", // A "no thumbnail" URL

    monthNames: [ // Array of month names

        "January",

        "February",

        "March",

        "April",

        "May",

        "June",

        "July",

        "August",

        "September",

        "October",

        "November",

        "December"

    ],

    newTabLink: true, // Open link in new window. `false` to open in same window

    maxResults: 99999, // Maximum post results

    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")

    sortAlphabetically: true, // `false` to sort posts by published date

    showNew: 7, // `false` to hide the "New!" mark in most recent posts or

//define how many recent posts are to be marked by changing the number

    newText: " - <em style='color: white;padding: 1px 5px;border-radius: 20px;background-color: #F00;'>New!</em>" // HTML/CSS for

//the "New!" text

};

</script>

<script src="https://googledrive.com/host/0B_PLgWpOK_wTazVMekZ3TTBiY2M/" type="text/javascript"></script>

<style>

/*Sitemap  */

#tabbed-toc {

width: 99%;

margin: 0 auto;

overflow: hidden !important;

position: relative;

color: #222;

border: 0;

border-top: 5px solid #FC0204;

background-color: #1D1D1D;

-webkit-transition: all 0.4s ease-in-out;

}

#tabbed-toc .loading {

display:block;

padding:5px 15px;

font:normal bold 11px Arial,Sans-Serif;

color:#FFF;

}

#tabbed-toc ul,

#tabbed-toc ol,

#tabbed-toc li {

margin:0;

padding:0;

list-style:none;

}

#tabbed-toc .toc-tabs {

width: 24.8%;

float: left !important;

}

#tabbed-toc .toc-tabs li a {

display:block;

font:normal bold 10px/28px Arial,Sans-Serif;

height:28px;

overflow:hidden;

text-overflow:ellipsis;

color:#ccc;

text-transform:uppercase;

text-decoration:none;

padding:0 12px;

cursor:pointer;

  -webkit-transition: all 0.3s ease-in-out;

}

#tabbed-toc .toc-tabs li a:hover {

background-color: #515050;

color: #FFF;

}

#tabbed-toc .toc-tabs li a.active-tab {

background-color: #FFFC03;

color: #222;

position: relative;

z-index: 5;

margin: 0 -2px 0 0;

}

#tabbed-toc .toc-content,

#tabbed-toc .divider-layer {

width: 75%;

float: right !important;

background-color: #F5F5F5;

border-left: 5px solid #FFFC03;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-webkit-transition: all 0.3s ease-in-out;

}

#tabbed-toc .divider-layer {

float:none;

display:block;

position:absolute;

top:0; right:0; bottom:0;

}

#tabbed-toc .panel {

position:relative;

z-index:5;

font:normal normal 10px Arial,Sans-Serif;

}

#tabbed-toc .panel li a {

display: block;

position: relative;

font-weight: bold;

font-size: 11px;

color: #222;

line-height: 2.8em;

height: 30px;

padding: 0 10px;

text-decoration: none;

outline: none;

overflow: hidden;

-webkit-transition: all 0.3s ease-in-out;

}

#tabbed-toc .panel li time {

display:block;

font-style:italic;

font-weight:400;

font-size:10px;

color:#666;

float:right;

}

#tabbed-toc .panel li .summary {

display:block;

padding:10px 12px;

font-style:italic;

border-bottom:4px solid #275827;

overflow:hidden;

}

#tabbed-toc .panel li .summary img.thumbnail {

float:left;

display:block;

margin:0 8px 0 0;

padding:4px;

width:72px;

height:72px;

border:1px solid #dcdcdc;

background-color:#fafafa;

}

#tabbed-toc .panel li:nth-child(even) {

background-color: #DBDBDB;

font-size: 10px;

}

#tabbed-toc .panel li a:hover,

#tabbed-toc .panel li a:focus,

#tabbed-toc .panel li a:hover time,

#tabbed-toc .panel li.bold a {

background-color:#222;

color:#FFF;

outline:none;

-webkit-transition: all 0.3s ease-in-out;

}

#tabbed-toc .panel li.bold a:hover,

#tabbed-toc .panel li.bold a:hover time {

background-color:#222;

}

@media (max-width:700px) {

#tabbed-toc {

background-color:#fff;

border:0 solid #888;

}

#tabbed-toc .toc-tabs,

#tabbed-toc .toc-content {

overflow:hidden;

width:auto;

float:none !important;

display:block;

}

#tabbed-toc .toc-tabs li {

display:inline;

float:left !important;

}

#tabbed-toc .toc-tabs li a,

#tabbed-toc .toc-tabs li a.active-tab {

background-color:#222;

color:#ccc;

}

#tabbed-toc .toc-tabs li a.active-tab {

color:#000;

}

#tabbed-toc .toc-content {

border:none;

}

#tabbed-toc .divider-layer,

#tabbed-toc .panel li time {

display:none;

}

}

</style>

Step 2:-Ab Apne Blog ko Login karke Dashboard par Jaye.

Step 3:-Ab "Pages" par click klarey.

Step 4:-Ab "New Page" par Click karey.

Step 5:-Ab "Html" par Click karke Ush Code ko paste kar de jo aapne Copy Kiya tha.

Step 6:-Ab Ish Code me se mere blog ka Url Change karke Apne Blog ka Url Daale.

Step 7:-Aap Reader Comment Disable kar Sakte hai.

Step 8:-Ab "Publish" par Click karey.

Aapne Apne Blogger Blog me Successfully Html Sitemap Add  kar liya hai.

Ummid hai Dosto Aaj ka yeh article Html sitemap blogspot blog ke liye kaise banate hai. Aap Sabhi ko pasand Aaya hoga ,Agar Apka koi Doubt, Queries or Questions hai to aap niche comment kar sakte ho Aur agar apko yeh article apko achha laga ho to isko apne dosto ke sath fb,twitter,linkedin etc. Social site par bhi Share karey.