How to Create HTML Sitemap Page in Blogger 2020

How to Add Sitemap Page to Blogger Using HTML Codes In Urdu : aapako is post mein blog ya site ke lie html sitemap page ko bananna aur ise blog me add krna ke lie batoonga. Sitemap two types kai hote hai:

1. XML Sitemap
2. HTML Sitemap

XML Sitemap: Is ko app ek small file kah sakte hai jisme hamare blog ya site ka saara content xml format mein hota hai. XML sitemap hamare blog kai sare content ko google search engine mein index karne mein help krta hai.  

HTML Sitemap: Is mein hamare blog per publish kiya giya sare post ka list hota hai. Ye html format me hota hai. Is mein post ki list read kar sakte hai. Yeh hamare blogger post ko search engine me index to nahi krta hai laikin is ke madad se ap apne blog ya site ke page views increase kar sakte hai. kyo kia html sitemap mein blog ka sarra publish post ek jagah ek page per show hota hai.

Is ke elawa ap ko blog me HTML Sitemap page ko create krna hai aur phir us ke baad is page ke link ko blog ke mainu bar me add karna hai. Is link ko jo bhee visitor open kre ga, unhain aapke blog ka sara post ek page mein dikhaee dega. 

Is post mein main jis Sitemap page ko banane ke baare mein bata raha hoon, vo bohat hee attractive hai aur 100% yah aapke blog mein work karega. Ismain tamam post ek page mein categories ya label mein show hogee. Is se visitors ko aapke blog ke saare post ko navigate karne mein aasane ho gee. jis se visitor apne pasand aur zaroorat ke post ko aasanne se search kar sakte hai.

Ab mein ap ko btana shuroo krta ho kai blog ke lie HTML Sitemap page kaise bnante hai ?

Step 1

• Sabse Pehle apne blogger account mein Login kar ke blogger kai Dashboard par jaen.
• Theme>>Edit HTML per Click Karain.
• New Pages per Click Karain.
• Ab Keyboard se Ctrl+F button dabayain
• Ab is me Ye Code Paste kre  ]]></b:skin>

• ]]></b:skin> is kai upar ye Code Paste kre:
• Or Save theme kr de.

HTML Sitemap Code

/* Sitemap plugin By Pro Techy Tips */

#bp_toc {

color: #000000;

margin: 0 auto;

padding: 0;

border: 1px solid #000000;

float: left;

width: 100%;

}

span.toc-note {

display: none;

}

#bp_toc tr:nth-child(2n) {

background: #f5f5f5;

}

td.toc-entry-col1 a {

font-weight: bold;

font-size: 14px;

}

.toc-header-col1,

.toc-header-col2,

.toc-header-col3  {

background:#05D83B;

}

.toc-header-col1 {

padding: 10px;

width: 250px;

}

.toc-header-col2 {

padding: 10px;

width: 75px;

}

.toc-header-col3 {

padding: 10px;

width: 125px;

}

.toc-header-col1 a:link,

.toc-header-col1 a:visited,

.toc-header-col2 a:link,

.toc-header-col2 a:visited,

.toc-header-col3 a:link,

.toc-header-col3 a:visited {

font-size: 13px;

text-decoration: none;

color: #fff;

font-weight: 700;

letter-spacing: 0.5px;

}

.toc-header-col1 a:hover,

.toc-header-col2 a:hover,

.toc-header-col3 a:hover {

text-decoration: none;

}

.toc-entry-col1,

.toc-entry-col2,

.toc-entry-col3 {

padding: 5px;

padding-left: 5px;

font-size: 12px;

}

.toc-entry-col1 a,

.toc-entry-col2 a,

.toc-entry-col3 a {

color: #000000;

font-size: 13px;

text-decoration: none

}

.toc-entry-col1 a:hover,

.toc-entry-col2 a:hover,

.toc-entry-col3 a:hover {

text-decoration:underline;

}

#bp_toc table {

width: 100%;

margin: 0 auto;

counter-reset: rowNumber;

}

.toc-entry-col1 {

counter-increment: rowNumber;

}

#bp_toc table tr td.toc-entry-col1:first-child::before {

content: counter(rowNumber);

min-width: 1em;

min-height: 3em;

float: left;

border-right: 1px solid #fff;

text-align: center;

padding: 0px 11px 1px 6px;

margin-right: 15px;

}

td.toc-entry-col2 {

text-align: center;

}

• Step 2

• Ab blogger kai dashboard per Pages per aaye
• New pages per click kre
• ap apne hisab se kuchh bhee likh sakte hai jaise kai Sitemap, All Post, Archive etc.
• HTML per click kar kain HTML mode ko on kre.
• Page ke body section mein neche diya giya code Copy kar kain Paste kr de.
• Page Setting mein Don,t allow ,Show HTML Literally, use <br> tag ke check box mein tick kar kain done per click karen. 
• Publish Per Click kre.

Umeed hai ko app ko ye post pasand aaye hogi. Blogger Sitemap page ko banane mein koi bhee problem aate hai to mujhe Comment krain.

Agar yah post aapko pasand aaye to ise  Facebook, Twitter, Google Plus etc. jaise social sites per share karain.