Halo kawan semua

Jumpa lagi dengan saya, kali ini saya akan berbagi bagaimana caranya agar dalam post atau update artikel kita lebih mudah.

Syarat:
  1. Mempunyai pengetahuan tentang HTML
  2. Aplikasi Termux (playstore)
  3. Akun github
  4. Text editor / notepad

Bagi yang belum tahu tentang HTML lebih baik belajar terlebih dahulu, agar dalam mengikuti tutorial ini lebih mudah dipahami.
Oke tanpa banyak basa-basi mari kita mulai.

  1. Pastikan anda telah mempunyai akun github,
    Jika sudah buat repository baru beri nama blogger,
    lalu buat sebuah file dengan nama post-1.txt (anda bebas memberi nama filenya) lalu isi file post-1.txt dengan tulisan anda.
  2. Buka aplikasi termux ketikan perintah berikut:
        $ apt update && apt upgrade
        $ apt install git
        $ termux-setup-storage
        $ cd /sdcard
        $ git clone https://github.com/nama_akun_github/repository_anda
        
  3. Buka notepad atau text editor kesayangan anda, lalu buka file post-1.txt yang tadi telah kita buat dan isi file dengan tulisan anda. contoh isi file post-1.txt:
        Ini artikel pertamaku
        
  4. Simpan dan buka kembali aplikasi termux
    Setelah termux terbuka ketikkan perintah berikut:
        $ cd /sdcard
        $ cd nama_repository_anda
        $ git add *
        $ git commit -m "Artikel pertamaku"
        $ git push
        
    Jika muncul pertanyaan untuk memasukkan username dan password, isi dengan username dan password akun github anda.
  5. Buka blogger anda dibrowser kesayangan anda, lalu buat entri baru. Anda tinggal copy dan paste saja kode dibawah ini:
        <div id="pages-header"></div>
        <div id="pages-body"></div>
        
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <script>
            // Isi url artikel anda
            const Url='https://raw.githubusercontent.com/username_akun_github/blogger/master/post-1.txt';
    
            // Jquery run
            $(document).ready(function(){
                // Beri salam hangat pada pembaca
                $("#pages-header").text("Selamat gini hari agan semua");
                    axios.get(Url, { 'responseType': 'text/plain'})
                    .then(response => {
                        $("#pages-body").html(response.data);
                    })
                    .catch(err=>console.log(err))
            });
        </script>
        
Penjelasan:

Untuk bagian const Url='' isi dengan url artikel anda yang ditulis digithub, lalu bagaimana untuk mendapatkan url tersebut, lihat gambar dibawah ini:


Bagian yang dilingkaran merah atau yang bernama raw tersebut tinggal diklik, lalu copy urlnya untuk digunakan di const Url='https://raw.githubusercontent.com/apolbox/termux-webserver/master/install'.

Setelah itu coba anda buka blogger anda kembali, dan coba pratinjau artikel anda sebelum dipublikasikan.
Semoga berhasil dan jika anda merasa kesulitan mengikuti tutorial ini anda bisa tinggalkan komentar.


See you next post.