To implement the SimpleMemory theme on Blog Garden, follow these steps:

1. Select SimpleMemory as you're blog skin
2. In the Page Custom CSS section (ensure default CSS is disbaled), insert the following CSS:

#sideCatalog{opacity:0.9}

3. Add the following HTML configuration to your blog sidebar announcement:

<script>
const blogConfig = {
  user: "YourUsername",
  avatar: "https://example.com/avatar.jpg",
  joinDate: "YYYY-MM-DD",
  backgroundImages: ["https://example.com/bg.jpg"],
  titleEffects: {
    blurText: '👀 Hi',
    focusText: '🌸 Welcome back!',
    blurTimeout: 500,
    focusTimeout: 1000
  },
  themeSwitcher: {
    enabled: true,
    autoSwitch: false,
    dayStart: 5,
    nightStart: 19
  },
  navigation: [
    ['GitHub', 'https://github.com/yourprofile']
  ],
  loadingAnimation: {
    speed: { tension: 16, friction: 5 },
    shape: {
      size: 90,
      sides: 3,
      layers: 4,
      colors: {
        background: '#f0f0f0',
        border: '#272633',
        base: null,
        main: '#272633'
      }
    }
  }
};
</script>
<script src="https://cdn.example.com/simpleMemory.min.js" defer></script>
<script>
window.addEventListener('load', () => {
  setTimeout(() => {
    document.querySelector('#sideCatalog').style.display = 'block';
  }, 2000);
});
</script>