Cara Mengubah Posisi ToC Median UI v1.5

Saifullah.id - Posisi icon ToC (Table of Content) pada template Median UI 1.5 rasanya kurang pas, sehingga harus disesuaikan lagi agar tidak menutupi elemen lain di dalam postingan.

Oleh sebab itu, berikut ini saya sediakan tutorial bagaimana cara memindahkan icon ToC ke atas atau ke bawah dengan mudah.

Cara Mengubah Posisi TOC

1. Buka Dashboard Blogger
2. Klik Tema
3. Tekan icon Segitiga Terbalik
4. Pilih Edit HTML
   
   
   

   
   
5. Cari kode .tableOfIcon
   

   .tableOfIcon{width:55px;height:40px; display:flex;align-items:center;justify-content:center; background-color:var(--content-bg); border-radius:50px 0 0 50px;border:1px solid var(--content-border);border-right-width:0;box-shadow:0 10px 20px 0 rgb(30 30 30 / 8%); position:absolute;top:10px;left:-45px; -webkit-transition:var(--transition-1);transition:var(--transition-1)}

6. Ubah angka 10 pada kode top:10px menjadi lebih kecil untuk menaikkan posisi TOC dan ubah menjadi lebih besar untuk menurunkan posisi TOC
7. Simpan Tema
8. Selesai

Video Tutorial

Setelah menerapkan langkah di atas, coba refresh halaman postingan blog kamu, maka kamu akan menemukan posisi ToC sudah berubah sesuai keinginan.

Jangan lupa berikan Bintang 5 pada kotak Donasi di bawah ini jika kamu merasa terbantu dengan tutorial yang sudah saya buat

Jika ada pertanyaan, jangan sungkan untuk menulisnya di kolom komentar. Semoga bermanfaat 😊