Panduan membuat artikel secara offline di Android

Cara menulis artikel Offline

Ponsel android punya fitur yang di sebut sebagai memo, memo bisa diisi dengan teks maupun dokumen multimedia lain seperti gambar, video, atau audio. Tapi sayangnya, memo punya kekurangan tersendiri. Jumlah teks yang bisa dicatat terbatas, pada ponselku saja jumlah teks dibatasi hanya boleh mengetik hinggga 1000 karakter saja.

Lalu kenapa nggak diketik secara online saja? Ketik secara langsung lebih memboroskan kuota, apalagi ketika jaringan sedang lemot bisa jadi ketikan yang sudah dibuat tidak akan tersimpan pada server. Selain itu mengetik secara langsung juga bisa menghabisian bandwidth hosting jika kamu menggunakan hosting sendiri.

Sebagai gantinya aku kasih tips nih, bagaimana caranya agar kita bisa memanajer catatan artikel sebelumnya. Bukan menggunakan teks editor loh, tapi menggunakan aplikasi X-Plore. Ya app ini sangat aku rekomendsiin buat blogger. Dalamnya terdapat fitur seperti notepad dimana kita bisa membuat file asci teks biasa.


Cara membuat file notes di X-Plore

1. Jalankan aplikasi x-plore yang sudah kamu unduh di playstore.
2. Pada menu toolbar, klik "New File" atau "Buat File Teks Baru"
3. Beri nama file dengan judul artikel yang ingin kamu buat, jangan lupa akhiran nya format ".txt"

Contoh artikel Offline

Kamu wajib menggunakan format standard file notepad yakni .txt, file dengan ekstensi ini bisa dibaca secara langsung atau di edit ulang menggunakan x-plore. Tampilannya yang simple, lengkap dan sederhana membuat kita lebih mudah memanage artikel sebelumnya.

Bangunlah paragraf pertama, aku biasanya membuat terlebih dahulu sebuah file dan kemudian mengisinya dengan paragraf pertama. File notepad ini aku sebut sebagai artikel rintisan, jika punya waktu aku bisa menambah kembali suatu topik agar terlihat lebih lengkap. Karena setiap hari sering menggunakan smartphone jadi mengetiknya jadi lebih lancar dibanding menggunakan keyboard di laptop.


Keunggulan membuat artikel secara Offline

Buat kamu yang menyukai artikel, pengelolaaan secara offline bisa membuat kita bebas memodifikasinya kapan saja. Tidak perlu selalu ketergantungan pada akses internet, artikel yang ditulis secara offline juga bisa dibaca kembali. Jika kamu sudah punya terlalu banyak artikel nggak perlu bingung sulit menemukan file nya yang mana. Sebab pada aplikasi X-plore, sudah punya fitur pencarian otomatis.

Cukup ketikan saja judul beberapa kata yang mewakili judul artikel, klik cari. Nanti akan ditampilkan beberapa daftar file terkait, kamu bisa melakukukan penyuntingan dengan mudah. Setelah di sunting, kita bisa menyalin teks tersebut ke blog.

Buka kembali editor file pada x-plore, salin semua pada hasil tulisan yang ada. Terus buka blog kamu, navigasikan ke artikel terkait lalu sunting. Pada kolom editor tinggal paste aja, mengedit artikel secara langsung pada editor blogger justru bisa membuat hasilnya jadi lebih berat. Sebab blogger punya alat pennyunting teks yang selalu mensmbahkan tag html secara otomatis tanpa menghapusnya.


Manfaat lain dari mengetik secara offline

Minggu kemarin Aku pernah publikasiin tentang cara jualan artikel, nah tips ini bisa kamu gunain donk. Bikin artikel secara offline minimal 1000 kata, terus jualin deh bisa jadi penghasilan sampingan. Buat penulis novel juga bisa, teks editor pada x-plore sederhana mirip standar seperti notepad di laptop.

Memanage file artikel itu penting, kalau artikelnya ada pada blog jadi terkadang kita males buat memperbaruhi artikel yang sudah lama di publikasikan. Padahal sebuah artikel itu sama dengan project, dia bisa di buka kapan saja. Bisa diperbaruhi kapan saja sesuai dengan kondisi terkini, wikipedia selalu memperbaruhi artikel mereka agar tetap terupdate setiap harinya.


Hampir semua artikel yang ada pada blog Gea Putri punya bagian offline, sebuah file teks asci biasa. Bisa dibuka kembali dengan menggunakan teks editor apapun, artikel yang sedang kamu baca sekarang sama aja. Prinsip membuatanya menggunakan app android, bagian disusun demi bagian ( rintisan ) hingga menjadi topik utuh yang lengkap. Ketika terdapat kesalahan penulisan atau hanya ingin sekedar menambah catatan, bisa langsung dilakukan tanpa harus membuka blog terlebih dahulu.

Untuk memisahkan antara artikel rintisan, pembaruhan, gea menambahkan template sebuah nama. Template {rintisan} untuk artikel yang baru dibuat, dan template {update} untuk artikel yang baru saja di perbaruhi. Template ini dihapus bila job sudah selesai dilakukan, kata tersebut ditambahkan pada nama file sebelum format .txt

Sebagai contoh, jika gea punya artikel "Resep ayam goreng enak dan lezat.txt", jika selesai diperbaruhi maka nama file diganti menjadi "Resep ayam goreng enak dan lezat {update}.txt". Adapun tujuan menggunakan penggantian nama yakni untuk menandai mana saja artikel yang sudah di update dan mana artikel yang tengah dikembangkan.


Menggunakan format HTML Kode

Selain menggunakan HTML secara langsung kita bisa membuat dokumen web secara langusung, yakni dengan mengetik kodr HTML secara langsung pada teks editor notepad. Tapi sebelum kamu mulai membuat, sebaiknya pelajari terlebih dahulu kode apa saja yang harus kamu gunakan. Kalau pengen belajar koding, situs wc3school.com bisa dijadikan sebagai referensi belajar, disini Gea mau contohin dulu kode apa saja yang bisa kamu gunakan.


Tag judul gunakan b, h1, h2, h3 atau h4
Kalau mau bikin judul dengan cetak tebal bisa menggunakan tag bold atau tag heading, penggunaanya gampang. Cukup tempatkan judul diantara tag pembuka dan penutup heading, cobtohnya seperti dibawah ini, aku bakalan gunain h3:
<h3>Contoh Tag judul HTML</h3>

Cara menyusun paragraf denga tag p dan br
Satu paragraf bisa ditempatkan diantara tag p, selain tag p kamu juga bisa menggunakan kode br untuk membuat baris baru dibagian bawah nya. Kalau belum paham bagaimana cara menggunakan kedua tag diatas, cek contoh dibawah ini:
<p> Artikel Paragraf pertama</p>
<p> Artikel Paragraf Kedua </p> <br/>

<p> <h3>Contoh judul Paragraf Lain</h3>
Isi Pokok Pembahasan artikel<br/>
Isi Pokok Nya aja ya<br/>
</p>

Gunakan tag img untuk menambahkan gambar :
Tag img adalah tag kode html yang bisa kita gunakan untuk menambahkan gambar pada dokumen. Tag ini mempunyai beberapa atribut, yakni src, alt, title, width, dan height. Sebagai contoh gea mau ngajarin gimana cara menambahkan gambar:
<img src="https://URLGambar.com/gambar-ku.jpg" alt="Tulis keterangan gambar disini" width="300px" height="300px"/>
Kamu bisa mengatur tinggi gambar dengan angka dalam atribut height, dan mengatur lebar dalam atribut width. Sementara ukuran gambar dihitung dalam satuan px (piksel). Nama atau judul gambar pada atribut alt akan muncul ketika cursor berada pada area bidang gambar.

Gunakan div untuk mengatur perataan teks
div sama dengan tag paragraf tapi penggunaan tag div lebih luas, dia bisa digunakan untuk memformat suatu elemen yang berada di dalamnya. Dalam penggunaan div kita bakalan menggunakan atribut style sebuah nama untuk memasukan css, sementara css nya gunakan selector text-align sedangkan value nya kasih: left jika ingin teks rata kiri, center untuk teks rata tengah, justify untuk teks rata kanan kiri, dan right untuk teks rata kiri. Penggunaan silakan cek dibawah:
<div style="text-align:center"> Teks kamu yang mau dibuat rata tengah disini </div>

Memformat teks dengan css juga bisa dilakukan pada sebuah tag paragraf, caranya dengan menempatkan atribut css pada bagian tag paragraf contoh nih:
<p style="text-align:justify">Teks yang mau kamu jadiin rata kanan kiri</p>

Cara ambil URL Gambar di Blogger
Ketika kamu ingin menambahkan gambar, gunakan mode html pada penulisan blogger. Dan kamu bakalan dapat kode yang banyak ya, disana cukup salin saja URL gambar sebagai contoh. Gea unggah gambar di blogger, maka kode yang muncul seperti ini, perhatikan teks warna merah adalah URL gambar.
<div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="851" data-original-width="1024" height="265" src="https://1.bp.blogspot.com/-JqDXPNDMFzE/XZDtwdACfsI/AAAAAAAAATk/ESTveVeIBAgOXAYe
bNzS8fQaMrUcXLxrwCLcBGAsYHQ/s700/20190930_004404.jpg
"/></div>


Langkah membuat dokumen HTML

Pertama kamu buatlah folder baru tempatkan semua file kita dalam sebuah folder. Nah bikin kembali folder beri nama img untuk menyimpan dokumen css dan gambar. Masuk ke dalam folder img buatlah file baru beri nama style.css, kemudian salin kode css dibawah ini dan paste.

.video-responsive, separator {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin:0;
  width:100%
  background:#E0E0E0;
}
.video-responsive iframe, separator img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border:0;
  background:#E0E0E0;
}
.footer { text-align:center;border-top:2px solid #D1D1D1; margin-top:10px; font-size:15px; }
.img-kotak { max-width:58%;display:block;text-align:center;font-size:12px;margin:auto;line-height:15px;font:normal; }
a:link { text-decoration:none; }
a:visited { color:#E42A00; }
a:hover { background-color:#0D65E4;color:#fff;border:1px solid #1D99E4; }

Selanjutnya gunakan template DOCTYPE! berikut ini setiap ingin menambahkan artikel baru. Ingat kode doctype ini tidak perlu disalin ketika kamu memindahkan artikel ke blogger menggunakan copy paste. Kode ini hanya untuk dokumen file pada artikel kamu, hal penting lainnya yang wajib kamu ingat ganti format file dari sebelumnya .txt menjadi .html

<!DOCTYPE html>
<html lang=en>
<meta charset=utf-8>
<head>
<meta name=viewport content="width=device-width,initial-scale=1">
<title></title>
<link rel="stylesheet" href=""img/style.css"/>
</head><body>


Kalau mau menggunakan kode HTML secara langsung kamu harus mempastekan dokumen doctype! pada bagian atas teks editor sebelum menulis. URL gambar sementara bisa gunakan path lokasi file dalam folder, misalnya img/namagambar.jpg tapi ingat. URL offline tidak akan bisa dikenal secara online, makanya aku saranin pake yang online saja. Oke deh sampai disini dulu, beberapa tag diatas adalah tag html yang paling sering aku gunain. Kalau mau belajar lebih jelas lagi bisa buka situs web wc3school.com (belajar gratis).

Scroll To Continue