DEV Community

Zafer Zent
Zafer Zent

Posted on • Originally published at dev.to on

2 2

Hyde

Hyde Hyde Blogger Theme is a simple theme made by Mark Dotto for Jekyll and adapted by us for blogspot.

The theme has 8 different color options except the default and is used by adding a class to the tag. But we have made it dynamic by using jQuery cookies as a convenience. As can be seen from the preview address, color changes can be made with one click. We used this to show the sidebar on the right as well. Moreover, since this change is saved through cookies, it does not change on page refresh or on subsequent visits. Let's not forget that this feature is a first in blogger themes. This feature is only valid for the visitor who made the change. If the same color will be reflected to all users statically, it is necessary to add a class name to the body tag manually.

Class names for static color change

theme-base-08
theme-base-09
theme-base-0a
theme-base-0b
theme-base-0c
theme-base-0d
theme-base-0e
theme-base-0f
Enter fullscreen mode Exit fullscreen mode

pre{padding: 10px; overflow: auto; font-size: 15px; background: #f7f7f7 !important; color:#000} Use of :

body class="theme-base-08"
Enter fullscreen mode Exit fullscreen mode

How to get the sidebar to the right side

body class="layout-reverse"
Enter fullscreen mode Exit fullscreen mode

How to show sidebar on right side with different color setting

body class="theme-base-08 layout-reverse"
Enter fullscreen mode Exit fullscreen mode

Live Preview

Download

Source : Hyde Blogger Theme

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay