5j54d93 / google-blogger-template Goto Github PK

View Code? Open in Web Editor NEW

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

License: MIT License

HTML 100.00%

google-blogger-template's Introduction

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>