Before you get started, you need to pick up to 6 of the best pictures you have that portray your new listing in a positive manner. High quality and properly framed photos are your best bet. Resize these pictures into two sets of images, a full-size image (which we will refer to as “image.jpg”) and a thumbnail version of each full-size image (which we will refer to as “thumb_image.jpg”). Learn how to Resize your Property Images.

Basic Steps for Posting a New Listing

1. Login to your Real Estate Website (http://yourdomain.com/content/wp-admin)
2. Go to Posts > Add New
3. Fill in the Title field with an appropriate title.
   • Try to use something catchy and distinctive
4. Fill in the description with your general description.
   • This will be the description that shows on the main content of property listing page.
5. Set the Single Post Template dropdown menu from “Blog Post” to “Property Listing”
   • This will ensure your new post shows up with the additional “Real Estate” fields listed below this option. To make an ordinary blog post, keep this setting as “Blog Post”.
     
6. Fill in the General Property Info fields with the respective information (eg. Listing Price: $999,999, MLS #: 123456, etc.).
7. Fill in the Property Details fields with the property information.
   • For additional remarks about the listing, insert your comments or additional information into “Additional Features”, this will show up at the bottom of the property listing page.
8. Listing Images: Enter your image urls that you have in an open Notepad window after following the Resize your Property Images tutorial. There are 12 alternating fields, 6 for the full-size image URL’s (locations) and 6 for the thumbnail versions of each image.
9. Featured Listings: If you would like to have the new listing featured on the Front Page of your website, you need to select the Featured category. Select any other categories you would your new listing to appear in.
   1. Choose your best image and create a custom field named “articleimg”. For it’s value, enter the Image URL of the best looking image on your listing.
   2. Add a new custom field named “thumbnail”. For it’s value, enter the thumbnail URL to match the image you chose for  your “articleimg”.
   3. Add a new custom field named “featuredtext” with the caption text you would like displayed on the front-page fading display.

To point your domain name at our servers:

1. Login to the domain registrar you registered your domain with.
2. Find the domain and edit its Nameservers.
3. Change the name servers to Custom with the following servers:
   • NS1.CHASEHOSTING.COM
   • NS2.CHASEHOSTING.COM
   • NS3.CHASEHOSTING.COM
   • NS4.CHASEHOSTING.COM
4. Click save or submit and you should see a confirmation message.
5. That’s it! Now your domain should begin to resolve to our web servers within the next few hours! (it could take up to 72 hours for domain name changes to fully propagate)

You don’t have to be a genius web developer to understand the basics of HTML/CSS and apply them in useful and creative ways on your website. Use our helpful Tutorials section to expand your knowledge of web design, our services, and the world wide web!

If you have any requests for tutorials you would like to see, feel free to email us at tutorials@chaseideas.com.

Different Browser Engines

You may think, “they’re all web browsers, don’t all they do the same thing?” Well essentially, yes, but each popular browser uses its own rendering engine (Gecko, Webkit, KHTML, Webcore, etc.) that is unique to that browser. Each engine has its quirks and handles a few CSS design element attributes differently than the others. For instance, the margin attribute of an element in IE is handled very differently than in Firefox and results commonly in discrepancies in the layout.

Browser Compatibility

Some people might give you the impression that total, or near-total, cross browser compatibility is impossible or unattainable. However, this is far from the truth and is usually something an unknowledgeable web designer will tell you hoping you’ll blindly believe. Getting more advanced effects and complex javascript functions can be near-impossible to get 100% compatible on all browsers, but simple CSS and HTML based websites should almost always be cross-browser compatible unless a blaring exception to regular design keeps it from being so.

Is YOUR website cross-browser compatible?

Check your site in Internet Explorer, Mozilla Firefox, Opera and examine closely how the design and layout of the site resembles the sketch or final design. You may need to apply some browser fixes and css hacks to make sure the design looks 100% to all of your visitors. But its worth the time and effort! Your visitors will love you for it!