While practising to make my bit of a video I have encountered several problems. Here are some of the problems that I found:

• Smoothness of Delivery
• Audio Blanking
• Audio Quality
• Audio Dropout
• WMV Format is Essential

Description and fixes:

Smoothness of Delivery

At first it is very hard to make a smooth delivery of the verbal description of what is happening. Do not despair! – this problem will go away enough to do an acceptable job. Here are some tips:

1. It is worth writing an actual script, which clearly distinguishes between “stage direction” and “narrative”.  Print this script, or if possible display it on a second monitor. The idea is not to rote-memorize the script, but to record the details of terminology that you want to use (e.g. the difference between “project” and “package”), to make sure that your presentation has a good logical flow, and to order the mouse operations in a neat way so that you are not constantly switching backwards and forwards between different windows in a way that is confusing for the viewer.
   This is good work for programmers – it’s no more than we always try to do with our algorithms!
2. Practice plenty of times. If you do, you will find that the job “meets
   you half way”. You will quickly remember the order of things that you want to explain, and you will find that you can fill in the bits between on the fly,in your own words, in a way that sounds very natural and conversational when you play it back. Expect to modify your script a little after every try – particularly the ordering of mouse operations, which will sometimes require a re-ordering of the logical flow of your explanations.
3. Do not start talking the instant you click the Camtasia Record button, or hit F10 (to stop recording) the instant you stop talking. It seems to take Camtasia a couple of seconds to start and stop recording reliably, so click Record (or stop talking) , and silently count “one, two, three” before you begin talking (or hit F10).
4. The F9 key is your friend. Press F9 and recording will pause. Press F9
   again to continue recording. Don’t wait until you are tonge-tied and
   confused before you press it – there’s a weird kind of paralysis which kicks in and makes finding F9 hard. As you practice you will soon learn where the natural breaks are, where you want to scroll your script, take a breath, and organise your next paragraph in your mind.
5. Remember that every go is a practice, until you happen to get one that satisfies you. Also remember that you can hear every little error – the question is, will the viewer notice anything? Go into a quiet and private place to practice if that makes you feel less self-conscious.

Audio Blanking

The Camtasia Recorder control window (with the “Select area to record” button) offers some interesting menu items:

Effects/Cursor/Highlight Cursor is really good – it provides a yellow circle
around the cursor in the finished video which can be used as a pointer to
gesture at interesting things as well as a practical aid to spotting where the
cursor is. Turn this on (a black dot appears by the option).

Effects/Sound/Mouse Click Sounds and Effects/Sound/Keyboard Sounds sound good but actually they are bad news. The problem is that the generated click is embedded in a region of generated silence, which over-rules the narrative from the microphone at a really important point. Do not use these effects!

Audio Quality

All of the available codecs except “MPEG Layer-3 (TechSmith LAME)”
(henceforth “LAME”) produce dreadful audio quality in the finished WMV product. It is necessary to use LAME for recording.

In the Camtasia Recorder control window (with the “Select area to record”
button). Choose Tools/Options…, click the Audio tab, click the Audio Format button and select Format as LAME. Name should be left as [untitled] – this seems to come with LAME. Press OK in the Audio format window, and then OK in the Options window.

Audio Dropout

LAME is the only good codec, but it has a problem of its own. When recording sequences longer than a few seconds I found that the audio would suddenly disappear in the finished product. This does NOT happen in the Camtasia player that starts during the production process, but does happen in the finished WMV file, when I checked them through carefully. The other audio codecs don’t seem to have this problem, but produce unacceptable quality.

Google finds lots of pages about Camtasia audio problems, and one common
suggestion is to use a USB microphone rather than one which plugs into the
analogue sound card. This morning I plugged in a USB microphone and made a WMV with good quality audio which did not disappear after a few seconds.

After Windows has detected the microphone, it can be selected in the
Camtasia Recorder control window (with the “Select area to record” button),
Tools/Options…, Audio tab, where the Audio Format button is found.

WMV Format is Essential

The AVI format offered by Camtasia requires a special codec to be present on the playback machine. This presents an unnecessary barrier to entry, which can be solved by rendering the final product in WMV format instead. The additional benefit is that WMV output files are about 60% the size of AVI output files, with no appreciable reduction in the clarity of e.g. fine fonts in the Eclipse Package Explorer or audio quality.

In the Camtasia Production Wizard (which pops up at the end of recording, after you’ve saved your recording) select “Custom production settings” and

click Next>. Select “WMV” and click Next>. Then keep clicking Next> until you reach the Produce Video screen, where you click Finish.
Rendering in WMV requires a lot of time and sometimes it is problematic… very often Camtasia ” randomly” produces WMV file containing only part of the video (in my case only 3, 5, 8 minutes on 11), so when rendering it is better to:

• close all your applications
• disable the screen saver
• disconnect the cable of the network
• do nothing and to leave Camtasia 100% of the CPU!

At the end play ANYWAY the file in Windows Media Player and verify that is complete until last frame!

Regarding AVI files

AVI files are affected by problems when played in Windows Media Player, the voice at the beginning disappers, so don’t use them.

Regarding Flash files

I didn’t find any particular problem with Flash .flv video files.

I use and recommend gsitecrawler.com. Go to their site and download the software and install on your computer. Enter the URL of the site you want to generate a sitemap for and gsitecrawler will follow every link on you site. You also have the option of automatically uploading the sitemap to your site. The sitemap, once generated, is placed in a nominated directory on your computer ready for uploading.

Upload the site map to the top level folder of your site i.e. http://www.yourdomain.com/sitemap.xml and inform the search engines where it is. There are a number of ways to do this. You could add a line to to your robots.txt file like this – sitemap: http://www.yourdomain.com/sitemap.xml
This will inform the search engines where your sitemap is.

Another way is to inform the search engines directly by pinging them.Here are the addresses:

google

http://www.google.com/webmasters/sitemaps/ping?sitemap=http:%3A//www.domain.com/sitemap.xml

yahoo

http://search.yahooapis.com/SiteExplorerService/V1/updateNotification?appid=YahooDemo&url=http://www.domain.com/sitemap.xml

(Replace Domain.come above with the domain of your site)

Another highly recommended way is to sign up to each of the search engines webmaster portals. These are www.google.com/webmasters/tools/, https://siteexplorer.search.yahoo.com/, and http://webmaster.live.com.

Once you start to get your pages indexed in the search engines, your on the way to effective SEO.

Here is a great php tip for those who want to load a different image into your header every time the page loads. For example, you may have a folder of images that you want to rotate in your header or any element of your site for that matter. Here’s how to do it.

Place all your images in a folder and name them something like this:

• pics/image1.jpg
• pics/image2.jpg
• pics/image3.jpg

Use the php rand() function to give your header an random id.

<div id="header<?php echo rand(1,3); ?>">
<!-- header content here --></div>

The rand function in the code above returns a random number between 1 and 3 which is what we want. So every time the page is loaded, we get an id of either header1, header2 or header3. In you CSS you can now markup like this.

DIV#header1 {background-image:url("pics/image1.jpg")}
DIV#header2 {background-image:url("pics/image2.jpg")}
DIV#header3 {background-image:url("pics/image3.jpg")}

Now your page loads with a random header image. Brilliant!

Link Spamming

This is poison for your site. OK, you’ll have thousands of links, but not quality links. Google loves links if they are authoritative but will penalise you if you have loads of crap pointing to your site. Forget the business of getting thousands of links to your site. Spend your time instead enhancing your site and you will be much better off in the long run.

Choosing Bad Keywords

Anyone can rank well for bad keywords, but the real trick is ranking for popular keywords that will bring traffic to your site. So do your keyword research and don’t pick obscure or unpopular keywords. You may rank for “Canon SLR d300 buy at Hopkins”, but if no one searches for the term, then what good is ranking for it?

Nondescript Anchor Text

Google uses anchor text to navigate around your site.  Avoid unimaginative anchor text such as ‘Click here’ and ”Read More’ as they do not describe your pages in a way that is descriptive. Try to use them as imaginatively as possible for example, for a link to a holiday review use text like ‘Read our Monaco Hotels Review’, not ‘Monaco Review’

Writing for Google instead of your Readers

This is a real waste. In the early years of the internet writhing for search engines worked a charm and you could guarantee front page listings for your targeted keywords. Search engines are more sophisticated these days and can easily spot text written solely for web crawler consumption and will penalise sites that try this trick. Instead, write content that will engage your readers and make them return. This may sound repetitive, but it is the only thing that really works in the long run.

Not keeping track of your SEO

This is one of those tasks that often gets forgotten in the drive to push your site to the top of the organic listings. Every time you make changes to the site or add articles, it is very instructive to see the effectiveness of these changes. Tracking your SEO will show you the road to better traffic and organic listings and what works for your site.

Not keeping your site Accessible

Keeping your site accessible is a critical consideration because your site should be navigable to all users including those visually impaired and hearing difficulties. Always make your link text as descriptive as possible and make sure you fill in your alt tags for your images. Other considerations are how your site behaves when a user increases the font size. Will this cause overflow problems? Have you tested this on all the main browsers?

Failing to have a SEO plan

This is always hard to do, epically for newcomers who just want to dive headlong into the world of SEO. Pace your strategy and mark out important waypoints along the way. Remember, this is a marathon, not a sprint.

So, what are 404 pages? If you try to browse to a non-existent page, this will cause a 404 error on the server and you will be directed to a 404 page. The problem arises for some when the server redirects your visitor to a 404 page they want to see rather than the one that you want. Take a look at a hostgator 404 page:

Not pretty, is it? This is a clever way for hostgator to make money on your sites and even direct traffic away from your site. Read on to see how to create your own custom 404 page and keep visitors at your site.

You will nees file access to your sites root directory. After you browse to this directory you will see a file named .htaccess. If you use a putty client to log in, use the ls -al command not ls -l to view the file.

Open the .htaccess file for editing and add the following code:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^yoursite.com$ [OR]
RewriteCond %{HTTP_HOST} ^www.yoursite.com/directory$
RewriteRule ^(.*)$ "http\:\/\/www\.yoursite\.com\/directory" [R=301,L]
ErrorDocument 404 http://www.yoursite.com/directory/404.shtml

Don’t worry about the code too much. For now just change the “yoursite.com” and “directory” to match your site and directory of the root of your site. Leave the directory out if your site is installed in the root of your server.

Notice the last line of the code has the path to the 404 file. Now, create a file called 404.shtml, and add your 404 text, e.g. ‘File not Found’. And that’s it! To test, browse to a non-existant page on your site and you should see the text you entered in the 404.shtml page. It’s a bit bare, but you can now customise it to suit the look and feel of your site.

Google does this if believes that a site has been naughty in it’s marketing techniques. It is not just spam sites that google now targets, but any site could become victim of the google curse.

How do you know if your site is a victim of this latest round of blood-letting? Check your index stats in the google search engine “site:yoursite.com”, and do a search for your targeted keywords in google. If you find a dramatic drop in your rankings or index pages, then the almighty google has purged your site.

This seems to be happening to the most unsuspecting sites. I have heard from Eamonn, the webmaster of telcojobs.eu, that overnight all his marketing efforts since he started the site have been for nought. “I noticed my traffic was way down this morning, but when I checked my keywords, they were nowhere to be seen!” said Eamon. “I’ve been working solid with article marketing for 6 months and now it’s down the tubes”.

It is the sort of news that makes a webmasters’ blood run cold or wake you in the night in a screaming cold sweat. I suppose the moral of the story here is never entrust you websites success in the hands of the google gods. Always look for diverse traffic from many different sources like banner ads, social networking and the other search engines like MSN and yahoo.

So, what do you do if your site is slammed by google? Well, you might have to bite your tongue and follow googles own guidelines.

Determine whether your site is still in our index – site:www.yoursite.com
Verify your site ranks for your domain name – if it ranks poorly in the results, then google probably has penalised you. if this is the case, then you will be sent an explaination to the Message Center area in your webmaster tools, if you have set one up.
Request Reconsideration – This will allow to post a rant directly to google, but your probably better off banging your head off a brick wall as it can take many weeks for google to respond. And don’t expect the gods to lift their curse.

Have a look at the Collapsible jQuery Example for wordpress we are going to use here.

jQuery WordPress Example

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam dictum diam in nisl. Nunc eu metus quis turpis elementum euismod. Maecenas ut est id nunc gravida volutpat. Fusce sit amet urna nec erat elementum viverra. Aliquam urna sem, accumsan in, vulputate at, egestas eu, felis.Ut risus.
Aliquam non magna fringilla justo varius scelerisque. Nam consectetuer lectus et urna. Cras a ligula elementum quam vulputate fringilla. Vestibulum lorem. Nulla neque sem, dictum a, fermentum in, suscipit at, nunc. Vestibulum vitae tortor in risus facilisis iaculis.

Nulla elit nisl, tempus vitae, pulvinar eget, consectetuer eget, enim. Nam condimentum. Nullam euismod, magna non posuere tristique, magna lorem hendrerit risus, a scelerisque quam enim quis quam. Sed id enim. Aenean eget orci.

Close

So, how to add this magic to your blog?

First go to your theme editor and add the following code fragment to your ‘Header.php‘ file right after the <?php wp_head(); ?> tag:

<?php wp_enqueue_script('jquery'); ?>

<script type="text/javascript">
      jQuery(document).ready(function(){
      jQuery('#content1').hide();
      jQuery('a').click(function(){
            jQuery('#content1').show('slow');
      });

   jQuery('a#close').click(function(){
           jQuery('#content1').hide('slow');
        })
       });
</script>

The code above first waits for the page to load completely before initiating the jQuery calls. The calls to hide and show the content are then defined as well as the speed of the show/hide functions.

Now add the following html code to your wordpress blog. Make sure it is added in HTML mode:

<a id="click" href="#">Collapsible divs jQuery for WordPress</a>
<div class="box">
<div id="content1"><img class="alignright" src="http://www.telcojobs.eu/cms/Portals/0/Nokia_HQ.jpg" alt="" width="300" height="225" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean leo felis, tristique et, hendrerit sed, pharetra id, felis. Vestibulum rhoncus dictum tortor. Donec id enim. Nulla cursus ultrices elit. Suspendisse feugiat, magna vitae tincidunt condimentum, erat tortor cursus nibh, at congue arcu lectus quis nulla. Phasellus sed augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 

Etiam facilisis, enim nec gravida viverra, nisi lorem posuere arcu, nec interdum metus lorem vel risus. Donec est erat, viverra a, dapibus quis, interdum eu, dui.
<a id="close" href="#">Close</a></div>
</div>

This is the divs containing the content. Notice the id names given to the <a> and <div> tags as they correspond to the jQuery calls defined in the header.

Add the following stlye tags to your css code (usually style.css) to add a nice border to the content.

#content1{
    border:1px solid #CCCC33;
    padding:10px;
    margin-top:10px;
    width:500px;

}

Publish your page and click on the Collapsible divs jQuery for WordPress link to test your code.