BBcodes tutorial (Para sa beginners)(UPDATED)

[AdoboCandies]

BBCODES TUTORIAL

-BBcode alam kong marami ng nakakaalam tungkol dito pero may iilan parin ang nahihirapan sa pag gamit ng BBcode tulad ng mga beginners o yung mga bago dito sa forum.
-Malaking tulong ito sa atin upang mas mapaganda pa natin ang kalidad ng ating posts at mas mukhang kaaya-aya at mas makakuha ng mga mambabasa sa ating susunod pang post.

ANG NASA TAAS AY ISANG HALIMBAWA NG PAGGAMIT NG BBCODE

Ano nga ba ang BBcode?
-Kapag ikaw ay gumagawa ng mga posts o reply dito sa forum, ang BBCode ay magagamit upang madagdagan ng adisyonal na itsura o syle at dagdag  format sa iyong posts. maaari mo itong gamitin upang magdagdag ng pa ng elements tulad ng YouTube video, imahe o larawan , list pati na rin ang table. maaari mong malagay BBCode tags sa pamamagitan ng pagpindot ng gusto mong BBcode.:




1. BOLD
- Ang BOLD ay ginagamit upang mahighlight ang isang partikular na salita, parirala o pangungusap o mas kumapal ang itsura ng font nito.

Code:

[b] #Word# [/b] -BOLD

Halimbawa

Code:

[b]I am Groot[/b]

- I am Groot



2. ITALICIZE
-magagamit ang ITALIC upang madagdagan ng style ang salita, parirala kahit na ang pangungusap at nagiging pahalang ang mga salita pag ginamit mo ito

Code:

[i] #Word# [/i] -ITALIC

Halimbawa

Code:

[i]I am Groot[/i]

- I am Groot



3. UNDERLINE
-magagamit naman ang underline kapag gusto mong lagyan ang isang partikular na salita, parirala o pangungusap ng salungguhit.

Code:

[u] #Word# [/u] -UNDERLINE

Halimbawa

Code:

[u]I am Groot[/u]

- I am Groot



4. STRIKETHROUGH
- ang STRIKETHROUGH naman ay ginagamit upang magkaroon ng salungguhit sa gitna ang mga salita.

Code:

[s] #Word# [/s] -STRIKETHROUGH

Halimbawa

Code:

[s]I am Groot[/s]

- I am Groot


5.BITCOIN SYMBOL
- ang BITCOIN SYMBOL naman ay simbolo ng bitcoin (syempre) na kadalasang ginagamit sa forum na ito.

Code:

[btc] -BITCOIN SYMBOL

Halimbawa

Code:

I got [btc]

- I got BTC


6. GLOW
- ang GLOW ay ginagamit kung gusto mong lagyan ng kulay ang mga salita o ang background nito maari kang pumili ng kahit anong kulay.

Code:

[glow=red,2,300] #Word# [/glow] -GLOW

Halimbawa

Code:

[glow=red,2,300]I am Groot[/glow]

- I am Groot

7. SHADOW
- Ang shadow naman ay parang glow din ito ay pangdagdag effects sa ginagawa mong salita, nagkakaroon ng parang anino sa likod ang mga salita na nilalagyan mo nito

Code:

[shadow=red,left] #Word# [/shadow] -SHADOW

Halimbawa

Code:

[shadow=red,left]I am Groot[/shadow]

I am Groot


8. PREFORMATTED TEXT
- Ang Preformatted Text naman ay para mapadali ang pagsasaayos ng mga salita kadalasan ginagamit ito sa pagsusulat ng mga liham upang magkaroon ng idensyon sa simula ng mga pangungusap.

Code:

[pre][/pre] -PREFORMATTED TEXT

Halimbawa

Code:

[pre]I am groot I am groot I am Groot I am Groot[/pre]

-

I am groot I am groot I am Groot I am Groot

9. LEFT ALIGNMENT
- Ang Left Alignment ay para mailagay ang mga salita, parirala o pangungusap sa kaliwang bahagi ng iyong sinusulatan.

Code:

[left][/left] -LEFT ALIGNMENT

Halimbawa

Code:

[left]I am Groot I am Groot I am Groot[/left]

-

I am Groot I am Groot I am Groot

10. CENTER ALIGNMENT[
-Ang Center Alignment ay para mailagay sa gitnang bahagi ng iyong sinusulatan ang mga salita parirala o pangungusap na iyong sinusulat.

Code:

[center][/center] -CENTER ALIGNMENT

Example

Code:

[center]I am Groot I am Groot I am Groot[/center]

-

I am Groot I am Groot I am Groot

11. RIGHT ALIGNMENT
- Ang Right Alignment ay para mailagay naman sa kanang bahagi ang mga salita, parirala o pangungusap ang iyong mga sinusulat.

Code:

[right][/right] -RIGHT ALIGNMENT

Example

Code:

[right]I am Groot I am Groot I am Groot[/right]

-

I am Groot I am Groot I am Groot

12. INSERT HR
- ang hr ay isang mahabang linya na ginagamit imbis na maglagay kapa ng walang katapusang underscore (ginagawa ko dati yun) ginagamit din tio upang mapaghiwalay ang mga parirala o pangungusap.

Code:

[hr]

Example

Code:

I am groot
[hr]
I am Groot

- I am groot
I am Groot


13. FONT SIZE
-Ang Font size ay ginagamit syempre upang mapalaki ang sukat ng mga letra.

Code:

[size= #Size# ][/size] -FONT SIZE

Halimbawa

Code:

[size=25pt]I am Groot[/size]

- I am Groot


14. FONTSTYLE
- ang Font Style naman ay ginagamit upang mapalitan ang itsura ng mga letra maaari kang pumili ng partikular na font style sa website na ito.

Code:

[font= #Font Style# ][/font] -FONT STYLE

Halimbawa

Code:

[font=Arial Narrow]I am Groot[/font]

-I am Groot


15. FONT COLOR
- Ang font color naman ay ginagamit upang mapalitan ang Kulay ng mga letra. maaari kang pumili sa kahit anong kulay na iyong nais.

Code:

[color= #Color# ][/color] -FONT COLOR

Halimbawa

Code:

[color=green]I am Groot[/color]

-I am groot



16. TABLE
- Ang table naman ay para makagawa ka ng isang organisadong lalagyan ng mga detalye o impormasyon.

Code:

[table][/table] -TABLE
[tr][/tr]
[td][/td]

Halimbawa

Code:

[table]
[tr]
[th]Name[/th]
[th]Age[/th]
[/tr]
[tr]
[td]Groot[/td]
[td]65[/td]
[/tr]
[tr]
[td]Groot[/td]
[td]5[/td]
[/tr]
[tr]
[td]Groot[/td]
[td]19[/td]
[/tr]
[/table]

Name	Age
Groot	65
Groot	5
Groot	19

17. QUOTE
- Ang quote naman ay ginagamit upang mailagay mo ang mga pinagsasabi ng mga miyembro at para maiwasan narin ang plagiarism.

Code:

[quote= #Author# ][/quote] -QUOTE

Halimbawa

Code:

[quote=Groot]I am groot[/quote]

-

I am groot

18. LIST
- Ang list naman ay kadalasang ginagamit upang makagawa ng organisadong listahan ng kung ano ano sa bullet type na pagkakasaayos.

Code:

[list] -LIST
[li][/li]
[li][/li]
[/list]

Halimbawa

Code:

       [size=15pt]Groot[/size]
-[list]
[li][size=15pt]I am Groot[/size][/li]
[li][size=15pt]I am Groot[/size][/li]
[/list]

Groot
-

• I am Groot
• I am Groot

19. INSERT FLASH
- Ang Insert Flash ay ginagamit upang ikaw ay makapaglagay ng video na may partikular na format (sa tingin ko hindi pinahihintulutan ng moderator ang paggamit ng video o flash.

Code:

[flash= #Size# ][/flash] -FLASH

Halimbawa


20. INSERT IMAGE
- Syempre ang Insert Image naman ay ginagamit upang maglagay ng picture na may partikular na format gamit ang iba't ibang image hosting sites

Code:

[img][/img] -IMAGE

Halimbawa

Code:

[img]https://i.imgur.com/g4JL4Yp.jpg[/img]

-Pwede mo ring paliitin o palakihan ang imahe gamit ang paglalagay ng width at height.

Code:

[img width=# height=#] #URL# [/img]

Halimbawa

Code:

[img width=100 height=100]https://i.imgur.com/g4JL4Yp.jpg[/img]

-


21. INSERT HYPERLINK
- Ang Insert Hyperlink naman ay ginagamit upang malagay ng URL o site at upang madirekta sa site ang pipindot nito.

Code:

[url] #Site# [/url] -URL

Halimbawa

Code:

[url]http://www.y8.com/[/url]
[url]http://www.friv.com/[/url]

http://www.y8.com/
http://www.friv.com/

-pwede ka ring maglagay ng url sa isang salita at madidirect na ito sa url na inilagay mo.

Code:

[url= #URL# ] #Word# [/url]

Halimbawa

Code:

[url=https://res.cloudinary.com/teepublic/image/private/s--G9XJVJAh--/t_Preview/b_rgb:191919,c_limit,f_jpg,h_630,q_90,w_630/v1446164971/production/designs/77856_0.jpg]Groot[/url]

-Groot


22. INSERT EMAIL
-Ang Insert Email naman ay ginagamit upang maglagay ng email.

Code:

[email]#Email# [/email] -EMAIL

Halimbawa

Code:

[email]utoy123@gmail.com[/email]

utoy123@gmail.com


22. INSERT FTP
- Ang Insert Ftp naman ay para ring url.
http://www.friv.com/

Code:

[ftp][/ftp]

Halimbawa

Code:

[ftp]https://www.facebook.com/[/ftp]

-https://www.facebook.com/


23. SUPERSCRIPT
- Ang superscript ay ginagamit kung gusto mong magkaroon ng numerong maliit sa ibabaw ng iyong letra o isa pang numero tulad ng mga squared numbers.

Code:

[sup][/sup]

Halimbawa

Code:

2[sup]2[/sup] x 3[sup]3[/sup]
3[sup]st[/sup] Place

-2² x 3³
-3^st Place
hahahahah gets nyo?


24. SUBSCRIPT
-Ang Subscript ay ginagamit kung gusto mong magkaroon ng maliit na numero o kahit letra sa baba ng letra o isa pang numero.

Code:

[sub][/sub]

Halimbawa

Code:

H[sub]2[/sub]O[sub]2[/sub]
5[sub]st[/sub] Place

-H₂O₂
-5_st Place
hahahahah gets nyo ulit?


25. TELETYPE
-Ang Teletype naman ay ginagamit upang mapaliit ang mga letra.

Code:

[tt][/tt]

Halimbawa

Code:

[tt]I am Groot[/tt]

I am Groot


Update

Use online an online BB Code WYSIWYG service like BB Code Editor

Makes you able to post stuff like

HELLO WORLD

Ha achievement 2 days ko lang ginawa to

Sources
https://www.phpbb.com/community/viewtopic.php?t=405994
https://www.bbcode.org/reference.php
http://gtaforums.com/topic/281605-all-your-bb-code-needs/
http://www.phpbb3bbcodes.com/viewforum.php?f=1
https://c-command.com/forums/misc.php?do=bbcode
https://myanimelist.net/forum/?topicid=398185
http://www.solveigmm.com/forum/index.php?action=help;area=bbcode

[BlackMambaPH]

Kala kung ano. Misleading yung title thread mo sir. Okay na sana yung laman ng thread kaso yung title naman. Hopefully wag madelete tong post mo kasi sayang naman kung madedelete lang. I am a signature designer na pwedeng contribute dito just in case na may katanungan yung mga kababayan natin about BB Codes

[npredtorch]

Nice tutorial, talagang pinaglaanan ng oras at pagod. +2 merit OP, pa isa isa or dalawa lang ako mag merit ha, para maspread ko pa sa iba. Salamat!

@ChardsElican28,
I suggest na iedit mo yung post mo. Wag mo iquote yung main post lalo na at napakahaba. Sayang oras sa pagscroll

[Chyzy101]

maraming salamat brother sa bnigay mong information malaking tulong. bago lang din ako kaya hindi ko pa alam ang mga ganyang code. magagamit ko siguro yan kapag may maganda ganda na akong post. baka naman kasi mag mukhang maganda lang ang post ko pero wala naman content na maganda. importante padin ang content ng post natin

[YouShallNotPass]

How about those complex bbcodes ? Just like on the signatures, any idea how to do it ?

[AdoboCandies]

How about those complex bbcodes ? Just like on the signatures, any idea how to do it ?

Gagawa po ako ng bagong post para dun

[darkangelosme]

Kala kung ano. Misleading yung title thread mo sir. Okay na sana yung laman ng thread kaso yung title naman. Hopefully wag madelete tong post mo kasi sayang naman kung madedelete lang. I am a signature designer na pwedeng contribute dito just in case na may katanungan yung mga kababayan natin about BB Codes

Tama ka sir sana nga di madelete tong thread napaka informative din naman kasi kahit pa may pagka off topic sa bitcoin, balak ko rin kasi matuto balang araw about jan sa bb code yan. Wag na sana tong e delete ng mods natin. Pedeng e lock nalang nila kung bawal talaga  .

[zhinaivan]

Malaki ang tulong nito lalo na sa akin dahil ni wala akong idea kung ano ang
BBcodes hindi ko nga ito nagagamit dahil sa thread na ito ay nagkaroon ako ng idea about dito marami pong salamat sana mapalawak pa itong kaalamanan nito sa forum.

[ruthbabe]

16. TABLE
- Ang table naman ay para makagawa ka ng isang organisadong lalagyan ng mga detalye o impormasyon.

Code:

[table][/table] -TABLE
[tr][/tr]
[td][/td]

Halimbawa

Code:

[table]
[tr]
[th]Name[/th]
[th]Age[/th]
[/tr]
[tr]
[td]Groot[/td]
[td]65[/td]
[/tr]
[tr]
[td]Groot[/td]
[td]5[/td]
[/tr]
[tr]
[td]Groot[/td]
[td]19[/td]
[/tr]
[/table]

Name	Age
Groot	65
Groot	5
Groot	19

Congratulations, kabayan... ang galing mo. Matanong ko lang, ilan ba ang limit ng Table? May ginawa ako pero minsan di ko na siya madagdan at kapag i-preview ko ito ang lumalabas, INVALID BBCODE: loop, probably unclosed tags

Naka-depende ba yan sa lines o sobra na ang nailagay ko dito, https://bitcointalk.org/index.php?topic=3350805.0

Kaya, gumawa ako ng panibago para kakaunti lang ng linya, https://bitcointalk.org/index.php?topic=4046878.0

[AdoboCandies]

Congratulations, kabayan... ang galing mo. Matanong ko lang, ilan ba ang limit ng Table? May ginawa ako pero minsan di ko na siya madagdan at kapag i-preview ko ito ang lumalabas, INVALID BBCODE: loop, probably unclosed tags

Naka-depende ba yan sa lines o sobra na ang nailagay ko dito, https://bitcointalk.org/index.php?topic=3350805.0

Kaya, gumawa ako ng panibago para kakaunti lang ng linya, https://bitcointalk.org/index.php?topic=4046878.0

Mahirap yang ginagawa mo kabayan sobrang habang table Hahahahahha ang tiyaga mo po pero kung suto mo meron namang table code generator tool sobrang dali lang eto ang halimbawa ng sites na makakatulong sayo
http://truben.no/table/
http://www.teamopolis.com/tools/bbcode-table-generator.aspx
pero mas maganda yung pangalawa ang gagawin mo lang ay iinput mo ang mga infos tapos sa header palitan mo nalang yung TH ng TD para gumana.

[Insanerman]

Salamat sa post at mga links (sources) na prinovide mo. May nakita din akong tutorial about BBcodes tutorial.
https://bitcointalk.org/index.php?topic=1727100.0
I hope na makatulong din sa iyo at sa mga nakararaming kabayan sa atin. Isa din itong magandang source ng extra income kung halimbawang matutuhan natin yung paggawa ng ganito. Mas okay kung mapag-aralan na at makagawa ng sample for future use.

[joshb028]

Isa na namang napakaraming impormasyon tungkol sa bitcoin. Ngayon ko lang nalaman ang mga terms na to. At ito talaga yung hinihintay ko kasi gusto kong gawing kaayaya ang aking mga posts. Magandang tulong ito para makapag rank up at tuluyang maging miyembro ng bitcoin talk. Sana mabasa ito ng karamihan

[totoy4741]

Malaking ruling to sir lalo nasa sa mga baguhin at yung gusto mapaganda yung reporting nila sa bounty campaigns nila. Mas lalo ng nmagiging organise at pleasant sa mata tignan.

[micko09]

grabe sa effort ang ginawa mo kapatid para sa thread na to, sobrang haba at madetails ung ginawa mo para isa isahin ung mga codes hahaha, nung una naconfused ako sa pag iinsert ng picture dito sa comment/post dito sa forum, kala ko nung una direct upload na , un pala kukunin pa ung link ng photo para mag appear. haha naalala ko lang bigla ung exploring days ko dito sa forum

[Lalaspace143]

Akala ko po kung anong thread na ito na BB codes. Na-curious tuloy ako. Pero salamat po sa pag-share ng tungkol sa BB codes na ito. Pero pwede po ba itong gamitin na kahit na sino at kahit saang forum? Hindi po ba ito ang maging dahilan para i-ban ka sa mga forum?

[JennetCK]

Pwede ba nating ihalintulad ang BBCode sa HTML? Kasi kung titignan yung mga codes na ginamit, halos pareho lang din. Just asking lang naman pero thank you sa impormasyon na ito. Pag-aaralan ko ng mabuti ito, magagamit ko rin naman ito e. Malay mo, maging isang magaling na signature designer ako, kumita pa ko ng exta. Hehehe. Salamat dito kapatid! Keep it up!