1

 

Header Header Header
Cell Cell Cell
Cell Cell Cell
Cell Cell Cell

Comments

Post a Comment

Popular Posts

EASY BLOGGER TOC SETUP (FAST METHOD)

Contents Step 1 — Open Blogger Theme Go to Blogger Dashboard Click Theme Click ▼ Click Edit HTML STEP 2 — ADD CSS Find this code: </head> Paste THIS code just ABOVE it: <style> #light-toc{ background:#f5f5f5; padding:15px; border-radius:6px; margin:20px 0; border:1px solid #ddd } #toc_list{ font-weight:bold; cursor:pointer; margin-bottom:10px; font-size:20px } #toc li{ margin:8px 0 } #toc li a{ text-decoration:none; color:#222 } #toc li a:hover{ color:#1e90ff } .toc-h3{ margin-left:20px } .toc-h4{ margin-left:40px } </style> STEP 3 — ADD JAVASCRIPT Find: </body> Paste THIS code just ABOVE it: <script> document.addEventListener("DOMContentLoaded", function () { const toc = document.getElementById("toc-content"); if(!toc) return; const headings = document.querySelectorAll(".post-body h2, .post-body h3, .post-body h4"); headings.forEach((heading, index) => { const id = "heading-" + index; heading...
Read more

FULLY AUTOMATIC BLOGGER TOC (GLOBAL SETUP)

  STEP 1 — ADD CSS Go to: Blogger → Theme → Edit HTML Find: </head> Paste THIS above it: <style> /* ========================= GLOBAL AUTO TOC ========================= */ #light-toc{ background:#ffffff; border:1px solid #e5e7eb; border-radius:16px; padding:20px; margin:25px 0; box-shadow:0 4px 20px rgba(0,0,0,0.06); } #toc_list{ display:flex; align-items:center; justify-content:space-between; font-size:22px; font-weight:700; cursor:pointer; color:#111827; margin-bottom:15px; } #toc_list:hover{ color:#2563eb; } #toc ol{ margin:0; padding-left:20px; } #toc li{ margin:10px 0; line-height:1.7; } #toc li a{ text-decoration:none; color:#374151; transition:0.3s; } #toc li a:hover{ color:#2563eb; } .toc-h3{ margin-left:20px !important; } .toc-h4{ margin-left:40px !important; } @media(max-width:768px){ #light-toc{ padding:16px; } #toc_list{ font-size:20px; } } </style> STEP 2 — ADD JAVASCRIPT Find: </bod...
Read more