https://github.com/5j54d93/google-blogger-template

An excellent Google Blogger theme (template）designed with Bootstrap and Blogger's XML syntax.
https://github.com/5j54d93/google-blogger-template

blog blogger blogspot bootstrap css dark-mode frontend google html light-mode modal rwd seo template theme tooltip ui web xhtml xml

Last synced: about 1 month ago
JSON representation

An excellent Google Blogger theme (template）designed with Bootstrap and Blogger's XML syntax.

• Host: GitHub
• URL: https://github.com/5j54d93/google-blogger-template
• Owner: 5j54d93
• License: mit
• Created: 2021-09-19T09:10:54.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-09-06T12:08:20.000Z (over 2 years ago)
• Last Synced: 2024-05-20T22:42:57.451Z (11 months ago)
• Topics: blog, blogger, blogspot, bootstrap, css, dark-mode, frontend, google, html, light-mode, modal, rwd, seo, template, theme, tooltip, ui, web, xhtml, xml
• Language: HTML
• Homepage: https://sharing-life-in-tw.blogspot.com
• Size: 40.7 MB
• Stars: 28
• Watchers: 2
• Forks: 19
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Google Blogger Template（Theme）

[![Jekyll site CI](https://github.com/5j54d93/Google-Blogger-Template/actions/workflows/jekyll.yml/badge.svg)](https://github.com/5j54d93/Google-Blogger-Template/actions/workflows/jekyll.yml)

![GitHub](https://img.shields.io/github/license/5j54d93/Blogger-Template)

[![GitHub stars](https://img.shields.io/github/stars/5j54d93/Blogger-Template)](https://github.com/5j54d93/Blogger-Template/stargazers)

[![GitHub forks](https://img.shields.io/github/forks/5j54d93/Google-Blogger-Template)](https://github.com/5j54d93/Google-Blogger-Template/network)

![GitHub release (latest by date)](https://img.shields.io/github/v/release/5j54d93/Google-Blogger-Template)

![GitHub repo size](https://img.shields.io/github/repo-size/5j54d93/Blogger-Template)

[**Google Blogger**](https://www.blogger.com) theme（template）designed with [**Bootstrap**](https://bootstrap5.hexschool.com) 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**](https://sharing-life-in-tw.blogspot.com)

 

#### See different page type：

> Archive：[sharing-life-in-tw.blogspot.com/search/label/Blogger](https://sharing-life-in-tw.blogspot.com/search/label/Blogger)  

> Error Page：[sharing-life-in-tw.blogspot.com/search?q=](https://sharing-life-in-tw.blogspot.com/search?q=)  

> Item：[sharing-life-in-tw.blogspot.com/2022/01/SwiftUI-Text-font.html](https://sharing-life-in-tw.blogspot.com/2022/01/SwiftUI-Text-font.html)  

> Static Page：[sharing-life-in-tw.blogspot.com/p/all-posts.html](https://sharing-life-in-tw.blogspot.com/p/all-posts.html)  

> Homepage：[sharing-life-in-tw.blogspot.com](https://sharing-life-in-tw.blogspot.com)  

> Search Query：[sharing-life-in-tw.blogspot.com/search?q=Blogger](https://sharing-life-in-tw.blogspot.com/search?q=Blogger)  

> Search Label：[sharing-life-in-tw.blogspot.com/search/label/Blogger](https://sharing-life-in-tw.blogspot.com/search/label/Blogger)

## Overview

1. [**How To Use**](https://github.com/5j54d93/Google-Blogger-Template#how-to-use)

2. [**Design on Your Own**](https://github.com/5j54d93/Google-Blogger-Template#design-on-your-own)

3. [**Learn More**](https://github.com/5j54d93/Google-Blogger-Template#learn-more)

4. [**License：MIT**](https://github.com/5j54d93/Google-Blogger-Template#licensemit)

## How To Use

0. You shoul have a [Google Blogger](https://www.blogger.com) account first！

1. Go to theme page

2. Click on the down triangle button beside "Custom"

3. Clink "Edit HTML"



4. Delete all code you see

5. Fork this repository and custom [this XHTML code](https://github.com/5j54d93/Google-Blogger-Template/blob/main/BloggerTemplate/BloggerTemplate.xhtml) through [this README.md file](https://github.com/5j54d93/Google-Blogger-Template/tree/main/BloggerTemplate) to fit your blog

## Design on Your Own

You could design your own blogger website start by using the simplest code below

```xml

  

  

    

  

  

    

  

    

```

## Learn More

If you want to create a page to list all posts on your Google Blogger by time, [view this repository](https://github.com/5j54d93/Blogger-All-Posts-List).



## License：MIT

This package is [MIT licensed](https://github.com/5j54d93/Google-Blogger-Template/blob/main/LICENSE).