<strong>Title:</strong>Tutorial - How to make and share post using MarkdownX App [Bahasa]
<strong>Summary:</strong>Here I will explain how to setup, configuration, make post, and share post using MarkdownX App
<strong>Language:</strong>Indonesia
***


## Pengenalan MarkdownX
Salah satu aplikasi yang dapat digunakan untuk membuat draft postingan adalah aplikasi MarkdownX, aplikasi ini akan sangat membantu teman-teman yang membuat post melalui smartphone khususnya smartphone yang berbasis Android.

<center>![](https://i.imgur.com/1Ls06hQ.png)</center>
<center><a href="https://www.jianshu.com/p/84510bc5c2c5">Sumber Image</a></center>

MarkdownX app dilengkapi banyak fitur yang dapat membantu pengguna sehingga aplikasi ini sangat diminati oleh pengguna. Setiap menu diatur dengan baik sehingga membuat pengguna mudah menggunakan menu-menu yang di sediakan.

***

## Installasi MarkdownX
Untuk mendapatkan aplikasi MarkdownX ini, pengguna cukup melakukan donwload  aplikasi MarkdownX melalui Google Playstore. Lakukan pencarian dengan menggunakan kata kunci MarkdownX atau dapat juga melakukan download melalui <a href="https://play.google.com/store/apps/details?id=com.ryeeeeee.markdownx">link ini</a>

Lakukan proses installasi sebagaimana biasanya sampai selesai seperti yang terlihat pada gambar dibawah ini

<center>![](https://i.imgur.com/WKlewTM.gif)</center>

***

## Tampilan dan Konfigurasi MarkdownX
Dari sisi tampilan, aplikasi MarkdownX ini sangat baik dan akan mudah untuk digunanakan. Untuk menu code markdown diletakkan pada bagian atas aplikasi dan akan muncul pada saat dibutuhkan. 

<center>![](https://i.imgur.com/obbH925.gif)</center>

Konfigurasi MarkdownX dapat dilakukan dengan cara tap pada icon garis 3 yang berada sebelah kanan atas. Selanjutnya akan muncul fungsi-fungsi yang dapat dilakukan konfigurasi seperti storage, syntac reference, settings, feedback, rate this app dan about. Berikut ini penjelasan dari masing-masing menu tersebut.

#### Storage
Menu storage berfungsi untuk mengatur penyimpanan file. Pada MarkdownX App untuk penyimpanan file memiliki dua pilihan yaitu pada storage internal ataupun menggunakan cloud dalam hal ini aplikasi dropbox. 


<center>![](https://i.imgur.com/aUTxSz5.gif)</center>

#### Syntac Reference
Pada menu Syntac Reference terdapat perintah-perintah atau kode markdown yang dituliskan dalam bentuk contoh. Lakukan tap pada menu Syntac Reference maka seluruh code markdown akan muncul layar smartphone.

<center>![](https://i.imgur.com/0F5UKuB.gif)</center>

#### Settings
Selanjutnya adalah menu settings yang memiliki fungsi untuk mengkonfigurasi beberapa pilihan yang akan mempengaruhi pada saat penggunaan Markdown App. Jika diperhatikan secera keseluruhan menu settings memiliki lima parameter yang dapat dilakukan konfigurasi

<center>![](https://i.imgur.com/GVebY9m.gif)</center>

<strong><li>Save</li></strong>
Pilihan save ini memberikan opsi kepada pengguna untuk melakukan auto save atau tidak. Saya sangat merekomendasikan opsi auto save ini diatur dalam posisi enabel sehingga pengguna tidak perlu melakukan saving file secara manual.   

<center>![](https://i.imgur.com/Dy5Sfqp.gif)</center>

<strong><li>Github Flavored Markdown</li></strong>
Github Flavored Markdown adalah sebuah fitur markdown yang berguna pada konten github. Dengan fitur ini MarkdownX akan memiliki banyak fitur yang dapat di gunakan pada aktivitas di githun.com karena ada beberapa syntac yang berbeda dan dibutuhkan dalam aktivitas github.com seperti menuliskan pull. 

<center>![](https://i.imgur.com/L103pbH.gif)</center>

Jadi dengan mengaktifkan opsi Github Flavored Markdown maka MarkdownX app akan mengenali syntac-syntac yang di butuhkan pada github.com. Saya menyarankan untuk mengatur opsi ini dalam keadaan enabel

<center>![](https://i.imgur.com/5tD0ufU.gif)</center>

<strong><li>Sync Scroll</li></strong>
Menu sync scroll berfungsi untuk melakukan 
sinkroninsasi tampilan dengan preview pada saat dilakukan scroll. Ini akan sangat membantu pengguna dalam melihat sebuah draft dalam preview.

<center>![](https://i.imgur.com/PmwBrmp.gif)</center>

<strong><li>Update Over Wi-Fi</li></strong>
Menu ini berfungsi untuk memberikan pilihan kepada pengguna memilih melakukan update MarkdownX dengan menggunakan Wi-Fi atau
Menggunakan koneksi data melalui simcard

<center>![](https://i.imgur.com/bOEKfDV.gif)</center>

<strong><li>Don't Show Ads</li></strong>
Fitur ini memungkinkan pengguna untuk melakukan block pada iklan, saya merekomendasikan agar fitur ini berada dalam pilihan Don't Show Ads agar saat menggunakan MarkdownX app tidak terganggu dengan iklan-iklan. 

<center>![](https://i.imgur.com/ZCeOO5c.gif)</center>

#### Feedback 
Feedback merupakan menu yang di sediakan bagi pengguna untuk memberikan feedback langsung kepada penyelia aplikasi merupakan kritikan, saran atau laporan tentang bugs

<center>![](https://i.imgur.com/hINvoX6.gif)</center>

#### Rate This App
Menu ini berfungsi untuk memberikan rating kepada aplikasi MarkdownX melalui Google Play Store

<center>![](https://i.imgur.com/VVxgyby.gif)</center>

#### About
Menu ini berfungsi untuk melihat versi dari MarkdownX app

<center>![](https://i.imgur.com/5LFRhJz.gif)</center>

Selain menu-menu yang telah disebutkan dibatas, MarkdownX app memiliki beberapa menu lain yang dibutuhkan pada saat membuat sebuah post seperti menu undo, redo, save,  menu kode markdown. 

<center>![](https://i.imgur.com/XM4p9J8.gif)</center>

Kemudian pada icon tiga titik juga memiliki menu share, syntac reference, preview dan settings. Semua ini dapat dilihat pada bagian atas MarkdownX. 

***

## Penggunaan MarkdownX App
Setelah mengenal semua menu dan fungsi pada MarkdwonX app, selanjutnya akan saya berikan beberapa contoh bagaimana menggunakan Markdwon App terutama dalam hal membuat draf sebuah postingan.


<strong><li>Membuat Header</li></strong>
Untuk kebutuhan penggunaan format penulisan dengan menggunakan kode markdown dapat dilakukan dengan cara menampilkan editor Markdown dengan cara melakukan tap pada icon + di bagian atas aplikasi. Jika ingin membuat format header telah disediakan icon header (H1 s/d H6). Untuk menggunakannya cukup tap pada salah satu icon header. Perhatikan gambar dibawah ini

<center>![](https://i.imgur.com/eCIsZM1.gif)</center>

<strong><li>Membuat Ordered dan Unordered List</li></strong>
Jika memiliki kebutuhan untuk membuat list baik itu ordered atau unordered list,  silahkan tap pada icon list kemudian tuliskan kata atau kalimat, lakukan enter dan ulangi langkah tap pada menu ordered atau unordered list seperti yang terlihat pada gambar dibawah ini

<center>![](https://i.imgur.com/zUQ9NMs.gif)</center>

<strong><li>Menyisipkan Link</li></strong>
Untuk melakukan penyisipan link dalam membuat post maka dapat dilakukan dengan tap pada icon insert link. Selanjutnya pada field text to display tuliskan kata atau kalimat dan pada bagian filed link to silahkan tulis url yang dimaksud.

<center>![](https://i.imgur.com/RXNXyOs.gif)</center>

<strong><li>Menyisipkan Gambar</li></strong>
Pada MarkdownX App juga dapat dilakukan penyisipan gambar langsung ke dalam draf sebuah postingan. Hal ini tentunya akan sangat membantu para pengguna. Untuk melakukan penyisipan gambar, silahkan klik pada icon insert picture kemudian pilih gambar untuk di masukkan ke draft postingan.

<center>![](https://i.imgur.com/p2e4OMC.gif)</center>

<strong><li>Membuat Block Code</li></strong>
Mungkin pada suatu waktu pengguna membutuhkan penulisan code pemograman dalam sebuah post, maka hal ini dapat di lakukan dengan cara melakukan tap pada icon Block Code kemudian menuliskan code yang akan di masukkan ke dalam post.

<center>![](https://i.imgur.com/gropzoa.gif) </center>

<strong><li>Membuat Tulisan Cetak Tebal</li></strong>
Untuk membuat tulisan dengan cetak tebal atau lebih dikenal dengan nama format bold, dapat dilakukan dengan cara melakukan tap pada icon bold kemudian tuliskan kalimat atau kata yang ingin ditampilkan dalam format cetak tebal

<center>![](https://i.imgur.com/LDYzbRe.gif)</center>

<strong><li>Membuat Kutipan</li></strong>
Dalam sebuah post sering sekali kita membutuhkan kutipan, untuk melakukan hal ini silahkan tulis sebuah kutipan kemudian pada awal kalimat silahkan tap icon blockqoute seperti pada contoh di bawah ini

<center>![](https://i.imgur.com/PBB5m6k.gif)</center>

<strong><li>Membuat Block Kata atau kalimat</li></strong>
Terkadang saat membuat post sering di butuhkan penanda kalimat ataupun kata sebagai penegasan, sering orang menyebutnya highlight. Untuk memenuhi kebetuhan ini pada MarkdownX app telah disediakan icon khusus untuk perintah ini. Untuk menggunakannya silahkan tap pada menu block kata kemudian tuliskan kata atau kalimat yang ingin dilakukan higlight. Perhatikan contoh dibawah ini

<center>![](https://i.imgur.com/baM7sjl.gif)</center>


<strong><li>Membuat Garis Horizontal</li></strong>
Jika membutuhkan garis dalam pembuatan sebuah post yang digunakan melalui MarkdownX, maka silahkan tap pada icon Horizontal Rule kemudian secara otomatis akan muncul garis memanjang dari kiri kanan sebagaiman yang terlihat pada gambar berikut.

<center>![](https://i.imgur.com/026KST2.gif)</center>

<strong><li>Membuat Strikethrough</li></strong>
Untuk membuat kalimat atau kata bergaris (Strikethrough) juga dapat dilakukan melalui MarkdownX. Untuk melakukan hal tersebut silahkan tap pada menu Strikethrough kemudian tuliskan kalimat atau kata yang ingin ditampilkan dengan format Strikethrough.

<center>![](https://i.imgur.com/WoVjiGf.gif)</center>

<strong><li>Membuat Tabel</li></strong>
Pembuatan sebuah tabel dengan menggunakan markdown selalu menjadi kendala bagi banyak pengguna, namun dengan MarkdownX app sebuah tabel akan lebih mudah untuk dibuat. Silahkan tap pada icon tabel, kemudian akan muncul sebuah jendela dan di minta untuk memasukkan jumlah row dan coloumn. Setelah kedua field tersebut di isi silahkan klik insert, secara otomatis akan muncul tabel. 

<center>![](https://i.imgur.com/icvimqK.gif)</center>


***

## Simpan dan Share Post Dalam Bentuk File
Setelah draft post selesai dibuat maka file disimpan dengan cara membagikannya  dalam beberapa cara seperti share dalam fortmat markdonwn, html, txt dan image. Berikut ini saya akan simpan file draft post dalam bentuk markdown dan saya share ke aplikasi cloud OneDrive. Jadi file ini nantinya juga dapat di buka memlaui aplikasi desktop karena sudah tersimpan dalam format markdown.

<center>![2018_01_06_15_00_16_15_01_13.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515225793/zlijtdjhjk8entsymabq.gif)</center>


***

## Publish Post
Jika semua isi post sudah sesuai dan tidak ada yang perlu di edit lagi maka selanjutnya akan dilakukan publish. Dalam hal ini saya akan melakukan publish post ke web utopian.io.

Untuk mempublish postingan silahkan pilih select all semua isi draft, kemudian pastekan ke tujuan seperti yang terlihat pada gambar berikut ini.

<center>![2018_01_06_14_42_37_14_43_56.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515225317/shrlh8o5ikn7qc9dpykz.gif)</center>

Dengan demikian membuat sebuah post dengan menggunakan smartphone tidak lagi menjadi kendala, hanya butuh sebuah aplikasi MarkdownX saja maka pembuatan draft post dapat dilakukan dengan lebih mudah.

***

Selamat mencoba dan semoga bermanfaat



<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@dodybireuen/tutorial-how-to-make-and-share-post-using-markdown-app-bahasa">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>