Achievement 4 by @lingkar-photo Task : Applying Markdowns

in Newcomers' Community3 years ago (edited)

Achievement 4 : Applying Markdown

Sebagai penguna Steemit blog, sangat penting agar bisa menulis dengan beberapa hal agar terlihat bagus dan juga menarik untuk pembaca, dan sebagai penguna baru atau lama juga terkadang lupa akan hal ini, dan saya akan mencoba mengulang kembali dalam Achievent 4 saya ini,semoga teman akan tambah paham dan makin baik dalam menulis blog dalam steemit nantinya

IMG_20211226_163745.jpg

Dan sebelum saya membuat postingan saya ini, saya terlebih dahulu melihat dan juga membaca pandua dari bapak @heriadi yang mana sudah menjelas kan beberapa hal di dalamnya yang juga saya sematkan untuk sahabat bisa melihatnya dengan baik-baik ada dalam link ini.

untuk stemian yang belum bisa mengunakan beberapa kode dalam menulis dan bagaimana menata tulisan agar terlihat menarik, dan juga terlihat bagus ada beberapa hal seperti dibawah ini;


DAFTAR ISI:

  • Membuat huruf tebal (bold)
  • Membuat huruf miring (italic)
  • Membuat huruf tercoret (stretch)
  • Membuat kalimat kutipan (quote)
  • Membuat judul dan sub judul (heading)
  • Membuat huruf typewriter (script/code)
  • Membuat tulisan berpangkat dibawah/diatas (sub/sup)
  • Membuat garis pembatas paragraf (hr)
  • Membuat teks ber-link (text link)
  • Membuat daftar bullet & numbering
  • Membuat tabel (table)
  • Membuat teks/paragraf rata tengah/kiri/kanan/kiri-kanan (align text)
  • Membuat paragraf dua kolom (2 column paragraph)
  • Mengatur posisi gambar dalam paragraf
  • Membuat gambar di posisi kanan/kiri paragraf (align image).

Cara Membuat Teks ketengah, Tebal, miring dan juga bergaris coretan.

Membuat teks tebal, miring, dan tercoret

Ada dua cara untuk membuat teks tebal dan miring, yaitu dengan menggunakan kode bintang * dan garis bawah _. Kalian boleh pilih salah satu dari kedua kode tersebut. Satu bintang/underline untuk teks miring, dan dua bintang/underline untuk teks tebal.

Seperti dibawah ini;

Kode :
Tebal: *Buah Apel*
Miring: **Buah Apel**
Tebal miring: ***Buah Apel***

Hasilnya:
Buah Apel
Buah Apel
Buah Apel.


Dan bisa juga dengan menggunakan mark up <i> dan ditutup dengan </i> untuk italic, dan <b> untuk bold.

Contohnya dan hasil sama seeprti ini juga.
<i>Buah Pepaya Kuning</i>
<b>Buah Pepaya Kuning</b>
<i><b>Buah Pepaya Kuning.</i></b>

untuk membuat teks bergaris tengah / tercoret cukup dengan menambah kode berikut diantara teks/kalimat, seeprti di bawah ini;

Contohnya
<del>Bolu pandan Dan Bolu kukus</del>

Hasilnya:
Bolu pandan Dan Bolu kukus


Membuat Kalimat Kutipan

Ada dua cara menulis kalimat kutipan, cara pertama dengan mengetik mark up seperti <blockquote> dan ditutup dengan </blockquote>. Namun untuk lebih mudahnya cukup dengan mengetik tanda > sebelum kalimat.

Contohnya:
>"Kalau hanya mandi saja. Anak kecil juga bisa mandi, dan bisa bekerja." **-cerpen**

Hasilnya:

"Kalau hanya mandi saja. Anak kecil juga bisa mandi, dan bisa bekerja."-cerpen`


Membuat judul dan sub judul

Cara pertama membuat Judul dan Sub judul dengan cara menambahkan mark up <h1> sebelum membuat judul dan ditutup dengan </h1>. Setelah sub judul, Cara kedua tersebut dengan menggunakan simbol berikut dibawah ini:

Teks:
# kolam 1
## kolam 2
### kolam 3
#### kolam 4
##### kolam 5
###### kolam 6

Hasil dari yang diatas:

kolam 1

kolam 2

kolam 3

kolam 4

kolam 5
kolam 6

Membuat teks untuk kode / script

Contohnya adalah < kode >seperti teks ini. Tetapi biasanya digunakan untuk penulisan kode/script, seperti berikut:

<div class="pull-right"><center>link gambar</center></div>

cara menulisnya, hanya dengan memasukan mark up < kode > sebelum teks yang dinginkan dan ditutup dengan </ kode >. Namun perlu anda ingat untuk penggunaan < kode > ” berlaku untuk menulisan teks biasa saja.” Untuk membuat script/kode seperti contoh diatas bisa menggunakan simbol ( ` ) pada setiap mark up. Baik itu Tag pembuka maupun Tag penutup pada tulisan anda.

Membuat tulisan berpangkat (sub/sup)

Membuat pangkat diatas, menggunakan mark up <sup> dan ditutup dengan </sup>. Dan mark up <sub></sub>dan juga untuk membuat pangkat dibawah, seperti;

Contohnya:
BOR O<sup>2</sup> Oxk adalah tim ML.
Ock 6<sub>indo</sub> salah satu kode etik.

Hasilnya:
BOR O2 Oxk adalah tim ML.
Ockindo salah satu kode etik.

Cara Membuat garis pembatas

Membuat garis pembatas untuk memisahkan antara paragraf, cukup dengan menambahkan mark up <hr> atau dengan mengetik tanda strip - sebanyak tiga kali ---.

Seperti;

Contoh:
<hr>
---

Hasilnya:



Membuat teks link / nama kutipan blog

Contohnya:
[wikipedia](http://www.wikipedia.com)

Hasilnya;
wikipedia

Membuat daftar bullet & numbering

Kode :
* steem.com
* busy.org
* utopian.io

1. steem.com
2. bus.org
3. topik.io

Hasilnya;

  • steem.com
  • busy.org
  • utopian.io
  1. steem.com
  2. bus.org
  3. topik.io

Cara Membuat Tabel

Kode :
NO | Name | bunga
-|-|-
1 | @kaptus | flowers
2 | @mawar | flowers
3 | @kamboja | flowers

Hasil yang diatas;

NONamebunga
1@kaptusflowers
2@mawarflowers
3@kambojaflowers

Cara Membuat teks/paragraf rata tengah/kiri/kanan/kiri-kanan

Contohnya:
<p><div class="text-center">
Perahu milik nelayan disapu oleh ombak besar saat banjir tiba
</div></p>

Hasil yang diatas

Perahu milik nelayan disapu oleh ombak besar saat banjir tiba


Sebaliknya untuk membuat rata kiri atau rata kanan, anda cukup mengganti kannya sajatext-center dengan text-right atau text-left. Seperti dibawah ini;

Perahu milik nelayan disapu oleh ombak besar saat banjir tiba


Cara Membuat paragraf dua kolom

Kode :
<p>
<div class=pull-left>
Paragraf 1
</div>

<div class=pull-right>
Paragraf 2
</div>
</p>

Contohnya:

Nelayan yang sibuk karena banyak mendapat tabgkapan ikan dilautan.
Nelayan yang sibuk karena banyak mendapat tabgkapan ikan dilautan.


Cara Mengatur posisi gambar dalam paragraf

Kode:*
<center>link-gambar</center>
<center>caption-gambar</center>

Contoh:


IMG_20211225_210705.jpg

by @lingkar-photo

Untuk mengganti posisi gambar agar berada di kanan, ganti kode <center> dengan <right>, dan <left> untuk berada di posisi kiri.


Cara Membuat gambar di posisi kanan/kiri paragraf

Kode :
<p>
<div class="pull-right">link-gambar<center>caption-gambar</center></div>
Teks paragraf disini
</p>

Contohny:

Hanya cara penaruhan gambar dan bisa anda buat dengan baik menurut kebutuhan anda saja

Kesimpulan saya

Dalam segala hala apa saja yang kita lakukan, alangkah baik nya cara penulisan, sesuatu hal yang sangat penting dalam sebuah tulisan, sehingga bisa menjadi sebuah konten atau juga postingan, karena dengan menulis baik dan rapih, akan membuat orang-orang yang melihat blog yang anda miliki, bisa tertarik untuk membaca tulisan anda. Dan Jika sahabat steemians ingin belajar banyak dan lebih lagi tentang tatacara penulisan, sahabat dapat melihat langsung pada postingan dari bapak @heriadi, dan saya sudah menaruh linknya diatas, di awal pembukaan poatingan saya ini, disana beliau sudah menulisnya dengan sangat baik, jelas dan juga sangat detil serta sangat lengkap. Sahabat steemians dapat melihat langsung.

Dengan ini saya sudah belajar sedikit dan juga, telah membaca dan memahami Etiket Steemit di Komunitas Steemit dan akan melakukan yang terbaik untuk menggunakannya.

Terima Kasih telah membaca tulisan ini, Salam hormat saya @lingkar-photo

cc:
@cryptokannon
@irawandedy
@heriadi

Sort:  

CURATOR NOTE :03



Congratulations.

You have completed this achivement. You can move on to the next achievement.

 3 years ago 

Thank you so much @sm-shagor

 3 years ago 

Hi, @lingkar-photo,

Your post has been supported by @sm-shagor from the Steem Greeter Team.

 3 years ago 

Thank you so much, suport it sir @steemcurator03

Coin Marketplace

STEEM 0.17
TRX 0.13
JST 0.027
BTC 58572.58
ETH 2551.35
USDT 1.00
SBD 2.47