Auto Themer will change the site theme every 5 seconds, giving it a disco-like look. Use this as an Easter egg on your site.
The future version of autoThemeChanger is heavily influenced by the number of people who are currently using the code as well as the next Plus UI upgrade. If the code is not widely used, an update will be issued occasionally. Instead of in a timely manner.
Accessing the Theme Code
- Log in to Blogger: Go to Blogger and log in with your Google account.
- Select Your Blog: From the dashboard, select the blog you want to edit.
- Navigate to Theme: In the left-hand menu, click on "Theme".
- Edit HTML: Click on the "Customize" button and then "Edit HTML" to access the theme's HTML code.
Adding CSS link for theme auto color change
To add theme auto color change, you need to add some custom CSS links to your theme. Follow these steps:
- Now search for
<head>tag in your theme. It must be located on the bottom of your template. - Copy the code below and paste it below the
<head>tag.
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/merazalvee/blogseba@main/theme-color-changer.css"/>
Adding javascript for automatic theme color change
Now adding the JavaScript code.
- Now search for
</body>tag in your theme. It must be located on the bottom of your template. - Copy and paste the below code just above
</body>closing tag.
<script src='https://cdn.jsdelivr.net/gh/merazalvee/blogseba@main/theme-color-changer.js'/>
Finally, add the following HTML in the <div class='cusP'> check the image below to know the place of addition.
<div class="brr"/><h6 class="head1">Auto Theme Changer</h6><p class="para1">When turned on automatically changes</p><p class="para2">the theme color on reload.</p><label class="switch"><input id="theme-toggle" type="checkbox"/><span class="slider round"/></label><div class="brr" style="margin-top:-6px;"/><h6 class="head1">Auto Themer</h6><p class="para1">When turned on automatically changes</p><p class="para2">the theme color every 5 sec.</p><label class="switch"><input id="auto-theme" type="checkbox"/><span class="slider round"/></label>
Important! You can't currently adjust the Auto Themer's time limit from 5 seconds to a custom number; This will be included in a future version of the code.
Save and Preview
- Save your changes: After adding the HTML, CSS and JavaScript code, save your changes in the theme editor..
- See Changes: Then come to your web site and notice the changes.
Copyright Warning
All content on this website, including text, graphics, logos, images, videos, audio, and software, is protected by copyright law. These contents are our exclusive property, and any form of reproduction, distribution, or modification without our permission is strictly prohibited.