Google-Blogger-Template
Google-Blogger-Template copied to clipboard
An excellent Google Blogger theme (template)designed with Bootstrap and Blogger's XML syntax.
Google Blogger Template(Theme)
Google Blogger theme(template)designed with Bootstrap and Blogger's XML syntax.
- colorful social media links on right of navibar which could collapse into
navbar-toggler-icon
(hamburger)on small screen - most popular post on top of HOME page
- 5 latest & 10 most popular articles on HOME page
- there are About、Views and Followers on the sidebar which would
sticky-top
- links & license at bottom of all pages
- automatic switch between
light theme
&dark theme
- custom search bar、custom search page、custom archive page、custom topic page

Demo website:sharing-life-in-tw.blogspot.com
See different page type:
Archive:sharing-life-in-tw.blogspot.com/search/label/Blogger
Error Page:sharing-life-in-tw.blogspot.com/search?q=
Item:sharing-life-in-tw.blogspot.com/2022/01/SwiftUI-Text-font.html
Static Page:sharing-life-in-tw.blogspot.com/p/all-posts.html
Homepage:sharing-life-in-tw.blogspot.com
Search Query:sharing-life-in-tw.blogspot.com/search?q=Blogger
Search Label:sharing-life-in-tw.blogspot.com/search/label/Blogger
Overview
How To Use
- You shoul have a Google Blogger account first!
- Go to theme page
- Click on the down triangle button beside "Custom"
- Clink "Edit HTML"

- Delete all code you see
- Fork this repository and custom this XHTML code through this README.md file to fit your blog
Design on Your Own
You could design your own blogger website start by using the simplest code below
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:skin><![CDATA[]]></b:skin>
</head>
<body>
<b:section id='header'/>
</body>
</html>
Learn More
If you want to create a page to list all posts on your Google Blogger by time, view this repository.

License:MIT
This package is MIT licensed.