Your Jerkmate bio is the first thing viewers see when they visit your profile. A well-formatted bio with colors, images, and an organized tip menu can be the difference between a viewer clicking away and becoming a loyal tipper. The good news? Jerkmate supports a subset of HTML that lets you create professional-looking profiles without any coding experience.
This guide covers every supported HTML tag on Jerkmate, along with copy-paste code examples you can customize and use right away.
Need a Jerkmate Account First?
Create your free broadcaster account in minutes and start customizing your bio today.
Sign Up Free on Jerkmate →
Where to Edit Your Jerkmate Bio
Before diving into HTML, here's how to access your bio editor:
- Log into your Jerkmate broadcaster account
- Click on your username in the top-right corner
- Select "Edit Your Bio" or go to your profile page and click the edit icon
- Scroll down to the "About Me" section
- Switch to the HTML editor (look for the "Source" button if using the visual editor)
- Paste your HTML code and click "Save Changes"
Jerkmate strips out any unsupported or potentially dangerous HTML tags when you save, so don't worry about breaking anything — just experiment freely.
Supported HTML Tags on Jerkmate
Jerkmate supports a limited but useful subset of HTML. Here's what works:
Fully Supported Tags
- Text formatting: <b>, <i>, <u>, <strong>, <em>, <s>, <br>, <hr>
- Headings: <h1> through <h6>
- Paragraphs: <p>
- Links: <a href="...">
- Images: <img src="...">
- Lists: <ul>, <ol>, <li>
- Tables: <table>, <tr>, <td>, <th>
- Divs/Spans: <div>, <span>
- Font: <font color="..." size="...">
- Inline styles: style="..." attribute on most elements
NOT Supported (Will Be Stripped)
- <script> — No JavaScript allowed
- <iframe> — No embedded content
- <form>, <input> — No form elements
- <video>, <audio> — No media embeds
- <style> — No stylesheet blocks (use inline styles instead)
- External CSS files — Not supported
- onclick and other event handlers — No JavaScript events
Text Formatting Basics
Let's start with the fundamentals. Here are the basic text formatting tags you'll use most:
Bold, Italic, and Underline
<b>This text is bold</b>
<i>This text is italic</i>
<u>This text is underlined</u>
<b><i>This is bold AND italic</i></b>
Line Breaks and Horizontal Rules
Line one<br>
Line two<br>
Line three
<hr> <!-- Creates a horizontal divider line -->
Headings
<h1>Largest Heading</h1>
<h2>Second Largest</h2>
<h3>Medium Heading</h3>
<h4>Smaller Heading</h4>
Most models stick with <h2> and <h3> for section headers in their bios. <h1> is usually too large.
Adding Colors to Your Bio
Color is the single most impactful formatting option for your Jerkmate bio. You can add color using the <font> tag or inline styles.
Using the Font Tag
<font color="red">This text is red</font>
<font color="#FF69B4">This text is hot pink</font>
<font color="#00FF00">This text is neon green</font>
Using Inline Styles (More Control)
<span style="color: #FF1493;">Deep pink text</span>
<span style="color: #FFD700; font-size: 18px;">Gold text, larger</span>
<span style="color: white; background-color: #FF0000; padding: 5px;">White text on red background</span>
Popular Color Codes for Cam Bios
- #FF69B4 — Hot Pink
- #FF1493 — Deep Pink
- #FFD700 — Gold
- #FF4500 — Orange Red
- #00CED1 — Dark Turquoise
- #9370DB — Medium Purple
- #FF6347 — Tomato Red
- #00FF7F — Spring Green
- #E0E0E0 — Light Grey (good for secondary text)
Font Sizes
You can control text size using the font tag or inline CSS:
<!-- Using font tag (sizes 1-7) -->
<font size="1">Tiny text</font>
<font size="3">Normal text</font>
<font size="5">Large text</font>
<font size="7">Huge text</font>
<!-- Using inline styles (pixel values) -->
<span style="font-size: 12px;">Small text</span>
<span style="font-size: 16px;">Normal text</span>
<span style="font-size: 24px;">Large text</span>
<span style="font-size: 36px;">Very large text</span>
Make Your Bio Stand Out
A polished Jerkmate bio converts casual viewers into loyal tippers. Sign up and start building yours.
Create Your Jerkmate Profile →
Adding Images
Images make your bio visually appealing and professional. You need to host images externally since Jerkmate doesn't provide image hosting for bios.
Basic Image Tag
<img src="https://your-image-url.com/photo.jpg" width="400">
Centered Image with Border
<div style="text-align: center;">
<img src="https://your-image-url.com/photo.jpg" width="500" style="border: 3px solid #FF69B4; border-radius: 10px;">
</div>
Image Hosting Options
You need somewhere to host your bio images. Popular free options include:
- Imgur — Free, fast, and reliable
- ImgBB — Simple drag-and-drop upload
- Postimages — No account required
Upload your image, copy the direct image URL (ending in .jpg or .png), and paste it into the src attribute.
Creating a Tip Menu with HTML Tables
A well-formatted tip menu is the most important element of your bio. Tables are the best way to create clean, organized tip menus.
Simple Tip Menu
<h2 style="color: #FF69B4; text-align: center;">💕 My Tip Menu 💕</h2>
<table style="width: 100%; border-collapse: collapse; margin: 0 auto;">
<tr style="background-color: #1a1a2e;">
<td style="padding: 8px; border: 1px solid #333; color: #FFD700;"><b>15 tokens</b></td>
<td style="padding: 8px; border: 1px solid #333; color: #E0E0E0;">Song request</td>
</tr>
<tr style="background-color: #121228;">
<td style="padding: 8px; border: 1px solid #333; color: #FFD700;"><b>25 tokens</b></td>
<td style="padding: 8px; border: 1px solid #333; color: #E0E0E0;">Flash (3 sec)</td>
</tr>
<tr style="background-color: #1a1a2e;">
<td style="padding: 8px; border: 1px solid #333; color: #FFD700;"><b>50 tokens</b></td>
<td style="padding: 8px; border: 1px solid #333; color: #E0E0E0;">Control Lush 1 min</td>
</tr>
<tr style="background-color: #121228;">
<td style="padding: 8px; border: 1px solid #333; color: #FFD700;"><b>100 tokens</b></td>
<td style="padding: 8px; border: 1px solid #333; color: #E0E0E0;">Panties off</td>
</tr>
<tr style="background-color: #1a1a2e;">
<td style="padding: 8px; border: 1px solid #333; color: #FFD700;"><b>200 tokens</b></td>
<td style="padding: 8px; border: 1px solid #333; color: #E0E0E0;">Control Lush 10 min</td>
</tr>
<tr style="background-color: #121228;">
<td style="padding: 8px; border: 1px solid #333; color: #FFD700;"><b>500 tokens</b></td>
<td style="padding: 8px; border: 1px solid #333; color: #E0E0E0;">Snap for life</td>
</tr>
</table>
Styled Tip Menu with Categories
<div style="max-width: 500px; margin: 0 auto; background: #0d0d1a; border: 2px solid #FF69B4; border-radius: 10px; padding: 20px;">
<h2 style="color: #FF69B4; text-align: center; margin-top: 0;">✨ Tip Menu ✨</h2>
<h3 style="color: #FFD700;">👀 Teasing</h3>
<p style="color: #E0E0E0;">
15tk - Blow a kiss<br>
25tk - Flash boobs (3s)<br>
35tk - Flash ass (3s)<br>
50tk - Spank<br>
</p>
<h3 style="color: #FFD700;">💕 Lovense</h3>
<p style="color: #E0E0E0;">
10tk - Low vibe (5s)<br>
25tk - Medium vibe (10s)<br>
50tk - High vibe (15s)<br>
100tk - Ultra vibe (30s)<br>
200tk - Control Lush 5 min<br>
</p>
<h3 style="color: #FFD700;">🔥 Premium</h3>
<p style="color: #E0E0E0;">
300tk - Outfit change (your choice)<br>
500tk - Snap for life<br>
1000tk - Private video (5 min)<br>
</p>
</div>
Text Alignment and Centering
<!-- Center text -->
<div style="text-align: center;">
<h2>Welcome to my room!</h2>
<p>I'm so happy you're here 💕</p>
</div>
<!-- Right-align text -->
<div style="text-align: right;">
<p>This text is right-aligned</p>
</div>
Creating Sections and Dividers
Organize your bio into clear sections with styled dividers:
<!-- Colored section header -->
<div style="background: #FF69B4; color: white; padding: 10px; text-align: center; border-radius: 5px; margin: 15px 0;">
<b>ABOUT ME</b>
</div>
<!-- Gradient-style divider -->
<hr style="border: none; height: 2px; background: linear-gradient(to right, #FF69B4, #FFD700, #FF69B4);">
<!-- Boxed section -->
<div style="border: 1px solid #FF69B4; border-radius: 8px; padding: 15px; margin: 10px 0;">
<h3 style="color: #FF69B4; margin-top: 0;">My Schedule</h3>
<p style="color: #E0E0E0;">
Mon-Fri: 8pm - 12am EST<br>
Saturday: 3pm - 10pm EST<br>
Sunday: Off 😴
</p>
</div>
Complete Bio Template (Copy and Paste)
Here's a full bio template you can copy, paste, and customize. Just replace the placeholder text and image URLs with your own content:
<div style="max-width: 600px; margin: 0 auto; font-family: Arial, sans-serif;">
<!-- Header -->
<div style="text-align: center; padding: 10px;">
<img src="YOUR_BANNER_IMAGE_URL" width="600" style="border-radius: 10px; max-width: 100%;">
<h1 style="color: #FF69B4;">Welcome to [Your Name]'s Room! 💕</h1>
<p style="color: #B0B0B0; font-size: 14px;">Your tagline or catchphrase goes here</p>
</div>
<hr style="border: none; height: 2px; background: linear-gradient(to right, transparent, #FF69B4, transparent);">
<!-- About Me -->
<div style="background: #0d0d1a; border: 1px solid #333; border-radius: 8px; padding: 15px; margin: 15px 0;">
<h2 style="color: #FF69B4; text-align: center; margin-top: 0;">About Me</h2>
<p style="color: #E0E0E0; text-align: center;">
<b>Age:</b> [Your age]<br>
<b>Location:</b> [Your location]<br>
<b>Languages:</b> [Languages]<br>
<b>Body type:</b> [Description]<br>
</p>
<p style="color: #B0B0B0; text-align: center;">A short paragraph about yourself and what viewers can expect in your room.</p>
</div>
<!-- Tip Menu -->
<div style="background: #0d0d1a; border: 2px solid #FFD700; border-radius: 8px; padding: 15px; margin: 15px 0;">
<h2 style="color: #FFD700; text-align: center; margin-top: 0;">💎 Tip Menu 💎</h2>
<table style="width: 100%; border-collapse: collapse;">
<tr><td style="padding: 6px; color: #FFD700; width: 100px;"><b>15 tk</b></td><td style="padding: 6px; color: #E0E0E0;">Blow a kiss</td></tr>
<tr><td style="padding: 6px; color: #FFD700;"><b>25 tk</b></td><td style="padding: 6px; color: #E0E0E0;">Flash (3 sec)</td></tr>
<tr><td style="padding: 6px; color: #FFD700;"><b>50 tk</b></td><td style="padding: 6px; color: #E0E0E0;">Spank</td></tr>
<tr><td style="padding: 6px; color: #FFD700;"><b>100 tk</b></td><td style="padding: 6px; color: #E0E0E0;">Control Lush 3 min</td></tr>
<tr><td style="padding: 6px; color: #FFD700;"><b>250 tk</b></td><td style="padding: 6px; color: #E0E0E0;">Outfit change</td></tr>
<tr><td style="padding: 6px; color: #FFD700;"><b>500 tk</b></td><td style="padding: 6px; color: #E0E0E0;">Snap for life</td></tr>
</table>
</div>
<!-- Schedule -->
<div style="background: #0d0d1a; border: 1px solid #333; border-radius: 8px; padding: 15px; margin: 15px 0;">
<h2 style="color: #00CED1; text-align: center; margin-top: 0;">📅 My Schedule 📅</h2>
<p style="color: #E0E0E0; text-align: center;">
<b>Monday - Friday:</b> 8:00 PM - 12:00 AM EST<br>
<b>Saturday:</b> 3:00 PM - 10:00 PM EST<br>
<b>Sunday:</b> Off<br>
</p>
</div>
<!-- Rules -->
<div style="background: #0d0d1a; border: 1px solid #FF4500; border-radius: 8px; padding: 15px; margin: 15px 0;">
<h2 style="color: #FF4500; text-align: center; margin-top: 0;">⚠️ Room Rules ⚠️</h2>
<p style="color: #E0E0E0;">
1. Be respectful to me and other viewers<br>
2. No demanding without tipping<br>
3. No promotions or spam<br>
4. No recording my shows<br>
5. Have fun and be kind! 💕<br>
</p>
</div>
<!-- Wishlist -->
<div style="text-align: center; padding: 15px;">
<h3 style="color: #FF69B4;">🎁 My Wishlist 🎁</h3>
<p style="color: #B0B0B0;"><a href="YOUR_AMAZON_WISHLIST_LINK" style="color: #FFD700;">Click here to see my Amazon Wishlist</a></p>
</div>
</div>
Ready to Build Your Bio?
Copy the template above, sign up for Jerkmate, and paste it into your profile editor.
Sign Up Free on Jerkmate →
Pro Tips for Jerkmate Bio Formatting
1. Keep It Mobile-Friendly
A huge portion of Jerkmate viewers browse on their phones. Always use max-width: 100% on images and avoid fixed pixel widths over 600px. Test your bio on a phone before finalizing it.
2. Use Contrast Wisely
Jerkmate's profile background is white by default. Use dark text on the default background, or add dark background colors to your divs and use light text. Avoid light-colored text on the default white background — it will be invisible.
3. Don't Overdo the Colors
Stick to 2-3 accent colors maximum. Too many colors look chaotic and unprofessional. Pick a primary color (like hot pink), a secondary color (like gold), and a text color (like light grey).
4. Put Your Tip Menu Above the Fold
Your tip menu should be one of the first things viewers see. Don't bury it at the bottom of your bio below paragraphs of text. If a viewer has to scroll to find your menu, many won't bother.
5. Update Regularly
Keep your bio fresh. Update your schedule weekly, change seasonal themes, and add new photos. An outdated bio with wrong information looks neglected.
6. Include Social Links
Link your Twitter, Instagram, and any premium Snapchat or fan sites. These connections help you build an audience beyond just the cam site and create additional income streams.
7. Add Your Amazon Wishlist
Many viewers love sending gifts. Add a link to your Amazon wishlist to your bio. Keep items at various price points so viewers at all levels can participate.
Common HTML Mistakes to Avoid
- Forgetting closing tags: Every <div> needs a </div>, every <b> needs a </b>. Unclosed tags can break your entire bio layout.
- Using unsupported tags: <script>, <iframe>, and <style> blocks will be stripped out. Only use inline styles.
- Huge image files: Large images slow down your profile loading time. Resize images to 600px wide maximum before uploading.
- No alt text on images: While not required, adding alt="" to your <img> tags is good practice.
- Fixed widths on mobile: Using width="800" will cause horizontal scrolling on phones. Use max-width: 100% instead.
For pre-made bio designs you can customize, check out our Jerkmate bio templates collection with multiple ready-to-use themes.
Launch Your Professional Profile Today
A great bio is just the beginning. Join Jerkmate and start building your camming career with a profile that converts.
Create Your Free Account →