We get a lot of questions over here about how to completely customize the look and feel of your job board so that it appears to the users as a normal part of the site. Here is a more detailed step-by-step of how that works.
After following these steps, you will in the end have a job board at "jobs.yourdomain.com" "www. yourdomain .com" that looks exactly how you want it to.
An example: Check out www.illinoistech.org and http://jobs.illinoistech.org.
- First, you need to register a domain
- Next, figure out how to create a CNAME. This going to be done in the DNS. There are two options for where you do this. Sometimes the company that you bought the domain from (e.g. GoDaddy or Network Solutions) is manging the DNS for your domain. In this case, contact them and ask for help creating a CNAME. Other times it's the company that is hosting your existing website. Try contacting them as well.
- After you figure out which company, tell them to create a CNAME for "www" or "jobs" (you pick) that points to "www. jobcoin. com" .
- Login to your JobCoin control panel and go to Configure Job Board > Advanced Configuration (take me there)
- Enter your desired CNAME. Here you type the full domain name, such as jobs.yourdomain.com
This completes the domain portion of your setup. Now customize the look & feel of your site.
- In your JobCoin control panel, go to Configure Job Board > Customize Style (take me there)
- Check the box "I would like to use custom CSS and HTML"
- In the Job Board Layout section that appears, click the link "View your generic layout". This shows you what you'll be styling. To get beyond this point, you need to know a thing or two about CSS and HTML.
- View the source of this page and look for "Begin Header" and "End Header", and likewise "Begin Footer" and "End Footer". The HTML code you enter into these two boxes will be inserted into these respective places.
- Any CSS you enter into the box above will override the default JobCoin CSS, so you have full control over the appearance. If you want to restyle anything you see on the generic layout, just find the name of the CSS element and create your style.
If you have any questions, contact us, we're happy to help.
Comments