Membuat Halaman Daftar Isi Interaktif di Blogger

I. Pendahuluan

Apakah Anda ingin memanjakan pengunjung dengan Daftar Isi yang memudahkan navigasi postingan di blog? Dalam tutorial ini, kita akan membuat kotak daftar isi interaktif dan responsif di Blogger, dilengkapi dengan scroll bar vertikal dan horizontal serta title bar yang elegan. Langkah-langkah berikut akan membantu Anda menciptakan pengalaman yang lebih baik bagi pembaca Anda.

Cara Membuat Kotak Script atau Code Block Tampilan Elegan di Blogger dengan fitur Syntax Highlighting

 

Apakah Anda sering berbagi kode di blog Anda? Jika ya, maka Anda pasti menginginkan tampilan kode yang rapi dan profesional, sehingga terlihat lebih elegan. Sebagai preview-nya Anda bisa melihat kotak script yang saya gunakan. Pada tutorial kali ini, kita akan belajar cara membuat kotak script tersebut yang mana di dalamnya sudah dilengkapi beberapa fitur, yaitu : Title Bar, Tombol Copy, Scroll Bar, dan Number Line. Selain itu yang utamanya adalah ditambahkan juga fitur syntax highlighting menggunakan pustaka Prism.js. Dengan cara-cara yang akan dijelaskan sebagai berikut, kita akan dapat menampilkan kode dengan lebih menarik di blog Blogger. Mari kita mulai!