₦airaland Forum

Welcome, Guest: Register • Login • With Google • Trending • Recent • New

Stats: 3,345,077 members, 8,515,418 topics. Date: Sunday, 08 November 2026 at 08:39 PM

Toggle theme

Simple Steps For Creating Responsive HTML Sitemap Blogger Page - Webmasters - Nairaland

Nairaland Forum › Science/Technology › Webmasters › Simple Steps For Creating Responsive HTML Sitemap Blogger Page (461 Views)

1 Reply

Simple Steps For Creating Responsive HTML Sitemap Blogger Page by Wizmike111(op): 8:22pm On Sep 30, 2016
If you want to create your own hyperlink text URL for
your sitemap page, read this post (change blogger
static page URLs) before proceeding the current post.

Go to 'Blogger Dashboard', and select your
Blog.

Click on 'Pages' -> 'New Page'. Now, Choose
'HTML' part (near to 'Compose').

Now copy the following code.
<script src="https://googledrive.com/
host/0BynUyePIYUATTzJMS0dfRGtNQkU"
type="text/javascript"></script>
<script src="http://
www.naijcrackgist..com/feeds/
posts/default?max-
results=9999&amp;alt=json-in-
script&amp;callback=loadtoc"></script>
<style type="text/css">
.post-archive {width: 100%; padding:
20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px
solid #EEEEEE; color: #333333; font-
size: 20px; margin: 0 0 10px 2px;
padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -
moz-column-gap: 10px; -moz-column-rule:
none; -webkit-column-count: 3; -webkit-
column-gap: 10px; -webkit-column-rule:
none; column-count: 3; column-gap:
10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -
moz-column-break-inside: avoid; -
webkit-column-break-inside: avoid; -o-
column-break-inside: avoid; -ms-column-
break-inside: avoid; column-break-
inside: avoid; display: inline-block;
width: 100%; }
.ct-columns-3 p a { background:
#fafafa; color: #333; display: block;
border: 1px solid #FFFFFF; line-height:
normal; outline: 1px solid #EEEEEE;
padding: 10px 15px; -webkit-
transition:all .50s ease-in-out; -moz-
transition:all .50s ease-in-out; -o-
transition:all .50s ease-in-out;
transition:all .50s ease-in-out;text-
decoration: none; }
.ct-columns-3 p a:hover { background:
#fff; color: #555;text-decoration:
underline; }
@media screen and (max-width: 768px)
{ .ct-columns-3 { -moz-column-count: 1;
-moz-column-gap: 0px; -moz-column-rule:
none; -webkit-column-count: 1; -webkit-
column-gap: 0px; -webkit-column-rule:
none; column-count: 1; column-gap: 0px;
column-rule: none; } }
</style>

Don't forget to replace
'www.naijcrackgist..com' with your
blog link.
Finally, click on 'Publish' button.
You have created a HTML sitemap for your
Blogger blog.






CHECK OUT DEMO: http://naijcrackgist..com.ng/p/blog-page_30.html
1 Reply

What Is Sitemap.xml And Robot.txt And Their Function For A Web Project • Easy & Simple Steps To Monetize Your Blog And Make Money Guaranteed • 5 Simple Steps To Writing Effective Emails • 2 • 3 • 4

Get Verified Adsense Using Your Blog • Create Your Own Wealth With 500naira Earners With Only ₦500 • ^