Table of Contents

Home \

Domain Broker Setup Guide using FileZilla/Notepad++

If you're either not familiar with HTML or have little experience with web sites, this is the guide for you. We'll cover how to get Domain Broker running from beginning to end. Feel free to skip any sections that are marked as optional.

What's included with your purchase

Included in your download is two versions of the theme. The first version is in the Web Files folder. This version includes everything except the Captcha spam prevention. As a result, this version is a bit easier to install. The second version is in the Web Files with Captcha folder. This version has Captcha spam prevention built in. Which version to choose? Depends on if you have trouble with spam. If you have a good spam filter you'll be safe with the first version.

Preparing to edit the files

In this guide we'll be using free software. You'll need a text editor such as Notepad++ on Windows or TextWrangler on OSX. Also download FileZilla which is used for uploading the website. Then open up your text editor and continue below.

Editing

a) Adding General Info to the Index File

Note: If you need to download Domain Broker again, go to themeforest.net, click "My Account", then "Downloads".

In your text editor, open index.html. You can find it inside the Domain Broker "Web Files" folder. If you're using Notepad++, it will colour code the text. Any text that's black you can safely edit. Don't worry, this wont be as complicated as it looks. Continue reading to follow each area that needs editing step by step.

  1. The "Title" text (Shows in the title bar of your browser)
    Find line 5 and edit the text there.
    Editing the Title
  2. The heading
    Find line 40 and replace the "YourDomain.com" text with your domain name.
    Editing the Heading
  3. The price
    Find line 43 and replace with your price.
    Editing the Price
  4. The copyright (near the bottom)
    Find line 74 and edit as you wish.
    Editing the Copyright
  5. Want to remove the twitter section? Delete lines 64 to 71.

b) Editing the Domain Portfolio Bar

The domain portfolio bar is the bar that slides down when you click the "More of my Domains" button.

To edit it, find line 31. Each of those 5 lines is one domain in the bar. To add domains, replace the existing placeholders with the Address and Title of the domain. Delete or add lines as necessary.

To remove the bar, delete lines 28 to 37.

Editing the Domain Portfolio Bar

d) Adding Your Email

  1. Open sendEmail.php
  2. Replace the existing email with yours on line 7.
  3. Replace the existing "name" with yours on line 8.

Note: It's important to keep the single quotes around the values you enter. Without them it will not work.

Editing the Email

e) Adding your Twitter Account

Note: You must have at least 1 tweet in your account for this section to work.

  1. Open customize.js inside the 'js' folder.
  2. Find line 50 and enter your Twitter name inside the single quote marks.
    Adding Your Twitter Account

If you don't want the twitter section, feel free to delete the following code in the index.html file:

<div class="section" id="twitter">
<noscript>
<p>
<a href="http://twitter.com/dloewen" title="Domain Tweets" class="button">Follow me on Twitter</a>
</p>
</noscript>
</div><!-- end .section -->

f) Changing the template's width (optional)

If your domain name is long you can increase the width by in the CSS file.
1. Open the "css" folder and open industry.css
2. Find line 86 and edit the width value.

g) Adding reCaptcha keys (applies to Captcha version only)

If you've chosen the "...With Captcha" version, there are a two places you'll need to enter ReCaptcha keys.

  1. Go to http://www.google.com/recaptcha and sign up by clicking "USE reCAPTCHA ON YOUR SITE"
  2. Enter your domain in the field, and click the "Create Key" button
  3. Copy the Public Key. Open index.php and go to line 58 (this may be different for you, it's the line with $publickey on it). Then paste your public key inbetween the quotes.
  4. Go back to the reCaptcha website and copy the Private Key. Open sendEmail.php and paste your Private Key inbetween the quotes on line 4

Uploading

Note: Make sure all the files you edited are saved.

Now you're ready to upload to the web! We'll be using FileZilla for this.

  1. Once FileZilla is open, enter your FTP information in the 3 fields provided (Host, Username, Password) then click "Quickconnect". If you're not sure what your FTP login is, your web host likely emailed you the login when you signed up. You can also contact them about it.
    FileZilla - Connecting
  2. Now that you're connected, double click the "public_html" folder to open it. This is the folder where all your Domain Broker files will go. If you don't see a public_html folder, your host may have a "www" or "httpdocs" folder which you can use.
    FileZilla - public_html Folder
  3. Open the "Web Files" folder either in Filezilla on the left panel or with My Computer(Windows)/Finder(Mac). Then drag all the contents inside Web Files to the public_html folder in FileZilla. The files will begin to upload, it should take about a minute.

Now browse to your domain and check it out!

If it's not appearing check a couple things:

  1. That the files you draggin in from Web Files are inside the "public_html" folder in FileZilla.
  2. If you just barely registered your domain, wait around 12-24 hours before attempting to connect. Domain names take some time to propogate.

Thanks

Thanks again for purchasing Domain Broker! I hope you've found this tutorial helpful. If anything isn't clear be sure to email me at .

Derek Loewen

Back to the top