Postingan

Menampilkan postingan dengan label TEKNOLOGI

Cara Membuat Daftar Isi Otomatis Untuk Semua Artikel Berdasarkan Label di Blogger

Oleh
Cara Membuat Daftar Isi (TOC) Otomatis di Blogger yang Selalu Update & Menampilkan Semua Postingan Halo sahabat blogger! Pada artikel ini saya ingin berbagi tutorial **cara membuat daftar isi (TOC) otomatis di Blogger** yang secara otomatis menampilkan **semua postingan** blog Anda, lengkap dengan jumlah artikel, pengelompokan per bulan, fitur sembunyikan/tampilkan daftar per bulan, dan animasi hover pada link.   Tutorial ini cocok untuk Anda yang punya banyak artikel (bahkan ratusan!) dan ingin TOC selalu update tanpa perlu edit manual setiap kali ada postingan baru. Fitur Daftar Isi Otomatis Ini - **Selalu update otomatis**: TOC akan selalu menampilkan semua postingan, tanpa perlu edit manual. - **Menampilkan jumlah artikel** di bagian atas. - **Semua post** akan tampil, bukan cuma sebagian, meski blog Anda punya ratusan post. - **Dikelompokkan per bulan & tahun**, ada tombol hide/tampilkan daftar per bulan. - **Nomor urut bulat** di samping judul artikel (tidak paka...
Posting Komentar
Read more »

Cara Membuat Arsip Blog Otomatis Interaktif di Blogger

Oleh
  Cara Membuat Arsip Blog Otomatis Interaktif di Blogger Menampilkan arsip blog secara otomatis dalam format yang rapi, interaktif, dan dinamis bisa meningkatkan kenyamanan pengunjung dalam menjelajahi konten lama blog kita. Dalam artikel ini, saya akan membagikan cara membuat widget arsip otomatis yang menampilkan daftar postingan berdasarkan tahun , bulan , hingga judul artikel , dengan tampilan modern dan ringan. ✦ Fitur Widget Arsip Ini ✅ Otomatis menampilkan semua postingan berdasarkan data feed Blogger. ✅ Tersusun secara hierarki: Tahun > Bulan > Judul Artikel ✅ Klik tahun untuk membuka daftar bulan, klik bulan untuk membuka judul-judul artikel. ✅ Tampilan interaktif: efek animasi warna dan skala saat hover. ✅ Judul artikel otomatis membuka di tab baru saat diklik. ✅ Tidak perlu memperbarui secara manual setiap ada artikel baru. 🔧 Cara Memasang Arsip Otomatis Ini Masuk ke dasbor Blogger > Tata Letak. Tambahkan Gadget baru > pilih HTML/Javascript. Tempelkan...
Posting Komentar
Read more »

Membuat Daftar Isi Otomatis Elegan di Blogger (CSS + JS Lengkap)

Oleh
Gambar
  📌 Membuat Daftar Isi Otomatis Elegan di Blogger (CSS + JS Lengkap) Pada artikel ini saya bagikan cara membuat Daftar Isi (Table of Contents/TOC) otomatis yang: Membaca heading dari isi artikel (mulai dari H2) Muncul elegan di atas konten Bisa dilipat dengan tombol Tampilkan/Sembunyikan Responsif dan ringan (hanya 2 skrip: CSS & JavaScript) Dilengkapi animasi saat hover dan klik Hanya membaca heading dari artikel aktif saja Heading yang diklik akan scroll ke atas dan berpendar (highlight) Hasilnya seperti Daftar Isi di blog saya ini. Menarik kan! 🎯 Contoh hasil akhirnya seperti ini: ✅ Langkah-langkah Pemasangan 1. Salin CSS berikut Letakkan di <head> blog Anda (di Tema → Edit HTML → cari </head> dan paste sebelum itu): <style type='text/css'> #daftar-isi-container { background: #eaf6ff; border: 1px solid #cde3f5; padding: 1rem; margin: 1.5rem 0; font-family: sans-serif; border-radius: 8px; position: relative; box-shadow: 0 2px ...
Posting Komentar
Read more »