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 (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&alt=json-in- script&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 |
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
I Need A Vcc To Verify Paypal Account • Create An Android For Your Blog At An Affordable Rate (photos) • How To Get Free Email Hosting For Your Domain Name (admin@domain.com)