Responsive grid style sitemap page for blogger

Developer
Junaid Khalid
Size
2,029 Kb
Views
10,120
  1. Responsive grid style sitemap page for blogger Previews
  2. Responsive grid style sitemap page for blogger HTML Codes
  3. Responsive grid style sitemap page for blogger CSS Codes

How do I make an responsive grid style sitemap page for blogger?

It is responsive sitemap pen, created for blogger users, grid style view of your post cetogorized with post labels.. What is a responsive grid style sitemap page for blogger? How do you make a responsive grid style sitemap page for blogger? This script and codes were developed by Junaid Khalid on 30 November 2022, Wednesday.

Responsive grid style sitemap page for blogger Previews
IQ Test

Responsive grid style sitemap page for blogger - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Responsive grid style sitemap page for blogger</title> <script src="https://googledrive.com/host/0B-P4_Fs3S76ydURacVd6TlJyWW8" type='text/javascript'></script>
<script src="https://wikiblogism.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> <link rel="stylesheet" href="css/style.css">
</head>
<body>
</body>
</html>

Responsive grid style sitemap page for blogger - Script Codes CSS Codes

body { background:#eee; padding:0; margin:0;
}
#wrapper { padding:5%; margin:0 auto;
}
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; Font-family: oswald; 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; font-size: 14px; line-height: normal; outline: 1px solid #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-3 p a:hover { background: #555; color: #fff; }
@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; }
Responsive grid style sitemap page for blogger - Script Codes
Responsive grid style sitemap page for blogger - Script Codes
Home Page Home
Developer Junaid Khalid
Username JunaidKhalid
Uploaded November 30, 2022
Rating 3
Size 2,029 Kb
Views 10,120
Do you need developer help for Responsive grid style sitemap page for blogger?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Junaid Khalid (JunaidKhalid) Script Codes
Name
Contact page
A Pen by Junaid Khalid
Custom HTML5 Audio Player
Font Awesome Social Icon Practice
Profile Card widget
Sliding CSS Demo and Download Buttons
3 Unique Animated Social Media Icons Widgets for Blogger
Ribbon Hover CSS3 Navigation Menu
Numbered Pagination for blogger
Add Rollover Social Media Icons Widget in Blogger
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!