Stylish HTML Page For Blogger

How to Create Responsive Sitemap Page For Blogger

How To Add Stylish HTML Page In Your Blogger:-

If Your Website Is Built on Blogger you May Face Lots Of Problems, You Cannot use HTML Sitemap in a Blogger Website Because Blogger is Free and of course it has lots of amazing features but also has some disadvantages of using blogger such as on Blogger Site You Cannot install plugin like WordPress site to make your site more pleasant and SEO Optimized. But I will tell you some outstanding tricks in this post that work great, with the help of these tricks you will be able to add a Stylish HTML Sitemap on a static Page of a Blogger Website. So Without wasting time, Let's Start-

Code 1 

Paste This Code Just Before  ]]></b:skin>  Tag

/* Sitemap plugin By https://flippedtech.blogspot.com/ */

#bp_toc{color:#000;margin:0 auto;padding:0;border:1px solid #000;float:left;width:100%}span.toc-note{display:none}#bp_toc tr:nth-child(2n){background:#f5f5f5}td.toc-entry-col1 a{font-weight:700;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:.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:#000;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:0 11px 1px 6px;margin-right:15px}td.toc-entry-col2{text-align:center}

Code 2

<div id="bp_toc">
</div>
<script src='http://mybloggerlab.com/js/sitemap.js' type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

 

Note- For Installation Must Watch Whole Video Given Below. It Helps You a Lot.

If You are New on our Channel Like, Share, Comment on our Video. Subscribe to our Channel and Do not Forget to Hit the Bell Icon.

Telegram ➤ https://t.me/flippedtech

Website ➤ https://bit.ly/3atUzmW

Instagram ➤ https://www.instagram.com/flippedtech/

---------------------------------------------------------------------------------------------------------------

Gears I Used
My Mobile (Link 1) ➤ https://amzn.to/3hhAkfc
My Mic ➤ https://amzn.to/30weOxl
My Laptop ➤ https://amzn.to/2XPOsEM
Link 2 ➤ https://amzn.to/325IJf4
Link 2 ➤ https://bit.ly/3cUlRlM
My Mouse ➤ https://amzn.to/3iQWrsC

---------------------------------------------------------------------------------------------------------------

Click Subscribe Button For More Videos:-
➤ https://bit.ly/320AuAQ

Check Out our More Videos:-

➤ https://bit.ly/3kV78MH

Please Like, Comment, Share and Subscribe THANK YOU!
AskQuestion #flippedtech

All Tags Used In Video