Activating Dark Mode Permanently in JagoDesain Theme
Are you eager to give your Blogger theme a unique touch? Customizing your theme's XML can add a personal flair to your blog. However, before diving into the modifications, it's crucial to safeguard your current theme. Here's a step-by-step guide to help you seamlessly customize your Blogger theme while ensuring a safety net in case of any unexpected errors.
Step 1: Secure Your Theme with a Backup
To start, it's prudent to create a backup of your existing theme. This ensures that if any issues arise during customization, you can effortlessly restore your blog's previous appearance.
Login to Your Blogger Dashboard: Access your Blogger Dashboard to initiate the customization process.
Step 2: Access Theme Settings
Once on the Blogger Dashboard:
Click on 'Theme': Locate and click on the 'Theme' section to access your theme settings.
Step 3: Navigate to HTML Editing
Here's where the magic begins:
Click the Dropdown Arrow Icon: Next to the 'customize' button, click the arrow down icon to reveal more options.
Select 'Edit HTML': This action redirects you to the editing page for your theme.
Step 4: Implement Custom Code
Now, let's insert some code to personalize your theme:
Locate the <body> Tag: Search for the <body> tag within the HTML code and place the provided code snippet directly below it.
Step 5: Code Replacement Instructions
To ensure smooth customization, follow these instructions for code replacement:
Identify the Marked Code: Parts of the code have been highlighted for replacement. Locate and update the specified code with the new one.
<b:class name='drK'/>Step 6: Save Your Changes
After implementing the necessary changes, it's time to save your modifications:
Click the Save Icon: Save your alterations by clicking on the save icon.
To Find:
document.querySelector('#mainCont').classList.add('drK') : document.querySelector('#mainCont').classList.remove('drK')Start write the next paragraph hereTo Replace:
document.querySelector('#mainCont').classList.remove('drK') : document.querySelector('#mainCont').classList.add('drK')Start write the next paragraph here
Following these steps allows you to safely and effectively customize your Blogger theme. Remember, a backup ensures you can revert to your previous theme effortlessly should any issues arise during the process.
Now, enjoy the enhanced and personalized appearance of your Blogger theme!