Cara Mengatasi Scroll ke Atas Otomatis di XML Editor Blogger

Beberapa waktu yang lalu, blogger melakukan update seputar sistem XML editor. Hal yang paling mencolok dari update ini adalah perubahan prilaku XML Editor dalam menyimpan dan memvalidasi kode XML. Pada sistem yang sekarang, semua kegiatan pemrosesan kode dilakukan secara langsung. Seperti misalnya mengurutkan atribut berdasarkan abjad, memparse karakter-karakter khusus, dan lain sebagainya.

Pada sistem yang sekarang, ketika proses penyimpanan selesai, kode yang kita lihat di XML editor sudah berupa kode final. Ini tidak seperti sistem sebelumnya yang melakukan pemrosesan kode setelah antarmuka editor ditutup.


Masalah
Pada sistem baru ini, terdapat masalah berkaitan dengan prilaku XML editor ketika proses penyimpanan XML selesai. Antarmuka editor akan secara otomatis melakukan scroll ke bagian atas setiap kali proses penyimpanan selesai. Hal ini tentu sangat mengganggu karena kita harus bolak-balik ke posisi editing terakhir. Terlebih untuk kode XML yang sudah melibatkan puluhan ribu kode, ini akan sangat menghambat kegiatan editing.


Solusi
Masalah ini bisa diatasi dengan cara menginjek kode javascript untuk mencegah efek event auto scroll blogger. Sederhananya, ketika auto scroll berjalan dan posisi scroll berada di paling atas, fungsi ini akan meriset kembali posisi scroll ke posisi terakhir sebelum di simpan. Penginjekan fungsi dilakukan dengan menggunakan sistem bookmark browser.

Bookmark script
javascript:(()=>{/*Bookmark script by wiBlogger.com: Prevent Auto Scroll Up Blogger XML Editor*/const e=window,l=document,t=e=>l.getElementsByClassName(e),n=(e,...l)=>{for(const t of l)e.appendChild(t)},r=e=>l.createElement(e),s=t("xLh0Gb"),o=t("CodeMirror-scroll"),a=s?s[s.length-1]:null,c=o?o[o.length-1]:null;if(a&&c){let t,s,o,i;{const e=r("style"),t=l.getElementsByTagName("head")[0],s=[".{{s}}{background:#f5f5f5;color:#f57c00;font-size:12px;padding:10px 15px;border-radius: 60px;margin-right:10px;transition:all .3s;font-weight:bold}"];n(e,l.createTextNode(s.join("").replace(/{{s}}/g,"w-prevent-reset-scroll"))),n(t,e),(i=r("div")).className="w-prevent-reset-scroll",i.innerHTML="AUTO SCROLL DISABLED",((e,l)=>{const t=e.firstElementChild;t?e.insertBefore(l,t):e.appendChild(l)})(a,i)}const d=()=>c.scrollTop,p=()=>c.scrollLeft,f=()=>{if(!t){(e=>{const t=l.getElementsByClassName(e)[0];return t||null})("aGJE1b")&&(s=d(),o=p(),0!==s&&(t=!0,c.onscroll=g,e.clearInterval(f)))}},g=()=>{c.scrollTo(o,s),c.onscroll=m,t=!1,e.setInterval(f,500)},m=()=>{};e.setInterval(f,500)}})();



INSTALASI


Poin dari proses instalasi ini adalah menambahkan sebuah Bookmark pada browser dengan meletakkan script diatas sebagai URL. Panduan instalasi ini menggunakan browser Google Chrome dengan langkah-langkah sebagai berikut:

  • Pada bagian Bookmark bar browser, klik kanan dan pilih Add page.

  • Beri nama bookmark sesuai keinginan pada bagian Name. Copy dan Paste semua kode Bookmark script diatas ke bagian URL. Terakhir, simpan bookmark untuk menyelesaikan proses instalasi.


    Jika tidak ada kesalahan, harusnya bookmark yang anda tambahkan sudah terdapat pada Bookmark bar browser. Kurang lebih seperti berikut:

    Mengatasi Scroll ke Atas di eDIT HTML Blog



  • PENGGUNAAN


    Pada tab XML editor, Klik Bookmark yang telah dibuat. Anda akan melihat elemen indikator baru yang ditambahkan pada bagian atas XML editor yang menginformasikan bahwa fungsi pencengahan auto scroll ini telah aktif.

    Cara mengatasi Scroll ke Atas otomatis di XML HTML  Editor Blogger



    Dukungan browser
    Fungsi ini telah diuji dan dapat berjalan dengan baik pada browser Google Chrome versi terbaru. Untuk browser lainnya, silahkan dicoba.


    Bagikan ke:

    Tambahkan komentar untuk:

    Cara Mengatasi Scroll ke Atas Otomatis di XML Editor Blogger
    Butuh bantuan ?
    Bagi anda yang memiliki pertanyaan seputar blogging atau hal lainnya yang masih berhubungan dengan situs wiBlogger.com ini, anda bisa menghubungi kami melalui email.

    Khususnya untuk Blogger Template, anda bisa bergabung ke grup facebook untuk belajar dan diskusi bersama para pengguna blogger.com lainnya.

    Blogger Template

    ×
    Jangan tampilkan lagi