Responsive HTML Sitemap Page Kaise Banaye Blogger Me

Hello, Friends And Readers, Maine apne is blog pe  Blogger ke bare me bahut sare post kiye hai, Blogging Beginners ke liye kyuki jo blogging me aana chahte hai starting karna chahte hai unke liye BlogSpot , ek bahut hi badiya blogging platform hai. Agar aap bhi blogger ke liye new hai aur aapko uske bare me jada jankari nhi hai to Aap is blog  Ankk.in Par Blogger (Blogspot) Ke Bare me seekh skte ho, Maine already apne blog par Blogspot Tutorial post Share kiye huye hai. Aur Aaj Mai aapke liye fir se ek Aur Blogger se related post le kar aya hu, Aaj Ham is post me janenge ke , blogger blog me Responsive SiteMap Page Kaise Banaye aur Use kaise blog me add kare.

HTML Sitemap Page Kya Hota Hai ?

HTML Sitemap Page, Ek Tarah ka page hota hai hamare blog ya website ka jisme hamari sabhi post Alphabatically Listed hoti hai, Labels aur category ke according, Ye Page Me hamari sari posts me show karta hai,

Sitemap page blog me add karne se 2 fayde hote hai, ek to ye ke agar koi bhi visitor ya reader hamare blog ki sari post dekhna chahta hai, to wo Sitemap ke page ke link pe click karke sari posts dekh skta hai, aur dusra fayda iska ye hai ki, Jo hamari new posts hoti hai unhe search engines, Crawlers kihelp se jldi post ko index karte hai.to ab aapko pata chal gaya hai ke Sitemap Page kya hota hai or ye blog me kyu hona chahiye , to  ab jaante hai ke Responsive HTML Sitemap page blogger me kaise banaye aur use kaise add kare.

HMTL Sitemap Page Kaise Banaye Blogger Me  ? 

Step#1 Sabse Pehle apne blogger dashboard me jaye, aur Page Ke Option pe click kare aur New Page Banaye ,
Step#2 Ab Page Ke Title  , All Post Ya Sitemap Enter Kare aur neeche , Compose mode se HTML mode me switch kare,

uske bad neeche diye huye code ko copy karle aur ise, Page ke HTML Section me Paste karde,

<style type=”text/css”>
#toc{
width:99%;
margin:5px auto;
border:1px solid #6cbe42;
-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:#6cbe42;
font-weight:normal;
margin:0 -5px;
padding:1px 0 2px 15px;
background:-moz-linear-gradient(right,#6cbe42 0%,#6cbe42 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#6cbe42),color-stop(1,#6cbe42));
border:1px solid #6cbe42;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#000000;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#ff2626;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#6cbe42 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#6cbe42));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>

<br />
<div id=”toc”>
<script src=”https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/” type=”text/javascript”></script>
<script src=”http://www.YOUR-BLOG-URLcom/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc”>
</script>

Customization :  “http://www.YOUR-BLOG-URLcom/” ki jagah apne blog ka url add karde.

Step#3 Code paste karne ke bad , Right side me Options pe click karde, Usme Neeche Reader Comments me Don’t Allow Pe click karde, isse aapke Sitemap page me comments disable ho jayenge , aur comment box hide ho jayga.

Step#4 Ab , Is Page ko Publish karde, Publish ki button pe click karke.
ab aapke blog ke liye HTML sitemap ban chuka hai, jo ki Responsive hi hai.

loading...

Read Also :

Deepak Shrivastav

Deepak Shrivastav Is the Founder Of ANKK. He loves to share his knowledge and experience about Blogging,SEO and Make Money Online on his Blog in Hinglish language.

3 thoughts on “Responsive HTML Sitemap Page Kaise Banaye Blogger Me

Leave a Reply

Your email address will not be published. Required fields are marked *