Make Your Chaturbate Profile Stand Out

You may know me primarily as a kinky Chaturbate model, but I am also a web developer. Needless to say, I spend most of my time making the internet beautiful if I’m not getting freaky on cam for your pleasure.

When I started on Chaturbate, I was mostly perving other people’s cams. The first cam model that caught my attention was Brad Valentine. I fell in love instantly. In my utter fascination of his fantastic body and the fun personality that came with it, I found myself typing in his chat window…

“It’s too bad that you’re gay.”

A devout follower of Brad’s, probably annoyed by having to repeat himself, said,

“He’s not gay. Read his bio below.”

When I scrolled down the page, I was met with a sight that gave me great joy. All the information in Brad’s bio was clear, concise, and organized in a beautifully designed layout that made me think he was even sexier than before. I am a web developer, after all. But yes — it also said that Brad Valentine was straight! I could now justifiably continue my pervy fantasy of hittin’ that!

After visually dissecting his profile a second (and more thorough) time, I discovered that Brad’s profile was actually made by Kevin Thomas. So I checked out his profile and discovered that it was even more beautiful than Brad’s!

I asked myself…What do other people’s “About Me” sections look like on Chaturbate?

The answer is bad. Really bad. After looking at about two dozen profiles (of all genders), I determined that most people’s profiles on Chaturbate are obnoxious and, worse still, they are hard to read.

Chatorbate Blog - HTML example
Chaturbate Blog – HTML example

Which finally brings me to the point of this article. I’d like to teach you how to make your profile look good and stand out on Chaturbate. Let’s get to it!

Things That Make a
Good Lookin’ Profile

Readable Text

Since content is king, we have to make sure that text on your profile is clear and easy to read. For this, I recommend avoiding images that include (or embed) text. The reason is that the text may become unreadable if the image is ever re-sized smaller to fit the viewing area. The best idea is just use a <p></p> (paragraph) for all text sections and set font-sizes to 14px and above. This will ensure that your text is always readable. Like so:

<p style=”font-size: 14px;”>This is some example text content with a <a href=”#”>link</a>.</p>

Which makes:

This is some example text content with a link.

You should also separate different sections of your content by using <h1></h1> and <h2></h2> (headings). Like so:

<h1 style=”font-size:22px”>Username</h1>
<h2 style=”font-size:18px”>About Me:</h2>
<p style=”font-size: 14px;”>This is some example text content with a <a href=”#”>link</a>.</p>
<h2 style=”font-size:18px”>Wishlist:</h2>
<p style=”font-size: 14px;”>This is some example text content with a <a href=”#”>link</a>.</p>

Which makes:

Username

About Me:

This is some example text content with a link.

Wishlist:

This is some example text content with a link.

 

Clear “Call-to-Action” s

In web marketing, a “Call-to-Action” (or CTA) is an instruction to your audience to provoke an immediate response. This can be “Join My Fan Club”,”View my Wishlist”, or various other links to social media sites. Your CTAs should be large, brightly colored, and placed where they are easily seen. For your Chaturbate profile, I suggest using the brightest color from the palette you create (in a later section). Make sure your CTAs stand out against any background you chose to use.Create a CTA by simply adding a background color to your text content. Like so:

<a href=”#” style=”background: #81699b; color: #FFFFFF; text-decoration: none; margin: 20px 0px; padding: 10px; display: inline-block;”>Join My Fan Club</a>

Which makes:

We could also place an image inside of the link instead. Like so:

<a href=”#”><img src=”http://placekitten.com/g/325/210&#8243; /></a>

Which makes:

placekitten image

 

Properly-Aligned Content

I’ve noticed that many profiles I visit have their content cut-off on the right side. There is a large margin on the left hand side of the “About Me:” section that pushes your content slightly outside of the viewing area. We can adjust for this alignment issue by adding a <br> (line break) before the beginning of your content, then setting a margin-left of -95px to all of your content by wrapping an <ul></ul> (unordered list) around it. Afterwards, we’ll add a dark grey background to the container. Like so:

<br>
<ul style=”margin: 0px 0px 0px -95px; padding: 20px; width: 100%; background: #CCC;>
<h1 style=”font-size:22px;”>Username</h1>
<a href=”#”><img src=”http://placekitten.com/g/325/210&#8243; /></a>
<h2 style=”font-size:18px;”>About Me:</h2>
<p style=”font-size: 14px;”>This is some example text content with a <a href=”#”>link</a>.</p>
<h2 style=”font-size:18px;>Wishlist:</h2>
<p style=”font-size: 14px;”>This is some example text content with a <a href=””>link</a>.</p>
<a href=”#” style=”background: #e62117; color: #FFFFFF; text-decoration: none; margin: 20px 0px; padding: 10px; display: inline-block;”>Join My Fan Club</a>
</ul>

Which makes:

Username

placekitten image

About Me:

This is some example text content with a link.

Wishlist:

This is some example text content with a link.

Join My Fan Club

 

Consistent Color Palette

There are many ways to make a profile stand out, but using color in a tasteful and consistent way is most important! I usually pick my favorite profile cover photo and then upload it to Adobe Color CC to create a color palette from it. Once I find the colors I like, I use them to offer more clarity by visually separating the content. For example, I’ll use one color for all the text headings, a second color for all the paragraphs, and another brighter color for all of the links on the page. If I’m feeling extra fancy, I’ll add a background to my content so that it contrasts with the text colors.

Example color palletes:

Three of Hearts by Liz Jardine
Three of Hearts by Liz Jardine
Avec Moi by Karen Dupre
Avec Moi by Karen Dupre

 

All Together Now!

Using the color palette above-right (Avec Moi by Karen Dupre) and all of the things we learned in this article, this is what your Chaturbate profile could potentially look like:

Username

placekitten image

About Me:

This is some example text content with a link.

Wishlist:

This is some example text content with a link.

Join My Fan Club

 

Not too bad, eh? As you can see, our text is easy to read, our CTAs are bold, our content is aligned perfectly, and our profile uses a color palette that helps it look extra spiffy. Hot damn!

By teaching you everything I’ve learned so far, I hope this article has shown you how to make your profile stand out on Chaturbate.  Let me know what you think!

Also, check out my Chaturbate Profile Design Templates. They’re pretty alright!

Advertisements

27 thoughts on “Make Your Chaturbate Profile Stand Out

    1. Hi Naomi!

      As mentioned in the article, you can use CSS’s color property to assign color to text, and the background property to assign a background image, among other things like color, attachment, position, etc.

      You can find some code examples within this article. Let me know if you need any help! 🙂

      Like

  1. thank you so much for this post. i’m a new broadcaster on chaturbate and i was devoutly clueless as to how to make my profile pop for other users to see. i know basic html coding so this was extremely helpful. once agian thank you thank you thank you!!

    Like

    1. Hello Julie!

      Im glad you found the article helpful! 😀

      As for your image troubles…I think I know what’s up.

      In order for your images to show up, you have to host them somewhere and link the full path (ex: http://some-website-url.com/some-image.jpg). I recommend using something like Photobucket or Imgur to upload images from your computer (if the image is not already hosted on a website somewhere). After hosting, right-click on the image and select “Copy image address” from the menu. Paste that link into your a href=”” tag and you’re good to go! 🙂

      If you need anything, send me an email — I’ll do my best to help!

      Like

  2. I’ve been banging my head against a brick wall trying to get this to work. Chaturbate doesn’t accept any sort of css. When I use the above code my text just looks like the text in the first step. The colored background borders and button do not work. Please tell me what I am doing wrong, apparently it’s just me because everyone else seems to have some sort of css on their bio. I’m resorting to using png images which look really lame.

    Like

    1. Hi Lovelick!

      Try making your style attributes inline. You can add ‘style=…’ to your tags to acheive this. Ex: <a href=”#” style=”color:red;”>This text link is red.</a>

      Let me know if you’re still having trouble getting your CSS to display and I’ll find you another solution. 🙂

      Like

  3. I’m glad I’m not the only one having trouble… >.< I have tried several different image codes, & none of them are working! Is there something I'm doing wrong that no one has mentioned? Whenever I try to code an image into my bio, either nothing shows up at all (blank space) or I get a little grey box. Halp!

    Like

  4. Oops, ignore my last comment! If anyone else has trouble embedding, refer back to Lynn’s comment to Julie! “Copy Image Location” (or Address) worked perfectly for me! Thanks again!

    Like

  5. First of all, thank you so much for this post! You rock!
    However I have two problems. I copied the link you gave because my bio is cut-off on the right side. On my laptop its fine but when I check the mobile website its still cut-off on the right side. What am I missing? Also I noticed that my Instagram logo and link is visible when Im checking on my laptop but also on the mobile website its not there.
    Hope you can help!

    Like

  6. Great write up, thank you very much. I am trying to figure out the link for the +Follow button. I wanted to add one in my bio, but can get the link right for the life of me. Any ideas? Thanks again!

    Like

  7. Hi, I have no clue on how html or css works. I would like to have the “DMCA” badge on the top left side of our Chaturbate video. Could you please send me a code that I can copy and paste to my bio page? Much thanks

    Like

    1. Hello BigTroubleLittleChina!

      This is similar to the Valentine’s Day “Join My Fanclub” heart that I made.

      The concept is that there’s a wrapping container (for CB, it’s always going to be a <ul> tag) that is absolutely positioned on top of all other content. Then inside, you can put whatever you want. Most of the time, you’ll want to put an image (<img>) with a link (<a></a>) wrapped around it.

      <ul style=”margin:0;padding:0;position:absolute;top:250px;left:45px;display:inline-block;opacity:0.6;”><a href=”http://some-website-link.com”><img src=”http://placekitten.com/g/100/100″ /></a></ul>

      I hope that helps!

      Like

    1. Hello Fae!

      To add a text-stroke to your text, you can use <h1 style=”color: Black; -webkit-text-fill-color: White; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: Black;”>Your Super Awesome Heading</h1>

      Please note that the text-stroke property does not work in Firefox, so it will just use the color specified in the first css rule (color: Black).

      I hope this helps! If you have any further questions, you are welcome to email me at lynnwildecam@gmail.com. Take care!

      Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s