Skip to content

5j54d93/Google-Blogger-Template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Google Blogger Template(Theme)

Jekyll site CI GitHub GitHub stars GitHub forks GitHub release (latest by date) GitHub repo size

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

  1. How To Use
  2. Design on Your Own
  3. Learn More
  4. License:MIT

How To Use

  1. You shoul have a Google Blogger account first!
  2. Go to theme page
  3. Click on the down triangle button beside "Custom"
  4. Clink "Edit HTML"

  1. Delete all code you see
  2. 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.