Penulis Topik: Panduan Menulis BBCode  (Dibaca 367 kali)

Iris

  • Pro
  • *
  • Level: 12
  • Halo semua!
22 Maret 2016, 03:01:43
Panduan menulis menggunakan BBCode

Hai, di sini saya akan mengajarkan cara menulis dengan style menggunakan BBCode khususnya bagi yang belum pernah menggunakan forum sebelumnya.

Pada dasarnya tulisan yang hendak diberi style harus diapit dengan BBCode.

Misalnya:
Untuk memberi style tebal (bold) pada tulisan kucing, kamu cukup menulis [b]kucing[/b]

ATAU

dengan menyeleksi tulisan kucing tersebut


lalu menekan tombol B seperti pada gambar di bawah ini:



1. Style Dasar

Style dasar yang sering digunakan ialah:

[b]bold[/b] = bold
[i]italic[/i] = italic
[u]underline[/u] = underline
[s]strike/coret[/s] = strike/coret
[color=blue]color[/color] = color
[font=comic sans ms]font comic sans ms[/font] = font comic sans ms
[size=20pt]size 20pt[/size] = size 20pt

Kamu juga dapat menggabungkan semuanya seperti ini:

[b][i][u][s][color=blue][font=comic sans ms][size=20pt]bold italic underline strike blue comic sans ms 20pt[/size][/font][/color][/s][/u][/i][/b]

Hasilnya:

bold italic underline strike blue comic sans ms 20pt


2. Memposisikan Tulisan

Kamu juga dapat memposisikan tulisan ke tengah-tengah layar dengan menggunakan tag seperti ini:
[center]Tulisan ini letaknya di tengah[/center]

Tulisan ini letaknya di tengah

Atau di kanan seperti ini: [right]Tulisan ini letaknya di kanan[/right]

Tulisan ini letaknya di kanan

Perlu diingat bahwa tag [center] dan [right] harus diletakkan pada sisi terluar apabila dikombinasikan dengan tag lainnya, contohnya:

[center][size=15pt][b]Ini penggunaan yang benar[/b][/size][/center]

Hasilnya:

Ini penggunaan yang benar

Apabila tidak ditulis pada sisi terluar seperti ini:

[size=15pt][center][b]Ini penggunaan yang salah[/b][/center][/size]

Maka hasilnya:

Ini penggunaan yang salah
[/size]

Perhatikan tag [size=15pt] nya tidak berjalan semestinya dan terdapat sisa [/size] di bawahnya.


3. Menaruh Gambar

Cara terbaik untuk menaruh gambar ke dalam postingan kamu adalah dengan mengunjungi situs www.tinypic.com, kemudian meng-upload gambar kamu ke sana, kemudian meng-copy & paste kolom IMG Code for Forums & Message Boards seperti ini:

[IMG]http://i63.tinypic.com/2rqkahu.png[/IMG]

Hasilnya:




4. Menaruh Video

Menaruh video dari situs streaming populer seperti YouTube dan lain-lain ke dalam postingan kamu sangat mudah di sini, yaitu kamu cukup meng-copy & paste alamat (URL) videonya saja seperti ini:

https://www.youtube.com/watch?v=4gK7k72Ni_c

Hasilnya:




5. Menaruh Audio Dari SoundCloud

Untuk menaruh audio dari situs streaming SoundCloud memerlukan tag ekstra, yaitu:

[soundcloud]taruh URL lagu SoundCloud di sini[/soundcloud]

Hasilnya:



Atau

[cloudset]taruh URL track set SoundCloud di sini[/cloudset]

Hasilnya:




6. Membuat Daftar (List)

Membuat daftar dengan nomor urut dapat dilakukan dengan tag seperti ini:

Daftar anggota:
[list type=decimal]
[li]Budi[/li]
[li]Ibu Budi[/li]
[li]Ibu Guru[/li]
[li]Guru[/li]
[/list]

Hasilnya:

Daftar anggota:
  • Budi
  • Ibu Budi
  • Ibu Guru
  • Guru
Membuat daftar tanpa nomor urut dapat dilakukan dengan tag seperti ini:

Daftar anggota:
[list]
[li]Budi[/li]
[li]Ibu Budi[/li]
[li]Ibu Guru[/li]
[li]Guru[/li]
[/list]

Hasilnya:

Daftar anggota:
  • Budi
  • Ibu Budi
  • Ibu Guru
  • Guru

7. Menaruh Link (URL)

Pada dasarnya kamu dapat menaruh link hanya dengan meng-copy paste URL nya langsung ke dalam postingan, namum kamu juga dapat menaruh link tersebut dalam bentuk gambar maupun tulisan.

Caranya:

[url=mmoindo.club][img]http://i63.tinypic.com/2rqkahu.png[/img][/url]

Hasilnya:



Atau

[url=mmoindo.club]Kunjungi Mmoindo.club[/url]

Hasilnya:

Kunjungi Mmoindo.club


8. Menaruh Quote (Kutipan)

Untuk mengutip kata-kata seseorang, gunakan tag quote seperti contoh berikut ini:

[quote=Bill Gates]If you can't make it good, at least make it look good.[/quote]

Hasilnya:

Quote dari: Bill Gates
If you can't make it good, at least make it look good.


9. Menggunakan Spoiler

Spoiler bertujuan untuk menutupi sebagian elemen di dalam postingan kamu, biasanya untuk menghindari orang lain yang tidak ingin membacanya membaca secara langsung. Contohnya: jalan cerita sebuah film, atau hasil pertandingan olahraga, dan lain-lain.

Cara penggunaannya seperti biasa, apit bagian yang hendak ditutupi dengan menggunakan tag [spoiler][/spoiler]

Contoh:

[spoiler=episode 5]Akhirnya dia mati[/spoiler]

Hasilnya:

episode 5
Akhirnya dia mati


10. Membuat Tabel

Kamu dapat membuat tabel sederhana seperti ini:

baris 1 kolom 1kolom 2kolom 3kolom 4kolom 5
baris 2 kolom 1kolom 2kolom 3kolom 4kolom 5
baris 3 kolom 1kolom 2kolom 3kolom 4kolom 5

Caranya:

[table]
[tr]
[td]baris 1 kolom 1[/td] [td]kolom 2[/td] [td]kolom 3[/td] [td]kolom 4[/td] [td]kolom 5[/td]
[/tr]
[tr]
[td]baris 2 kolom 1[/td] [td]kolom 2[/td] [td]kolom 3[/td] [td]kolom 4[/td] [td]kolom 5[/td]
[/tr]
[tr]
[td]baris 3 kolom 1[/td] [td]kolom 2[/td] [td]kolom 3[/td] [td]kolom 4[/td] [td]kolom 5[/td]
[/tr]
[/table]


11. Menggerakkan postingan

Tag [move][/move] berfungsi untuk menggerakkan elemen pada postingan kamu.

Contohnya:

[move][img]http://i63.tinypic.com/2rqkahu.png[/img] Breaking News: baru saja terjadi kejadian yang sangat lucu, yaitu seseorang sedang membaca tulisan berjalan ini dengan sabar. Terima kasih.[/move]

Hasilnya:

Breaking News: baru saja terjadi kejadian yang sangat lucu, yaitu seseorang sedang membaca tulisan berjalan ini dengan sabar. Terima kasih.


12. NOBBC

Fungsi tag [nobbc][/nobbc] ini untuk menghindari tulisan yang mungkin tidak sengaja mengandung kode BBCode di dalamnya diubah secara otomatis oleh sistem. Fungsi ini juga saya gunakan untuk menulis panduan ini, dimana saya dapat menulis kode BBC dan tetap terlihat oleh pembaca.

Caranya seperti biasa, apit kode BBC dengan tag [nobbc][/nobbc]

Contohnya:

[nobbc][color=red]tulisan ini tidak berubah warna menjadi merah karena fungsi BBCode dimatikan dengan tag nobbc[/color][/nobbc]



Sekian panduan menulis BBCode dari saya, jangan lupa membaca panduan lainnya.

Terima kasih telah menjaga persahabatan di dalam forum!

 
About | Contact | © 2015-2016 MMOindo.club All Rights Reserved.