Below is the video recording of the webinar where we covered the New Media PRO Instant Video Converter feature, the new auto video distribution option and associated Q&A. Since the webinar went 60-minutes we’ve broken it down into three segments below.

Part 1: Instant Video Converter & player auto-embed feature overview

Part 2: Auto video distribution to top 20 video sharing sites on the web

Part 3: Q&A on the Instant Video Creator & auto video distribution features

Since this webinar was captured using Camtasia,you cannot hear the questions JP is being asked in the recording. There are five parts to this Q&A outlined below so you can follow along.

0:00 – 3:33 REVIEW: New training video updates in your Quan$ite Admin Panel

3:34 – 6:43 Q&A: Do you need to sign up for each of the video sharing sites you want to automatically distribute to through HeySpread?

6:44 -11:46 Q&A: When I embed a YouTube video in a Quan$ite post, it looks like it is there but when I preview or publish the post it doens’t show at all. Why is that happening?

11:47 – 14:39 Q&A: I used the Quan$ite New Media PRO Instant Video creator one time and my video did not show. What did I do wrong? Why does my video upload and convert but not show in the work area of my Admin Panel?

14:40 – End Q&A: How many views can I figure on my videos before I exceed the bandwidth included in my standard Quan$ite membership?

Any site skin you choose for your Quan$ite Hub Site has a CSS (Cascading Style Sheet) that controls many of the visual attributes of your site; such as headers, link colors, background images, etc.

Most visual tweaks that you’d want to make beyond the actual skin you choose and custom image header is controlled by the CSS stylesheet.The Quan$ite built-in CSS Editor makes it easy with just a little knowledge of CSS.  This PDF and accompanying audio coaching will guide you through making basic adjustments for a completely personal look.

Download your CSS Style Sheets for Quan$ite

Play Now:

 Customizing CSS - Part 1 [23:46m]: Play Now | Play in Popup | Download
 Customizing CSS - Part 2 [24:35m]: Play Now | Play in Popup | Download
 Customizing CSS - Part 3 [22:55m]: Play Now | Play in Popup | Download

From your Dashboard, go to “Site Design Center” » “Site Includes Editor.”

The Site Includes Editor adds a whole new dimension to customizing your Quan$ite™ site.

You’ll notice a list of links that describe parts of our blog pages, such as “Sidebar Box” or “Archives and Categories Top”. Custom content can be included in any one of these sections to add a truly unique look and feel.

Includes
The Includes area pertains to very specific areas of your site.

• Sidebar Box: This area is considered the “Visual Hotspot”.  Whether you have a 2 or 3 column layout, a left or right-hand sidebar, this area will appear on the very top of the first sidebar.  If you have 3 columns with 2 sidebars on the right, the sidebar box will appear at the top of the left-hand sidebar.  If you only have a 2-column layout with a right-hand sidebar, the sidebar box will appear at the top of the right side bar.
• Sidebar Ads: Appear just below the Sidebar Box.
• The other sections within the first portion of includes all represent different “Page Views”, whether it’s the home page of your blog, a single post page, an archive page, etc.

The other sections within the Site Includes Editors are fairly self-explanatory.  If you’d like to include content in the header section, you can use either of those 3 options.

It is important to note that in terms of the Sidebar section, these includes are all connected to the Widgets displayed on your site.  Therefore, if you do not have the “Meta Widget” in your sidebar, any content you add to the “After Meta Data” include will not show up.

From your dashboard, go to “Design Center”

What is the Quan$ite™ Design Center

The Quan$ite™ software has a built in design center that allows you to quickly and easily control all the visual aspects of your site layout and design.

The Quan$ite™ system is unique in that all areas of your site are customizable without having to mess with uploads, FTP processes or code dealing with any aspects of your Hub Site’s skin. This eliminates the worry about breaking your site by missing one tiny character of code AND the hours of wasted time trying to fix that mistake!

Once you reach the design center, you’ll notice that there is only one Theme* available… the “Dynamic Theme”.

(*Note: If you are a  “Founding 500″ beta member, you may still have old skins in this area. If you are still using an old skin, we strongly suggest you immediately switch to the “Dynamic Theme” to take advantage of the newly coded  stable skin options. As of  February 15th 2008 only the Dynamic  Skins will be updated  and upgraded.)

“Design Center” » “Site Skins”

What is the difference between a “Theme” and a “Skin”? In the case of Quan$ite™, the theme is the actual “structure” of your website, whereas the “Skin” creates the look of your website.

Once you confirm that you have the “Dynamic Theme” selected, you can go to the “Site Skins” area to select the main look of your site. Many of the skins provided are simple in design to allow more flexibility so members can further customize the look of their site by creating Custom Headers.

“Design Center” » “Site Layout”

The Site Layout section is actually in 2 parts. The first part is your “Widgets” section and the second part is your “Layout” section.

Layout – Changing the columns

While the Widgets are the first to be displayed, the order and layout of your widgets may change if you change your column settings. So we start with the “Layouts” tab to determine the best layout for our site.

There are 5 layouts to choose from, with either 2 or 3 columns. Select the layout that will be best for you by clicking on one of the smaller “diagrams” in the top box. The lower box will display a sample of the layout you’ve chosen. Once you decide on the layout, scroll to the bottom and click on “Save Changes”.

Moving the Widgets

What exactly is a widget? The Widgets within Quan$ite™ reflect the various components available to display in your blog sidebars. These do not affect your landing page (home page) or any of the pages you’ve created in Marketing Pro.

When you go back to the Widgets tab, the sample site will reflect the layout changes you may have made. Various widgets will be lined up in the sidebars or in the top box (aka “the Widget Bin”). The widgets in this top bin are not displayed on your site, but are available for placement if you want to use them.

Each of the widget “names” or “headers” can be changed by clicking on the small white box next to the widget name and entering a new name within the window that opens. These name changes will take the place of the default headings. This is true for all but the “Links” widget. (We’ll go through each widget in just a second).

To move the widgets in an order that you’d prefer, use your mouse to click-and-drag the widget to where you’d like it to sit. If you’d prefer not to show a particular widget, click-and-drag that widget to the Widget Bin at the top and it will be removed from your site.

1. Search Widget – This is the widget that contains your site’s search form.  Good to have towards the top of your sidebar for the convenience of your visitors.
2. Categories Widget – This will display a list of all the categories within your site that have articles assigned to them.
3. Pages Widget – When you “Create” » “Blog Pages” they are listed here.
4. RSS 1 – These are your RSS Subscription icons.  You can determine which icons appear in this list under “Options” » “Subscription Icons”.
5. Archives Widget - This widget will display a list of Months and Years (i.e. March 2007).  When your visitors click on these links, they will be taken to a page that displays all the articles written in that month.
6. Links Widget – This is in fact your Blogroll.  You can manage everything within your “Links Widget” under the main menu “Blogroll”.
7. Tags Cloud Widget – The tag cloud widget will display a “weighted measure” of the tags used within your site.  Weights are determined by the popularity of the tags.  the more popular a certain tag, the larger the font will appear.  When you first start posting all tags are HUGE.  You can change the settings for these tags under “Options” » “Tags”.
8. Recent Posts Widget – This lists the most recent posts added to your site.
9. Meta Widget – This widget contains  information such as  a “WordPress” link and a link to your Dashboard Log in page.  We recommend you leave this widget off your site.

“Design Center” » “CSS Editor”

If you don’t know what CSS is – don’t touch this area.

The CSS Editor gives you the greatest flexibility in customizing your site.  While you do need to know CSS to customize this yourself, for a CSS Designer this would be a fairly simple project to completely customize the look and feel of your site. We provide CSS customization services and completely customized site designs for Quan$ite members. If you are interested in this custom service, please submit a request for a consult via the Quan$ite support desk.

If you are feeling like you’d like to try your own hand at some basic CSS modifications, we’ve provided some tips for simple modifications to your CSS stylesheet in this Basics of CSS Guide.

Of course, if you decide you want to try your hand at customizing your CSS and something should happen, we’ve provided a handy “Restore Default CSS” button at the bottom of the page to keep you out of trouble.

If you try to modify your CSS and your site breaks, repair is not covered as part of your membership. But, all you need to do is click the “Default” CSS file radio button and “save settings” and your site will revert back to the default CSS settings.

From your dashboard, go to “Site Design Center” » “Navigation Editor”.

There are two options in creating a site navigation bar within your Quan$ite™ website.

1. Plain Text Links
2. Graphic Navigation Tabs

We strongly suggest using the Graphic Navigation setting. This option is set within the “Settings” area of the Navigation Editor. (Be sure to click on “Save Settings” if you change this – you can always change it back later)

Any of the Marketing PRO pages you’ve created can be added to your navigation bar simply by selecting the “Include in Menu” option in the “Links Editor” box. You can even change the name displayed in the link by entering the designed text in the “Link Name” text box for that file. (Be sure to click on “Update Links” when making any changes here.)

What about creating other links to affiliate products or a particular article posted within your site?

To create navigation links of this nature, in the “Create New Link” section, you’ll enter the name of the link you would like to create and the full URL of the page you are linking to and click the “Create” button. (Remember, if you want to “cloak” an affiliate link, use the “Create New Page” section to do that as described above.)

Once your link is created it will show up in the “Links Editor” box with a “chain-link” icon. If at any time you wish to disable a link temporarily, simply uncheck the “Include in Menu” box and the link will not show up in your navigation bar.

To modify the URL of any of these links, in the “Sample Navigation Bar” click on “edit” just below the link to re-enter the URL for that link.

Organizing the Navigation Bar

We don’t always create links or pages in the exact order we intend them to be, so you may find you want to change the order of your links.

To do so, in the “Sample Navigation Bar” section, click on the green arrows above the link names to move them left or right.

From your dashboard go to “Site Design Center” » “Header Editor”.

What is the Header Image Editor?

The header can be one of the most important aspects of your site. Whether you want to include a great header image, or simple add something extra, Quan$ite™ makes this a fairly simple process.

How to use the Quan$ite™ Header Image Editor

If you’re including a Header Image, use the File Manager to upload the image you’d like to use.

The settings on the right-hand side will determine if you’re using the “Default” header or a “Custom” header; and whether you’d like to create your header in “Visual Editor” (aka WYSIWYG) or “Text Editor”.

Modifying the existing custom header

We highly recommend when you first start creating your custom header, you select the “Text Editor” and remove all the code that is in the current “custom” header.

The custom header provided is simply a green box with text in it. If you’d like to keep the box, but change the background color, place your cursor within the “Custom Header” box, right-click and select “Table Properties”.

In the new window that opens, select the “Advanced” tab. Toward the bottom you’ll notice the “Border Color” and “Background Color”. Either paste the HTML color code within the box, or click the color swatch to open a “color-chooser” to change the color. NOTE: your pop-up blocker MUST be turned off for this to work. Click on “Update” and your header box should have the color you selected.

Inserting a custom image header

If you’re inserting an *image header in the Visual Editor, place your cursor within the editor box, then click the “Tree icon” which you will use to insert images. A small window will open.

* Note: If you’d like to add a custom image header, we offer Quan$ite members this design service service. If you don’t have a graphic designer on your team and are interested in a custom image header, please submit a request for more information on this customization service via the Quan$ite support desk.

Under the General tab, enter the complete image URL of your image (which you can get from the “File Information” area within your “File Manger”, a good keyword-rich description of your image, and a strong keyword-rich Title.

Under the Appearance tab you can set the alignment. You’ll see a little “display” sample of what the alignment is like. If you want text to “wrap around” your image, this is where you would set that. (For your header image, don’t use this option unless your image is just a small portion of your new header.) You’ll also set the size of your image here. Keep the “Constrain proportions” checked in order to keep your image proportioned correctly.

In the Advanced tab you’ll be able to create a “mouse-over” effect if you’d like by selecting the “Alternative image” checkbox and adding the alternate image URL in the appropriate box.

HELPFUL HINT: If you notice that your new custom header is pushing itself far to the right, enter a line break just above your new header code. < br > (take out the spaces)

The following video tutorial will guide you step-by-step through the process outlined above.