BB codes

  • [B], [I], [U], [S] - Bold, italics, underline, and strike-through

    Makes the wrapped text bold, italic, underlined, or struck-through.
    Example:
    This is [B]bold[/B] text.
    This is [I]italic[/I] text.
    This is [U]underlined[/U] text.
    This is [S]struck-through[/S] text.
    Output:
    This is bold text.
    This is italic text.
    This is underlined text.
    This is struck-through text.
  • [COLOR=color], [FONT=name], [SIZE=size] - Text Color, Font, and Size

    Changes the color, font, or size of the wrapped text.
    Example:
    This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
    This is [FONT=Courier New]Courier New[/FONT] text.
    This is [SIZE=1]small[/SIZE] and [SIZE=7]big[/SIZE] text.
    Output:
    This is red and blue text.
    This is Courier New text.
    This is small and big text.
  • [URL], [EMAIL] - Linking

    Creates a link using the wrapped text as the target.
    Example:
    [URL]https://www.example.com[/URL]
    [EMAIL]example@example.com[/EMAIL]
    Output:
  • [URL=link], [EMAIL=address] - Linking (Advanced)

    Links the wrapped text to the specified web page or email address.
    Example:
    [URL=https://www.example.com]Go to example.com[/URL]
    [EMAIL=example@example.com]Email me[/EMAIL]
    Output:
  • [USER=ID] - Profile Linking

    Links to a user's profile. This is generally inserted automatically when mentioning a user.
    Example:
    [USER=1]Username[/USER]
    Output:
  • [IMG] - Image

    Display an image, using the wrapped text as the URL.
    Example:
    [IMG]https://id.shopengineers.com/data/assets/logo/apple-touch-icon.png[/IMG]
    Output:
    apple-touch-icon.png
  • [MEDIA=site] - Embedded Media

    Embeds media from approved sites into your message. It is recommended that you use the media button in the editor tool bar.
    Approved sites: ABC News, Acast, Anchor, Apple Music, Apple Podcasts, Audioboom, Audiomack, Audius, Bandcamp, BBC News, BitChute, Bluesky, Brightcove, Bunny Stream, Captivate, Castos, CBS News Video, Clyp, CNBC, CNN, CNNMoney, CodePen, Comedy Central, Coub, Dailymotion, Democracy Now!, dumpert, 8tracks, ESPN, Facebook, Falstad Circuit Simulator, Flickr, Fox News, Funny or Die, Gamespot, Getty Images, Gifs.com, GIPHY, GitHub Gist, Global News, GoFundMe, Google Drive, Google+, Google Sheets, Hudl, Hulu, IGN, IMDb trailers, Imgur, Indiegogo, Instagram, Internet Archive, İzlesene, JSFiddle, JW Platform, Kaltura, Kontinental Hockey League (КХЛ), Kickstarter, Libsyn, Liveleak, Livestream, Mail.Ru, Mastodon, Medium, Megaphone, Metacafe, Mixcloud, MLB, MRCTV, MSNBC, Nacho Video, National Geographic Channel, National Geographic Video, NBC News, NHL Videos and Highlights, NPR, The New York Times Video, Odysee, On3 DB, Orfium, Pastebin, Pinterest, Podbean, Prezi, Reddit threads and comments, Rumble, Rutube, Scribd, Sendvid, SlideShare, SoundCloud, Sporcle, Sportsnet, Spotify, Spreaker, Steam store, Straw Poll, Streamable, Team Coco, TED Talks, Telegram, The Atlantic Video, The Guardian (obsolete), The Onion, Threads, TikTok, TMZ, TradingView, Trailer Addict, Trending Views, Tumblr, 247Sports, Twitch, X, Ustream, VBOX7, Veoh, Vevo, Video Detective, Vimeo, Vine, VK, Vocaroo, Vox, Washington Post Video, Wavekit, Wistia, WorldStarHipHop, The Wall Street Journal Online, GameClips.io, Gamer DVR, XenForo, Youku, YouMaker, YouTube
    Example:
    [MEDIA=youtube]kQ0Eo1UccEE[/MEDIA]
    Output:
    An embedded YouTube player would appear here.
  • [LIST] - Lists

    Displays a bulleted or numbered list.
    Example:
    [LIST]
    [*]Bullet 1
    [*]Bullet 2
    [/LIST]
    [LIST=1]
    [*]Entry 1
    [*]Entry 2
    [/LIST]
    Output:
    • Bullet 1
    • Bullet 2
    1. Entry 1
    2. Entry 2
  • [LEFT], [CENTER], [RIGHT] - Text alignment

    Changes the alignment of the wrapped text.
    Example:
    [LEFT]Left-aligned[/LEFT]
    [CENTER]Center-aligned[/CENTER]
    [RIGHT]Right-aligned[/RIGHT]
    Output:
    Left-aligned​
    Center-aligned​
    Right-aligned​
  • [QUOTE] - Quoted text

    Displays text that has been quoted from another source. You may also attribute the name of the source.
    Example:
    [QUOTE]Quoted text[/QUOTE]
    [QUOTE=A person]Something they said[/QUOTE]
    Output:
    Quoted text
    A person said:
    Something they said
  • [SPOILER] - Text containing spoilers

    Hides text that may contain spoilers so that it must be clicked by the viewer to be seen.
    Example:
    [SPOILER]Simple spoiler[/SPOILER]
    [SPOILER=Spoiler Title]Spoiler with a title[/SPOILER]
    Output:
    Simple spoiler
    Spoiler with a title
  • [ISPOILER] - Inline text containing spoilers

    Allows you to display text inline among normal content which hides text that may contain spoilers and must be clicked by the viewer to be seen.
    Example:
    You have to click the following [ISPOILER]word[/ISPOILER] to see the content.
    Output:
    You have to click the following word to see the content.
  • [CODE] - Programming code display

    Displays text in one of several programming languages, highlighting the syntax where possible.
    Example:
    General code:
    [CODE]General
    code[/CODE]

    Rich code:
    [CODE=rich][COLOR=red]Rich[/COLOR]
    code[/CODE]

    PHP code:
    [CODE=php]echo $hello . ' world';[/CODE]

    JS code:
    [CODE=javascript]var hello = 'world';[/CODE]
    Output:
    General code:
    Code:
    General
    code

    Rich code:
    Rich (BB code):
    Rich
    code

    PHP code:
    PHP:
    echo $hello . ' world';

    JS code:
    JavaScript:
    var hello = 'world';
  • [ICODE] - Inline programming code display

    Allows you to display code inline among normal post content. Syntax will not be highlighted.
    Example:
    Inline code sections [ICODE]are a convenient way[/ICODE] of displaying code inline.

    Rich formatting within inline code sections [ICODE=rich]is [COLOR=red]also[/COLOR] [U]supported[/U][/ICODE].
    Output:
    Inline code sections are a convenient way of displaying code inline.

    Rich formatting within inline code sections is also supported.
  • [INDENT] - Text indent

    Indents the wrapped text. This can be nested for larger indentings.
    Example:
    Regular text
    [INDENT]Indented text[/INDENT]
    [INDENT=2]More indented[/INDENT]
    Output:
    Regular text
    Indented text​
    More indented​
  • [TABLE] - Tables

    Special markup to display tables in your content.
    Example:
    [TABLE]
    [TR]
    [TH]Header 1[/TH]
    [TH]Header 2[/TH]
    [/TR]
    [TR]
    [TD]Content 1[/TD]
    [TD]Content 2[/TD]
    [/TR]
    [/TABLE]
    Output:
    Header 1Header 2
    Content 1Content 2
  • [HEADING=level] - Headings levels 1 to 3

    Marks text as a structured heading to facilitate machine readability.
    Example:
    [HEADING=1]Major heading[/HEADING]
    This text comes under a major heading, used to separate the primary sections of an article.

    [HEADING=2]Minor heading[/HEADING]
    When you need to subdivide the primary sections of an article, use a level 2 minor heading.

    [HEADING=3]Subheading[/HEADING]
    If you require additional subdivision, you may drop to level 3.
    Output:

    Major heading​

    This text comes under a major heading, used to separate the primary sections of an article.

    Minor heading​

    When you need to subdivide the primary sections of an article, use a level 2 minor heading.

    Subheading​

    If you require additional subdivision, you may drop to level 3.
  • [PLAIN] - Plain text

    Disables BB code translation on the wrapped text.
    Example:
    [PLAIN]This is not [B]bold[/B] text.[/PLAIN]
    Output:
    This is not [B]bold[/B] text.
  • [ATTACH] - Attachment insertion

    Inserts an attachment at the specified point. If the attachment is an image, a thumbnail or full size version will be inserted. This will generally be inserted by clicking the appropriate button.
    Example:
    Thumbnail: [ATTACH]123[/ATTACH]
    Full size: [ATTACH=full]123[/ATTACH]
    Output:
    The contents of the attachments would appear here.
  • [ACCORDION] - ACCORDION

    Create content that can be opened and closed.
    Example:
    [ACCORDION title="Accordion Title"]This is the accordion content.[/ACCORDION]
    Output:
    [ACCORDION title="Accordion Title"]This is the accordion content.[/ACCORDION]
  • [ALERT] - ALERT

    Displays an alert message.
    Example:
    [ALERT]This is an alert message![/ALERT]
    Output:
    This is an alert message!
  • [AMS=option] - AMS: Article | Page | Series embed

    BB code for displaying articles, article pages and series
    Example:
    [AMS=article, X]AMS Article BB Code[/AMS]
    Output:
    [AMS=article, X]AMS Article BB Code[/AMS]
  • [AUDIO] - AUDIO

    Embed audio player.
    Example:
    [AUDIO]https://example.com/audio.mp3[/AUDIO]
    Output:
  • [BLINK] - BLINK

    Makes the text blink (not recommended as it is annoying).
    Example:
    [BLINK]This text blinks.[/BLINK]
    Output:
    This text blinks.
  • [BUTTON] - Button

    Button Click
    Example:
    [BUTTON url="https://example.com"]Click me[/BUTTON]
    Output:
    [BUTTON url="https://example.com"]Click me[/BUTTON]
  • [CHARGE=option] - Charge

    Charging users to view your content.
    Example:
    [CHARGE=5]It costs 5 credits to see this text.[/CHARGE]
    Output:
    It costs 5 credits to see this text.
  • [CODEPENS] - CODEPEN

    Embed a project from CodePen.
    Example:
    [CODEPENS]https://codepen.io/username/pen/PEN_ID[/CODEPENS]
    Output:
  • [COUNTDOWN] - COUNTDOWN

    Displays a countdown timer.
    Example:
    [COUNTDOWN date="2023-12-31 23:59:59"]Time remaining:[/COUNTDOWN]
    Output:
    [COUNTDOWN date="2023-12-31 23:59:59"]Time remaining:[/COUNTDOWN]
  • [EDIT] - Edit

    Edit
    Example:
    [edit]Text here...[/edit]
    Output:
    Edit: Text here...
  • [ERROR] - ERROR

    ERROR Notification on post
    Example:
    [error]This is error message!.[/error]
    Output:
    This is error message!.
  • [FACEBOOK] - FACEBOOK

    Embed posts from Facebook.
    Example:
    [FACEBOOK]https://www.facebook.com/username/posts/1234567890[/FACEBOOK]
    Output:
  • [FONTCHANGER] [FONTCHANGER=option] - Font Changer

    Allows users to choose a custom font for their text.
    Example:
    [fontchanger]Your Text/fontchanger]
    Output:
    A preview of the text will appear here.
  • [GALLERY=option] - Gallery embed

    BB code for displaying gallery media items and albums.
    Example:
    [GALLERY=media, X]Gallery BB Code[/GALLERY]
    Output:
    [GALLERY=media, X]Gallery BB Code[/GALLERY]
  • [GANALYTICS] - Google Analytics Embed

    Embedding data from Google Analytics.
    Example:
    [GANALYTICS]https://analytics.google.com/...[/GANALYTICS]
    Output:
  • [GANGULAR] - Google Angular Embed

    Embed a project from Google Angular.
    Example:
    [GANGULAR]https://angular.io/...[/GANGULAR]
    Output:
  • [GARTS] - Google Arts & Culture Embed

    Embedding content from Google Arts & Culture.
    Example:
    [GARTS]https://artsandculture.google.com/...[/GARTS]
    Output:
  • [GBOOKS] - Google Books Embed

    Embed books from Google Books.
    Example:
    [GBOOKS]https://books.google.com/...[/GBOOKS]
    Output:
  • [GCALENDAR] - GCALENDAR

    Embed Google calendar.
    Example:
    [GCALENDAR]https://calendar.google.com/calendar/embed?src=...[/GCALENDAR]
    Output:
  • [GCLOUD] - Google Cloud Embed

    Embed services from Google Cloud.
    Example:
    [GCLOUD]https://cloud.google.com/...[/GCLOUD]
    Output:
  • [GDOCS] - GDOCS

    Embed a Google Docs document.
    Example:
    [GDOCS]https://docs.google.com/document/d/...[/GDOCS]
    Output:
  • [GEARTH] - Google Earth Embed

    Embed a view from Google Earth.
    Example:
    [GEARTH]https://earth.google.com/...[/GEARTH]
    Output:
  • [GFIREBASE] - Google Firebase Embed

    Embed a project from Google Firebase.
    Example:
    [GFIREBASE]https://firebase.google.com/...[/GFIREBASE]
    Output:
  • [GFLUTTER] - Google Flutter Embed

    Embedding projects from Google Flutter.
    Example:
    [GFLUTTER]https://flutter.dev/...[/GFLUTTER]
    Output:
  • [GMAPSDIR] - Google Maps Directions

    Embed directions from Google Maps.
    Example:
    [GMAPSDIR]https://www.google.com/maps/dir/...[/GMAPSDIR]
    Output:
  • [GMYMAPS] - Google My Maps Embed

    Embed a map from Google My Maps.
    Example:
    [GMYMAPS]https://www.google.com/maps/d/...[/GMYMAPS]
    Output:
  • [GPHOTOS] - Google Photos Album Embed

    Pin an album from Google Photos.
    Example:
    [GPHOTOS]https://photos.google.com/album/...[/GPHOTOS]
    Output:
  • [GQUIZ] - Google Forms Quiz

    Embedding quizzes from Google Forms.
    Example:
    [GQUIZ]https://docs.google.com/forms/d/...[/GQUIZ]
    Output:
  • [GROUP=option] - Embed groups

    Display specific group information.
    Example:
    [GROUP]123[/GROUP]
    Output:
    The information of group would appear here.
  • [HELP] - Help

    Help - Staff only
    Example:
    [help]Text here...[/help]
    Output:
    Help
    Text here...
  • [HIGHLIGHT] - HIGHLIGHT

    Highlight text with a specific color.
    Example:
    [HIGHLIGHT]This text is highlighted.[/HIGHLIGHT]
    Output:
    This text is highlighted.
  • [HR] - HR

    Adding a dividing line.
    Example:
    [HR]
    Output:
  • [HTMLLOOK] - Html Viewer

    Html Viewer
    Example:
    [htmlviewer]
    Output:
    [htmlviewer]
  • [HTMLVIEW] - Html View

    View HTML Script Code
    Example:
    [htmlview]

    Hello World


    Ini contoh dengan HTML.


    [/htmlview]
    Output:
    {text|escape}
    {text|raw}
  • [ICON] - ICON

    Displays the Font Awesome icon.
    Example:
    [ICON]fa-star[/ICON]
    Output:
  • [IMGCAP] - IMGCAP

    Displays images with captions.
    Example:
    [IMGCAP]https://example.com/image.jpg|This is the caption.[/IMGCAP]
    Output:
    Gambar
    https://example.com/image.jpg|This is the caption.
  • [IMPORTANT] - Important

    Important - Staff only
    Example:
    [important]Text[/important]
    Output:
    Important
    Text
  • [INFO] - Information

    Information - Staff only
    Example:
    [info]Text here...[/info]
    Output:
    Info
    Text here...
  • [INSTAGRAM] - INSTAGRAM

    Embed posts from Instagram.
    Example:
    [INSTAGRAM]https://www.instagram.com/p/ABC123/[/INSTAGRAM]
    Output:
  • [IPHONE] - iphone emulator

    IPHONE Website view in Emulator
    Example:
    [iphone]example.com[/iphone]
    Output:
  • [ITDPDF] [ITDPDF=option] - [ITD] Embedded PDF

    Embed all online readable PDF files in to your board via custom BB Code.
    Example:
    [URL='?'][ITDPDF]?[/ITDPDF][/URL] (Replace both ? with PDF link)
    Output:
    The contents of the PDF would appear here.
  • [LD=option] - Link Directory: Item embed

    BB code for displaying link directory items
    Example:
    [LD=item, X]Link Directory Item BB Code[/LD]
    Output:
    [LD=item, X]Link Directory Item BB Code[/LD]
  • [MAPS] - MAPS

    Embed Google Maps.
    Example:
    [MAPS]https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d...[/MAPS]
    Output:
  • [MARQUEE] - MARQUEE

    Create moving text (marquee).
    Example:
    [MARQUEE]This text moves.[/MARQUEE]
    Output:
    This text moves.
  • [MOBILEURL] - Mobile View

    Can View Website on Mobile emulator
    Example:
    [mobile url="" device="android"]
    Output:
    [mobile url="" device="android"]
  • [MP3] - Mp3

    Mp3
    Example:
    [music]example.mp3[/music]
    Output:
    [music]example.mp3[/music]
  • [NOTE] - Note BB-Code

    Example:
    [note] teks...[/note]
    Output:
    teks...
  • [OFFTOPIC] - Offtopic

    Offtopic text
    Example:
    [offtopic]Text here...[/offtopic]
    Output:
    Offtopic:
    Text here...
  • [PDF] - PDF

    Embed PDF documents.
    Example:
    [PDF]https://example.com/document.pdf[/PDF]
    Output:
  • [RIMG] - RIMG

    Displays responsive images.
    Example:
    [RIMG]https://example.com/image.jpg[/RIMG]
    Output:
    Gambar
  • [SF_A] - Shadow Orange

    Couleur shadow orange
    Example:
    [sf_y]Vert citron[/sf_y]
    [sf_a]Orange[/sf_a]
    [sf_p]Rose[/sf_p]
    [sf_k]rouge[/sf_k]
    [sf_mo]violet[/sf_mo]
    [sf_l]bleu marine[/sf_l]
    [sf_m]bleue[/sf_m]
    [sf_b]cyan[/sf_b]
    [sf_s]Black[/sf_s]
    Output:
    Vert citron
    Orange
    Rose
    rouge
    violet
    bleu marine
    bleue
    cyan
    Black
  • [SHOWCASE=option] - Showcase: Item embed

    BB code for displaying showcase items
    Example:
    [SHOWCASE=item, X]Showcase Item BB Code[/SHOWCASE]
    Output:
    [SHOWCASE=item, X]Showcase Item BB Code[/SHOWCASE]
  • [SOUNDCLOUD] - SOUNDCLOUD

    Embed songs from SoundCloud.
    Example:
    [SOUNDCLOUD]https://soundcloud.com/username/track-name[/SOUNDCLOUD]
    Output:
  • [SPOTIFY] - SPOTIFY

    Embed a Spotify song or playlist.
    Example:
    [SPOTIFY]https://open.spotify.com/track/TRACK_ID[/SPOTIFY]
    Output:
  • [TIKTOK] - TIKTOK

    Embedding TikTok videos.
    Example:
    [TIKTOK]https://www.tiktok.com/@username/video/1234567890[/TIKTOK]
    Output:
  • [TOOLTIP] - TOOLTIP

    TOOLTIP
    Example:
    [TOOLTIP text="this is a tooltip"]Move your cursor here[/TOOLTIP]
    Output:
    [TOOLTIP text="this is a tooltip"]Move your cursor here[/TOOLTIP]
  • [TWEET] - TWEET

    Embed tweets from Twitter.
    Example:
    [TWEET]https://twitter.com/username/status/1234567890[/TWEET]
    Output:
  • [UBS=option] - BlogEntry/Blog/Series embed

    BB code for displaying blog entries, blogs and series
    Example:
    [UBS=blog_entry, X]UBS Blog Entry BB Code[/UBS]
    Output:
    [UBS=blog_entry, X]UBS Blog Entry BB Code[/UBS]
  • [VIDEOS] - VIDEO

    Embed responsive videos.
    Example:
    [VIDEOS]https://www.youtube.com/watch?v=VIDEO_ID[/VIDEOS]
    Output:
  • [VIDEOURL] - VIDEO

    Embed video player.
    Example:
    [VIDEOURL]https://example.com/video.mp4[/VIDEOURL]
    Output:
  • [WARNING] - Warning

    Warning - Staff only
    Example:
    [warning]tekst[/warning]
    Output:
    Warning
    tekst
  • [WIKI] [WIKI=option] - custom_bb_code_title.wiki

    custom_bb_code_desc.wiki
    Example:
    custom_bb_code_example.wiki
    Output:
    custom_bb_code_output.wiki
  • [YT] - YouTube

    YouTube BB-Code
    Example:
    [yt]link id youtube[/yt]
    Output:
  • [YTSHORTS] - YTSHORTS

    Embedding YouTube Shorts.
    Example:
    [YTSHORTS]https://www.youtube.com/shorts/VIDEO_ID[/YTSHORTS]
    Output:
Search Google Web Search Google Images Search Google Voice Search Google Videos Search Maps Translate Word
🔍
GE
Google Experiment
Visit Google Experiment
⋮
CS
Code Saya
Visit Code Saya
⋮
SK
Sekolah Koding
Visit Sekolah Koding
⋮
HF
Huggingface
Visit Huggingface
⋮
SL
Sololearn
Visit Sololearn
⋮
LM
Learnx
Visit Learnxinmyminutes
⋮
w3s
W3schools
Visit w3schools
⋮
CW
Codewars
Visit Codewars
⋮
GG
Geeksforgeeks
Visit Geeksforgeeks
⋮
EXC
Exercism
Visit Exercism
⋮
EDX
EDX
Visit EDX
⋮
Add Shortcut
WhatsApp

Customer Service

CS 1

Mr.Ibnu

Loading jadwal...

Hubungi via WhatsApp
CS 2

Mr.Husein

Loading jadwal...

Hubungi via WhatsApp
CS 3

Mr.Hasan

Loading jadwal...

Hubungi via WhatsApp
Top Bottom

Translate Website

Upload Custom Icon

coding Coding
programmer Programmer
webmaster Webmaster
banners.png Banners
Home
What's New Resources Media Gallery
Record your forum activity and save it as MP4
> INITIALIZING ISE CONNECTION...
> BYPASSING SECURITY PROTOCOLS...
> ESTABLISHING WORMHOLE LINK...
> Starting XenForo engine... [DONE]
> Calibrating singularity Hosting parameters... [DONE]
> Establishing Forum Style... [DONE]
> The Programmer Community ready in 3... 2... 1.