Themes For Blogger Sitemap Label Based (Seql)
Updated on: March 05, 2017
Souvenir wedding
These are themes for HTML-based sitemap page provided past times howbloggerz solely together with volition non live on for whatsoever other sitemap.
How to Add Sitemap Page inwards blogger - past times howbloggerz
- Format - Label based
- Design - SEQL
- Responsive
- Easy custom columns
- No hidden script
<link href="https://fonts.googleapis/css?family=Lato|Montserrat" rel="stylesheet"> <style type="text/css"> .post-archive { width: 100%; padding: 20px 0; font-family: "Lato", sans-serif; } .post-archive h4 { border-bottom: 2px company #E3E3E3; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; font-family: "Montserrat", sans-serif; font-weight: 700; } .ct-columns { -moz-column-count: 2; -moz-column-gap: 20px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 20px; -webkit-column-rule: none; column-count: 2; column-gap: 20px; column-rule: none; } .ct-columns 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 p a { background: #242424; color: #fff; display: block; border: 2px company #000; font-size: 14px; line-height: normal; border-radius: 5px; padding: 10px 15px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .ct-columns p a:hover { background: #fff; color: #000; text-decoration: none; } .ct-columns p a bridge { color: rgb(255, 0, 0); } @media covert together with (max-width: 768px) { .ct-columns { -moz-column-count: 2; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 2; column-gap: 10px; column-rule: none; } } @media covert together with (max-width: 550px) { .ct-columns { -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> 
<link href="https://fonts.googleapis/css?family=Lato" rel="stylesheet"> <style type="text/css"> .post-archive { width: 100%; padding: 20px 0; font-family: "Lato", sans-serif; } .post-archive h4 { border-bottom: 1px company #EAEAEA; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0px 10px 10px; } .ct-columns { -moz-column-count: 2; -moz-column-gap: 20px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 20px; -webkit-column-rule: none; column-count: 2; column-gap: 20px; column-rule: none; } .ct-columns p { padding: 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 p a { color: #0A12CE; display: block; font-size: 14px; line-height: normal; padding: 0px 15px; } .ct-columns p a:hover { color: #888CDD; } .ct-columns p a bridge { color: rgb(255, 0, 0); } @media covert together with (max-width: 768px) { .ct-columns { -moz-column-count: 2; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 2; column-gap: 10px; column-rule: none; } } @media covert together with (max-width: 550px) { .ct-columns { -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> 
<link href="https://fonts.googleapis/css?family=Didact+Gothic|Exo" rel="stylesheet"> <style type="text/css"> .post-archive { width: 100%; padding: 20px 0; font-family: 'Didact Gothic', sans-serif } .post-archive h4 { border-left: 5px company #D342DD; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 5px 10px; font-family: 'Exo', sans-serif; font-weight: 700; box-shadow: 0 0 5px #64446666; border-radius: 5px; } .ct-columns { -moz-column-count: 2; -moz-column-gap: 20px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 20px; -webkit-column-rule: none; column-count: 2; column-gap: 20px; column-rule: none; } .ct-columns 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 p a { background: #fff; color: #F568AD; display: block; border: 1px company #C9AFCB; font-size: 15px; line-height: normal; border-radius: 0 3px 0; padding: 10px 15px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; box-shadow: 5px 5px #F0EAED; } .ct-columns p a:hover { background: #fff; color: #D034E7; text-decoration: none; } .ct-columns p a bridge { color: rgb(231, 0, 255); } @media covert together with (max-width: 768px) { .ct-columns { -moz-column-count: 2; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 2; column-gap: 10px; column-rule: none; } } @media covert together with (max-width: 550px) { .ct-columns { -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> 
<link href="https://fonts.googleapis/css?family=Lato|Roboto" rel="stylesheet"> <style type="text/css"> .post-archive { width: 100%; padding: 20px 0; font-family: "Lato", sans-serif; } .post-archive h4 { box-shadow: 0px -10px #ab494d inset, 0 0 120px #000 inset; color: #fff; font-size: 20px; margin: 0 0 10px 2px; padding: 5px 2px 15px 8px; font-family: "Roboto", sans-serif; font-weight: 700; border-radius: 5px 5px 0 0; } .ct-columns { -moz-column-count: 2; -moz-column-gap: 20px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 20px; -webkit-column-rule: none; column-count: 2; column-gap: 20px; column-rule: none; } .ct-columns 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 p a { background: #AB494D; color: #fff; display: block; border: 2px company #3A3A3A; font-size: 14px; line-height: normal; border-radius: 4px; padding: 10px 15px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; box-shadow: -1px -3px 2px #8f8c8c; } .ct-columns p a:hover { background: #27292E; color: #fefefe; text-decoration: none; } .ct-columns p a bridge { color: rgb(221, 233, 45); } @media covert together with (max-width: 768px) { .ct-columns { -moz-column-count: 2; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 2; column-gap: 10px; column-rule: none; } } @media covert together with (max-width: 550px) { .ct-columns { -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> 
<link href="https://fonts.googleapis/css?family=Open+Sans|Raleway" rel="stylesheet"> <style type="text/css"> .post-archive { width: 100%; padding: 20px 0; font-family: 'Open Sans', sans-serif; } .post-archive h4 { border-bottom: 2px company #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; font-family: 'Raleway', 'sans-serif'; font-weight: 300; } .ct-columns { -moz-column-count: 2; -moz-column-gap: 20px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 20px; -webkit-column-rule: none; column-count: 2; column-gap: 20px; column-rule: none; } .ct-columns 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 p a { background: #fafafa; color: #333; display: block; border: 2px company #FFFFFF; font-size: 14px; line-height: normal; outline: 1px company #EEEEEE; padding: 10px 15px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .ct-columns p a:hover { background: #fff; color: #000; text-decoration: none; } .ct-columns p a bridge { color: rgb(255, 0, 0); } @media covert together with (max-width: 768px) { .ct-columns { -moz-column-count: 2; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 2; column-gap: 10px; column-rule: none; } } @media covert together with (max-width: 550px) { .ct-columns { -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> Steps to Apply Sitemap Theme
Souvenir wedding
Step 1. Login to your Blogger account, hence larn to Pages > Click edit nether Site Map page.
Note: Make certain that HTML mode is on. if not, hence toggle it on > click unopen push without saving the page together with hence opened upward it i time to a greater extent than past times clicking edit.
Souvenir wedding
Step 2. Click anywhere within the input champaign together with discovery the next code (use Ctrl + F):
<script type='text/javascript'> Souvenir wedding
Step 3. Paste your topic code but inwards a higher house it (at the top).
Note: If y'all convey applied whatsoever topic code earlier hence withdraw it earlier applying novel topic code.
Souvenir wedding
Step 4. Configuration.
Souvenir wedding
- To alter the number of columns supervene upon numeric value inside:
- For laptop
-moz-column-count: 2, -webkit-column-count: 2, column-count: 2 - For ipad
-moz-column-count: 2, -webkit-column-count: 2, column-count: 2 - For iphone
-moz-column-count: 1, -webkit-column-count: 1, column-count: 1
Souvenir wedding
Step 5. Click Update.
Note: Dismiss whatsoever HTTPS mistake together with Click on Update again.
Souvenir wedding
Not institute whatsoever topic for your spider web log design? Send me your spider web log address via Contact Us page together with i volition seek to add together i for y'all inwards upcoming sitemap themes.
hurray!
Souvenir wedding
You convey successfully applied a new theme to your Site Map page. For whatsoever issues related to inwards a higher house Tutorial Please Comment Below. Stay Updated, Browse ! :)