₦airaland Forum

Welcome, Guest: RegisterLoginWith GoogleTrendingRecentNew

Stats: 3,329,089 members, 8,438,778 topics. Date: Friday, 03 July 2026 at 10:40 PM

Toggle theme

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

Nairaland ForumScience/TechnologyWebmastersSimple Steps For Creating Responsive HTML Sitemap Blogger Page (453 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 ProjectEasy & Simple Steps To Monetize Your Blog And Make Money Guaranteed5 Simple Steps To Writing Effective Emails234

I Need A Vcc To Verify Paypal AccountCreate An Android For Your Blog At An Affordable Rate (photos)How To Get Free Email Hosting For Your Domain Name (admin@domain.com)