Ninjastic
PostEdited versionsQuotes to this post
Post
Topic
Board Bahasa Indonesia (Indonesian)
Merits 25 from 15 users
TUTORIAL Sederhana "BBcode"
by
manji
on 12/04/2018, 09:22:21 UTC
⭐ Merited by dbshck (5) ,trinaldao (4) ,joniboini (2) ,jrbone (2) ,whiteblue (2) ,gundala (1) ,Husna QA (1) ,nara1892 (1) ,vennz17 (1) ,valuater (1) ,QA65 (1) ,JamalAmal99 (1) ,AnakJendral (1) ,numanoid (1) ,sams87 (1)
PERHATIAN
Quote from: manjiLocked on June 10, 2018, 11:43:08 AM
Hanya Informasi

Untuk agan2 yg tertarik dengan tutorial/replies akun manji jangan berikan merit/pm.

Akun manji telah di hacked.

Terimakasih

BBCode

Mari kita belajar tentang Tags BBCode, bagi saya hal ini cukup menarik jika dipelajari karena akan ber-implikasi pada keteraturan postingan kita dan terlebih lagi, kita jadi tahu lebih dalam tentang BBcode dan bisa meningkatkan kemampuan dalam meng-create content selain content yang bermanfaat, Informatif, Educatif akan tetapi harus a good UserInterface

Edit

Content:
1. Tutorial Basic

    - Contoh penerapan nya : Who is Manji

2. Medium


A. Basic

Tags basic yang harus dipahami terlebih dahulu agar nanti nya ketika melakukan mixing tags, tidak terlalu sulit untuk diterapkan. saya sarankan untuk menggunakan tags dengan membiasakan menuliskan "tags" nya agar kita terbiasa dengan fungsi dan logika dari tags jangan hanya sekedar "click" .

Okeh langsung saja.

1. Fungsi untuk menebalkan tulisan, gunakan tag "B"

ex:

Who is Manji

Code:
[b]#value[/b]

2. Fungsi untuk membuat tulisan "Miring"

ex:

Who is Manji

Code:
[i]#value[/i]

3. Fungsi untuk membuat garis bawah

Ex:

Who is Manji

Code:
[u]#value[/u]

4. Tag atau "Strikethrough

Ex:

Who is Manji

Code:
[s]#value[/s]

5. Fungsi untuk menuliskan simbol "BTC"

ex:

Manji wants to have BTC

Code:
[BTC]

6. Fungsi untuk membuat Highlight

Who is Manji

Who is Manji

Code:
[glow=red,2,300]#value[/glow]

Penjelasan:
glow={color},{width},{height}

* variable yang di dalam kurung kurawal ({}) artinya bisa dirubah sesuai dengan kebutuhan.

7. Membuat bayangan pada kalimat, tulisan, atau apapun selama fungsi itu bisa "support"

Who is Manji

Code:
[shadow=red,left]#value[/shadow]

Penjelasan:
shadow={color,align}

* variable yang di dalam kurung kurawal ({}) artinya bisa dirubah sesuai dengan kebutuhan.

8. Preformatted Text

Manji
is a ronin samurai trying to atone for his sins.

Code:
[pre]#value[/pre]

9. Mem-format tulisan rata kiri

Manji is a ronin samurai trying to atone for his sins.
He has an unorthodox sense of justice about him.
Manji is laid-back and carefree due to his immortal status, and often caught sleeping.
Manji doesn't like being immortal at all. He has a strange sense of true sword play in many ways similar to Itto-Ryu, a fighting-ethic.
Unknowing his master was enforcing his brutal rule on the local populace, later maji found out that his master was corrupt then he killed him. This unfortunately branded Manji an outlaw with a bounty on his head. He was now only known as Killer of 100.

Code:
[left]#value[/left]

10. Mem-format tulisan ditengah
Manji is a ronin samurai trying to atone for his sins. He has an unorthodox sense of justice about him.
Manji is laid-back and carefree due to his immortal status, and often caught sleeping.
Manji doesn't like being immortal at all. He has a strange sense of true sword play in many ways similar to Itto-Ryu, a fighting-ethic.
Unknowing his master was enforcing his brutal rule on the local populace, later maji found out that his master was corrupt then he killed him. This unfortunately branded Manji an outlaw with a bounty on his head. He was now only known as Killer of 100.

Code:
[center]#value[/center]

11. Mem-format tulisan rata kanan

Manji is a ronin samurai trying to atone for his sins. He has an unorthodox sense of justice about him.
Manji is laid-back and carefree due to his immortal status, and often caught sleeping.
Manji doesn't like being immortal at all. He has a strange sense of true sword play in many ways similar to Itto-Ryu, a fighting-ethic.
Unknowing his master was enforcing his brutal rule on the local populace, later maji found out that his master was corrupt then he killed him. This unfortunately branded Manji an outlaw with a bounty on his head. He was now only known as Killer of 100.

Code:
[right]#value[/right]

12. Membuat garis lurus horizontal

Who is Manji

Code:
[hr]
#value
[hr]

13. Customize ukuran Huruf

Who is Manji

Code:
[size=15pt]#value[/size]

Penjelasan:
size={value}

* variable yang di dalam kurung kurawal ({}) artinya bisa dirubah sesuai dengan kebutuhan.

14. Font face atau Typefontface (sengaja ngk di tulis dalam bahasa Indonesia, jadi ngk enak dibaca dan didengar nya)

Who is manji

Who is manji

Code:
[font=Verdana]#value[/font]

15. Memasukan file flash pada postingan

http://File

Code:
[flash=200,200]#value[/flash]

Penjelasan:

flash={width,height}

* variable yang di dalam kurung kurawal ({}) artinya bisa dirubah sesuai dengan kebutuhan.

16. Memasukan gambar

Code:
[img width=100 height=100]#value[/img]

Penjelasan:
img={properties}

17. Insert Hyperlink

Who is Manji

Code:
[url=https:manji.com]#value[/url]

Penjelasan:
url={alamat situs/halaman yang ingin dituju}

18. Insert E-mail

For the next step, Send me an email

Code:
[email]#value[/email]
email={alamat email}

19. Insert FTP

Code:
[ftp]#alamat FTP[/ftp]


20. Insert Table,Row, Coloumn

NoUid PasswordEmail
1XXX ****who@manji.com

Code:
[table]
[tr]
 [td]No[/td][td][/td][td]Uid[/td][td][/td][td] Password[/td][td][/td][td]Email[/td]
[/tr]
[tr]
 [td]1[/td][td][/td][td]XXX[/td][td][/td][td] ****[/td][td][/td][td]who@manji.com[/td]
[/tr]
[/table]

21. Tag Superscript

manji10

Code:
[sup]#value[/sup]


22. Tag Subscript

lihat kebawah10

Code:
[sub]#value[/sub]

23. teletype

who is manji who is manji who is manji who is manji who is manji

Code:
[tt]#value[/tt]

24. Insert Tag "code"

"
Code:
" and "
"

Note:
biasa nya digunakan untuk memasukan code pemograman, hal disini BBcode

25. Insert "quote"

Quote
Who is manji

Code:

[quote]#value[/quote]


26. Insert List

Ex:

These lists the account seller

Code:
[list=1]
[li]#value1[/li]
[li]#value2[/li]
[/list]

Note:
list= {#variable}

Exercise 1

Setelah mempelajari Basic dari tags BBcode, mari kita belajar tentang Mixing Tags dan disertai dengan contoh dan hasil pembuatan nya.

Buat template terlebih dahulu.

A. Header

Jika header yang digunakan Image maka terlebih dahulu upload image tersebut. saya menggunakan imgur.com

Code:
[center][img width=1000 height=500]https://i.imgur.com/TIC5H6y.jpg[/img][/center][br]
[center][size=15pt][b]Who Is Manji?[/b][/size][/center][hr]

B. Content1

Biasa nya content berisi tentang penjelasan dari apa yang ingin di sampaikan. contohnya, saya menjelaskan tentang karakter komik manji

Tags yang digunakan untuk mem-format tulisan menggunakan tags "left align", "size", dan "glow", "italiced", "sup", and "hyperlink"

Code:
[left]
[size=15pt]Manji[/size] is [u]a ronin samurai trying to atone for his sins. He has an unorthodox sense of justice about him[/u]. Manji is laid-back and carefree [i]due to his immortal status, and often caught sleeping[/i]. Manji doesn't like being immortal at all. He has a strange sense of true sword play in many ways similar to Itto-Ryu, a fighting-ethic. Unknowing his master was enforcing his brutal rule on the local populace, later maji found out that his master was corrupt then he killed him.  [glow=red,2,300]This unfortunately branded Manji an outlaw with a bounty on his head[/glow]. He was now only known as Killer of 100.

His role through the series[sup]1[/sup] is to serve as the bodyguard of Rin Asano and help her seek vengeance on Kagehisa Anotsu (who killed her father). With Anotsu's death, the series concludes and Manji and Rin part ways without really saying goodbye. Ninety years later, carrying a sword is illegal and Manji puts this life behind him for good in the hopes of trying to find a normal job only to be contacted by the same woman who gave his immortality, with a little girl who needs his protection. It turns out this girl is the granddaughter of Rin and when she gives him a gift from Rin that had been passed down to her, he agrees to protect her.
[/left]

C. Untuk Memisahkan antara Content2 dan Galery digunakan tag Horizontal Rule

Code:
[hr]
[center][color=green][size=15pt][b]Galery Of Manji[/b][/size][/color][/center][hr]
[center]

D. Content3 Galery berisi gambar-gambar dan menggunakan tags table,rows,coloumns baru serta formating text center

Code:
[hr]
[center][color=green][size=15pt][b]Galery Of Manji[/b][/size][/color][/center][hr]
[center]
[table]
[tr]
[td][/td][td][/td][td][img width=200 height=200]https://i.imgur.com/JzVvrGu.jpg[/img][/td]
[td][/td][td][/td][td][img width=200 height=200]https://i.imgur.com/pRC5lxq.jpg[/img][/td]
[td][/td][td][/td][td][img width=200 height=200]https://i.imgur.com/CzJtVgM.jpg[/img][/td]
[td][/td][td][/td][td][img width=200 height=200]https://i.imgur.com/FBnTgCS.jpg[/img][/td]
[/tr]
[/table]
[/center]
[hr]
[center]

E. Membuat footer menggunakan tags table, rows, coloumns baru serta menggunakan text formating center

Code:
[table]
[tr]
 [td]Created by [url=https://bitcointalk.org/index.php?action=profile;u=1310981][b]Manji[/b][/url] | Reference [url=https://comicvine.gamespot.com/manji/4005-45731/]https://comicvine.gamespot.com[/url][/td]
[/tr]
[/table]
[/center]

All Code:

Code:
[center][img width=1000 height=500]https://i.imgur.com/TIC5H6y.jpg[/img][/center][br]
[center][size=15pt][b]Who Is Manji?[/b][/size][/center][hr]

[left]
[size=15pt]Manji[/size] is [u]a ronin samurai trying to atone for his sins. He has an unorthodox sense of justice about him[/u]. Manji is laid-back and carefree [i]due to his immortal status, and often caught sleeping[/i]. Manji doesn't like being immortal at all. He has a strange sense of true sword play in many ways similar to Itto-Ryu, a fighting-ethic. Unknowing his master was enforcing his brutal rule on the local populace, later maji found out that his master was corrupt then he killed him.  [glow=red,2,300]This unfortunately branded Manji an outlaw with a bounty on his head[/glow]. He was now only known as Killer of 100.

His role through the series[sup]1[/sup] is to serve as the bodyguard of Rin Asano and help her seek vengeance on Kagehisa Anotsu (who killed her father). With Anotsu's death, the series concludes and Manji and Rin part ways without really saying goodbye. Ninety years later, carrying a sword is illegal and Manji puts this life behind him for good in the hopes of trying to find a normal job only to be contacted by the same woman who gave his immortality, with a little girl who needs his protection. It turns out this girl is the granddaughter of Rin and when she gives him a gift from Rin that had been passed down to her, he agrees to protect her.
[/left]
 
[hr]
[center][color=green][size=15pt][b]Galery Of Manji[/b][/size][/color][/center][hr]
[center]
[table]
[tr]
[td][/td][td][/td][td][img width=200 height=200]https://i.imgur.com/JzVvrGu.jpg[/img][/td]
[td][/td][td][/td][td][img width=200 height=200]https://i.imgur.com/pRC5lxq.jpg[/img][/td]
[td][/td][td][/td][td][img width=200 height=200]https://i.imgur.com/CzJtVgM.jpg[/img][/td]
[td][/td][td][/td][td][img width=200 height=200]https://i.imgur.com/FBnTgCS.jpg[/img][/td]
[/tr]
[/table]
[/center]
[hr]
[center]
[table]
[tr]
 [td]Created by [url=https://bitcointalk.org/index.php?action=profile;u=1310981][b]Manji[/b][/url] | Reference [url=https://comicvine.gamespot.com/manji/4005-45731/]https://comicvine.gamespot.com[/url][/td]
[/tr]
[/table]
[/center]