Auto Themer, Dynamic Theme Switching in Plus UI v2.6.5, Blogger Template

Brief

Auto Themer is a distinctive tool that automatically switches your website’s theme every 5 seconds, creating a dynamic, disco-like effect. This feature can function as a fun Easter egg, adding an interactive and playful element to your site. Future updates for Auto Themer will depend on its adoption rate and the upcoming Plus UI upgrades. If the tool sees limited use, updates will be released occasionally rather than on a regular basis. It is also important to note that, at present, the default theme-change interval of 5 seconds cannot be altered. However, a future version will include the ability to customize this interval. Please be aware that the option to adjust Auto Themer's time limit is not yet available but will be introduced in an upcoming version. The current version emphasizes ease of use, while future enhancements are planned based on user demand and feedback - (Credits: https://github.com/theamanstark/)

Procedure

  1. Go to Blogger Dashboard.
  2. Click  icon next to the Customize button.
  3. Backup your Theme and then click Edit HTML, you will be redirected to the editing page.
  4. Now, find the code <head> and paste the below code just below it;
    <link rel="stylesheet" href="https://theamanstark.com/cdn/blogger/plus-ui/autoThemeChanger/latest/autoTheme.min.css" />
  5. Now, search the code </body> and paste the below code just above to it.
    <script src='https://theamanstark.com/cdn/blogger/plus-ui/autoThemeChanger/latest/autoTheme.min.js'></script>
  6. Now, search the below code;
    <span class='tPkr thB0' onclick='webTheme(&quot;theme0&quot;);modeL()' style='--pkrC:#eceff1'/><span class='tPkr thB1' onclick='webTheme(&quot;theme1&quot;);modeL()' style='--pkrC:#F44336'/><span class='tPkr thB2' onclick='webTheme(&quot;theme2&quot;);modeL()' style='--pkrC:#00BFA5'/><span class='tPkr thB3' onclick='webTheme(&quot;theme3&quot;);modeL()' style='--pkrC:#2196F3'/><span class='tPkr thB4' onclick='webTheme(&quot;theme4&quot;);modeL()' style='--pkrC:#FBC02D'/><span class='tPkr thB5' onclick='webTheme(&quot;theme5&quot;);modeL()' style='--pkrC:#E91E63'/><span class='tPkr thB6' onclick='webTheme(&quot;theme6&quot;);modeL()' style='--pkrC:#FF5722'/><span class='tPkr thB7' onclick='webTheme(&quot;theme7&quot;);modeL()' style='--pkrC:#607D8B'/><span class='tPkr thB8' onclick='webTheme(&quot;theme8&quot;);modeL()' style='--pkrC:#5D4037'/><span class='tPkr thB9' onclick='webTheme(&quot;theme9&quot;);modeL()' style='--pkrC:#744D97'/><span class='tPkr thB10' onclick='webTheme(&quot;theme10&quot;);modeL()' style='--pkrC:#3949AB'/>
    and replace it with the below code;
    <span class='tPkr thB0' onclick='webTheme(&quot;theme0&quot;);modeL()' style='--pkrC:#eceff1'/><span class='tPkr thB1' onclick='webTheme(&quot;theme1&quot;);modeL()' style='--pkrC:#F44336'/><span class='tPkr thB2' onclick='webTheme(&quot;theme2&quot;);modeL()' style='--pkrC:#00BFA5'/><span class='tPkr thB3' onclick='webTheme(&quot;theme3&quot;);modeL()' style='--pkrC:#2196F3'/><span class='tPkr thB4' onclick='webTheme(&quot;theme4&quot;);modeL()' style='--pkrC:#FBC02D'/><span class='tPkr thB5' onclick='webTheme(&quot;theme5&quot;);modeL()' style='--pkrC:#E91E63'/><span class='tPkr thB6' onclick='webTheme(&quot;theme6&quot;);modeL()' style='--pkrC:#FF5722'/><span class='tPkr thB7' onclick='webTheme(&quot;theme7&quot;);modeL()' style='--pkrC:#607D8B'/><span class='tPkr thB8' onclick='webTheme(&quot;theme8&quot;);modeL()' style='--pkrC:#5D4037'/><span class='tPkr thB9' onclick='webTheme(&quot;theme9&quot;);modeL()' style='--pkrC:#744D97'/><span class='tPkr thB10' onclick='webTheme(&quot;theme10&quot;);modeL()' style='--pkrC:#3949AB'/><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>
  7. Save it

The article was specifically made for the Plus UI v2.6.5 Blogger template by Fineshop Design. The instructions and codes provided in the article are optimized for this particular template. However, it is highlighted that developers with adequate knowledge and understanding of coding and template structures may adapt and implement the provided codes for other Blogger templates or platforms. While the article focuses on Plus UI v2.6.5, its content can be modified as needed for broader use at the discretion of the developer.

About the author

GM
A common human

إرسال تعليق