Achievement 4 by @musafir.insp Task : Applying Markdown
Salam sahabat steemian dan semoga kita selalu kreatif dan sehat-sehat saja. Sahabat sekalian saya sangat senang karena kemarin saya mendapatkan pemberitahuan tentang kelulusan di #achievement3 dan bisa melanjutkan ketahap selanjutnya. Anda bisa melihat postingan saya yang lalu disini
Di #achievement4 kita akan membahas tentang Applying Markdown yaitu tentang bagaimana menyusun artikel di Steemit agar terlihat lebih menarik dan keren. Sehubungan dengan postingan tutorial tentang penerapan Applying Markdown dapat disimpulkan bahwa kita dapat melakukannya dengan dua cara yaitu dengan menggunakan symbols dan menggunakan markup.
Berikut daftar pelajaran yang akan kita bahas disini :
- Create Heading and Sub
- Create bold, italic, bold italics and scribbled text
- Create a Rank Above and Below
- Bullets and Numbering
- Insert Text Link
- Inserting Tables
- Aligment text
- 2 colum paragraph
- align image in Paragraph
- Adding Code in a post
- Create a dividing line
- Writing Quotes – Blockquotes
1. Create Heading an Sub
untuk membuat judul dan sub judul saya menggunakan beberapa simbol dibawah ini
# Your Title
## Your Title
### Your Title
#### Your Title
##### YourTitle
###### Your Title
Hasil
Your Title
Your Title
Your Title
Your Title
YourTitle
Your Title
2. Create bold, italic, bold italics and scribbled text
Kode :
Bold : ** Your Text **
Italic : * Your Text *
Bold Italic : *** Your Text ***
Hasil
tekt
tekt
text
Atau juga bisa menggunakan markup <i>
dan ditutup dengan </i>
untuk italic, dan <b>
untuk bold. Atau tambahkan kedu kode untuk huruf miring bold.
contoh
<i>
Italic Text</i>
<b>Bold Text</b>
<i><b>Italic Bold Text</i></b>
hasil
Italic Text
Bold Text
Italic Bold Text
Untuk membuat teks coretan pakai kode <del>
diantara teks dan kalimat
contoh : <del>Your Text</del>
hasil : Your Text
3. Create a Rank Above and Below
Rank diatas mengunakan kode <sup>
dan tutup dengan </sup>
peringkat dibawah menggunakan <sub>
kode dan tutup dengan </sub>
Rank di atas
Contoh : 3<sup>2</sup>
Hasil : 32
Rank di bawah
Contoh : H<sub>2</sub>0
Hasil : H20
4. Bullet and numbering.
Untuk membuat bullet bisa menggunakan simbol (-) atau simbol ini (*)
Contoh Penggunaan:
- musafir
- musafir
- musafir
* Steemit
* Steemit
* Steemit
Hasil
- musafir
- musafir
- musafir
- steemit
- steemit
- steemit
Numbering
Contoh Penggunaan:
1. Musafir
2. Musafir
3. Musafir
Hasil :
- Musafir
- Musafir
- Musafir
5. Insert text link
Untuk menulis sumber atau mengarahkan pembaca ke situs lain, Anda dapat memasukkan tautan dalam teks dengan simbol berikut:
[Newcomers' Community ](https://steemit.com/trending/hive-172186)
Hasil : Newcomers' Community
6. Inserting tables
Ada dua cara untuk membuat tabel Anda. Yang Pertama Menggunakan Kode ini:
colum table1 | colum table 2
--------- | --------
cell 1 | cell 2
cell 3 | cell 4
Anda dapat menambahkan kolom dan sel sebanyak yang Anda butuhkan
hasil
Colum Table1 | Colum Table2 |
---|---|
Cell 1 | Cell 2 |
Cell 3 | Cell 4 |
Cara kedua:
- Menggunakan Tabel HTML.
The<table>
tag mendefinisikan sebuah tabel HTML.
Setiap baris tabel didefinisikan dengan <tr>
tag. Setiap header tabel didefinisikan dengan <th>
tag. Setiap data/sel tabel didefinisikan dengan sebuah <td>
tag. Secara default, teks dalam <th>
elemen dicetak tebal dan di tengah. Secara default, teks dalam <td>
elemen teratur dan rata kiri. sumber
<table style =" width:100%">
<tr>
<th>Title 1</ th>
<th>Title 2</th>
<th>Title 3</th>
</tr>
<tr>
<td>cell 1</td>
<td>cell 2</td>
< td>cell 3</td>
</tr>
<tr>
<td>cell 4</td>
<td>cell 5</td>
<td>cell 5</td>
</tr>
</table>
hasil
Title 1 | Title 2 | Title 3 |
---|---|---|
cell 1 | cell 2 | cell 3 |
cell 4 | cell 5 | cell 5 |
7. Aligment text
- Justify
Kode :
<div class="text-justify">
misi ke empat ini lumayan berat dan perlu kehati-hatian dalam menyelesaikannya. akan tetapi saya sangat senang karena dengan ini saya bisa mendapatkan pelajaran baru dalam menulis khususnya menulis di Steemit dan terimakasih banyak kepada yang sudah mendukung serta membantu saya .</div>
Hasil
- Tengah
<div class="text-center">
misi ke empat ini lumayan berat dan perlu kehati-hatian dalam menyelesaikannya. akan tetapi saya sangat senang karena dengan ini saya bisa mendapatkan pelajaran baru dalam menulis khususnya menulis di Steemit dan terimakasih banyak kepada yang sudah mendukung serta membantu saya.</div>
hasil
- Sejajarkan Kanan
<div class="text-right">
misi ke empat ini lumayan berat dan perlu kehati-hatian dalam menyelesaikannya. akan tetapi saya sangat senang karena dengan ini saya bisa mendapatkan pelajaran baru dalam menulis khususnya menulis di Steemit dan terimakasih banyak kepada yang sudah mendukung serta membantu saya. </div>
Hasil
- Rata Kiri
<div class="text-left">
misi ke empat ini lumayan berat dan perlu kehati-hatian dalam menyelesaikannya. akan tetapi saya sangat senang karena dengan ini saya bisa mendapatkan pelajaran baru dalam menulis khususnya menulis di Steemit dan terimakasih banyak kepada yang sudah mendukung serta membantu saya.</div>
Hasil
8. 2 colum paragraph
Kode :
<div class=pull-left>
Your Paragraph 1
</div>
<div class=pull-right>
Your Paragraph 2
</div>
Hasil
9. Align image in Paragraph
- Image Center Paragraph
<div class="pull-center">Image Link<center>image caption</center></div> Paragraph
hasil
misi ke empat ini lumayan berat dan perlu kehati-hatian dalam menyelesaikannya. akan tetapi saya sangat senang karena dengan ini saya bisa mendapatkan pelajaran baru dalam menulis khususnya menulis di Steemit dan terimakasih banyak kepada yang sudah mendukung serta membantu saya.- Image Right Paragraph
<div class="pull-right">Image Link<center>image caption</center></div> Paragraph
hasil
misi ke empat ini lumayan berat dan perlu kehati-hatian dalam menyelesaikannya. akan tetapi saya sangat senang karena dengan ini saya bisa mendapatkan pelajaran baru dalam menulis khususnya menulis di Steemit dan terimakasih banyak kepada yang sudah mendukung serta membantu saya.- Image Left Paragraph
<div class="pull-left">Image Link<center>image caption</center></div>Paragraph
Hasil
misi ke empat ini lumayan berat dan perlu kehati-hatian dalam menyelesaikannya. akan tetapi saya sangat senang karena dengan ini saya bisa mendapatkan pelajaran baru dalam menulis khususnya menulis di Steemit dan terimakasih banyak kepada yang sudah mendukung serta membantu saya.10. Menambahkan Kode dalam sebuah postingan.
Untuk memasukkan kode di postingan, Anda hanya perlu menambahkan < code>
markup sebelum teks yang diinginkan dan tutup dengan </code>
. Tapi ini "hanya berlaku untuk penulisan teks biasa." Untuk membuat script/kode seperti contoh di atas, Anda bisa menggunakan simbol ( `) di setiap markup. Baik itu tag pembuka maupun tag penutup.
Contoh :
<code>kerja keras</code>
Hasil :
kerja keras
11. Create a Dividing Line
kode :
<hr>
---
hasil
12. Writing Quotes -Blockquotes
Ada dua cara yang bisa kita kutip, cara pertama dengan <blockquote>
markup dan ditutup dengan </blockquote>
. atau Anda bisa mengetikkan >tanda sebelum kalimat.
hasil
misi ke empat ini lumayan berat dan perlu kehati-hatian dalam menyelesaikannya. akan tetapi saya sangat senang karena dengan ini saya bisa mendapatkan pelajaran baru dalam menulis khususnya menulis di Steemit dan terimakasih banyak kepada yang sudah mendukung serta membantu saya.
itulah ringkasan tulisan saya di Achievement 4 dan mudah-mudahan bisa lolos verifikasi. terimakasih
Hello @musafir.insp,
Congratulations! You have passed this Achievement You may now proceed to the next achievement task following the article.
For more updates, keep following @steemitblog.
Best Regards!!!
@boss75
Terimakasih saya sangat bersemangat
How about my achievement3, please support my link content;
https://steemit.com/hive-172186/@steemcepat/achievement3-or-by-steemcepat-or-tugas-kode-etik-konten
Hi, @musafir.insp,
Your post has been supported by @boss75 from the Steem Greeter Team.