Today with the helpful guidance and fantastic support provided by Justin Tadlock and not forgetting Rarst over at http://themehybrid.com I managed to install a great chord and tab script that I found called Jtab, you can find the link for it on my links page.
The install was pretty easy, I just had to create a new file and upload the javascript files into it, as well as a css style sheet for styling, Then all I needed to do to display the tab on my web pages was just add the appropriate div class’s into my posts and wham-mo, instant chord charts, just like the ones below…
E Am B A
I still need to get used to the functions and will need to refer to the documentation until I get used to using it, but from what I have seen, Jtab would have to be the best solution out there currently for displaying guitar tab on your web pages.
No software downloads, everything is done in the browser.
To give you an idea of the different formats and what it looks like, the tab by itself looks like this…
$2 0 1 3 $1 0 1 3/5 | $B 0 1 3 $e 0 1 3/5 ||
If you want to display both Chord diagrams and tab it will look like…
Bm $3 4 5 $2 3 5 7 | A $4 7 9 $3 7 6 $5 9 $4 7 ||
If your wanting to display chords only it will look something like this…
C:1 C:2 C:3 C:4
The only real issue that I can see that may cause some frustration is there is no control over the width of the tab, meaning that it can run off the page, as in the example below…
A $3 4 4h5p3h4 5 $2 3 5 7 7h8p7 5/7 | G $4 7 9 $3 7 6 $5 9 $4 7h9 7 $5 9\7 5/7 ||
I am obviously going to have to work around that and play with the CSS to see if I can make it a little smaller on the page but for now I am so stoked that I came across it.