Arguably, WordPress is the most popular blog creation program. It's free, easy to set up, and there are many themes available so you can change the look of your blog.
We have a Web Development Blog that was created with WordPress and includes a Sothink DHTMLMenu. For the WordPress blog, we used the LGBlue3c 1.0 theme by Theme Porter. For the DHTMLMenu, we used the "High Tech" theme that is included with current versions of the program.
To assist others who may want to incorporate a DHTMLMenu in a WordPress blog, here is how we included the menu in the WordPress blog:
1) Before we developed the menu, we created a subdirectory to hold the menu resource files. The files for the theme are located in wp-content/themes/lgblue3c-10. Within the lgblue3c-10 directory, we created a subdirectory called menu for the menu resource files.
2) We developed the menu using DHTMLMenu, Version 7. Under Global Settings - Menu Type we selected "Float" and, after some experimenting, we found that the initial "Y" coordinate for the menu should be 125 pixels from the top of the page, so the X/Y coordinates we used for the floating menu were 0/125.
3) We wanted the menu centered horizontally and, when the page was scrolled, we wanted the menu to be 10 pixels from the top of the page instead of the initial position of 125 pixels. To accomplish that, we selected the first item in the menu tree and, under Menu Item Settings - Condition, we entered the following code in the Prefix box:
st_cm.x="Math.max(stgcl()+parseInt(stgcw()/2-stgRc(p._layer)[2]/2),0)";
st_cm.y="Math.max(125,stgct()+10)";
4) Under Global Settings - Web Path, we entered the following for both Script and Image paths:
http://www.pittstop.com/wordpress/wp-content/themes/lgblue3c-10/menu/
Although an absolute path was not necessary in this case, we encourage people to get in the habit of using an absolute path.
5) When we published the menu we selected the option to create a JavaScript include file and named the file menu.js. we then saved all the menu resource files to wp-content/themes/lgblue3c-10/menu/.
6) We opened the theme's header.php file and made the following edits:
a) Immediately after the final <meta> tag and before the first stylesheet link, we added the following code:
<script type="text/javascript" language="JavaScript1.2" src="http://www.pittstop.com/wordpress/wp-content/themes/lgblue3c-10/menu/stmenu.js"></script>
b) Immediately after the opening body tag, we added the following code:
<script type="text/javascript" language="JavaScript1.2" src="http://www.pittstop.com/wordpress/wp-content/themes/lgblue3c-10/menu/menu.js"></script>
We saved our work and uploaded the files to the server.