Archive for the ‘Tutorial Release’ Category

Please create a Google account at http://www.google.com/. Input your information, and then get a new account.

Sign in Google, enter “My Account”, and click “Sitemaps”, the page is switched to the Google Sitemaps. In “Add Site” field, type the URL address of your website, like this http://www.sothink.com/. Click “OK” to finish the website submission.

Next step is to verify your site. In order to make sure the users are the site owners of the submitted website, Google will auto-generate an HTML file or META tag. And you can upload either one to verify your permission.

Insert the META tag in the first <HEAD> section of the page for home page of your website. META tag looks like this:

<META name=”verify-v1″ content=”DWDVgMvSlthYghh8yyM2MEX3KYopZGB8b3CW/RlBHPg=” />

Name an HTML file like this and upload it: google5704341f95df93c5.html

After Google verifies you are the site owner who admin the submitted website, there is true marker in the column “Site Verified?”. Now, you can manage the website on Google.

Sitemap can be generated in XML format by Sothink DHTML Menu. Please save the sitemap and upload this *.xml file into the root directory of your website.

Now, submitting the sitemap into Google. Please click “Add a Sitemap” in the column “Sitemap”; and then choose a sitemap type, users generally select “Add General Web Sitemap”; input URL address of uploaded sitemap like this: http://www.sothink.com/sitemap.xml, and wait for verifying the sitemap.

If Google verifies the sitemap, all the processes are finished. And you can control the information about website on Google

The same menu contents and identical menu structure in JavaScript menu, but website designers create so many attractive drop down menus of different styles for various websites. It owes to diverse menu styles to do a magic trick on DHTML menus, which makes web menus amazing and stunning. Using CSS can control menu styles if you are proficient in HTML code; if not, navigation bar builder will be the better way to customize everything for your web menus.

In Sothink DHTML Menu, the program provides preset menu styles which can be applied to menu item in one click; to get extremely the same DHTML menu with your imagination, you can customize menu styles in this program, which creates thousands combinations of menu display, special effect, background, margin, color, font, image, cursor, separator and icon. Let’s take a close look to see how DHTML menu builder changes your menu style:

  1. Reset menu display to get a brand-new menu. Modify horizontal menu to vertical menu.
  2. Set properties for navigation bar and its items to build a totally different web menu, these properties include background, color, special effect, font, etc.
  3. Add graphics to customize the cursor, icon and separator images.
  4. web menu can play sound when mouse interacts with item.
  5. One web menu can be inserted to multi-page and one page can include multi-menu.
  6. Set menu width in percentage to layout the website design.
  7. Show sub menu by mouse event.

If you are not satisfied with your Flash menu, why not to try DHTML menu builder to create JavaScript menu of your mind?Now, download Sothink DHTML menu to make it come true.

The annual Thanksgiving Day is close to us, this holiday is cheerful and grateful. Everything will be decorated with beautiful and lovely objects, which shows the sense of family harmony and joy. I guess you have designed Thanksgiving theme for your website, what else to decorate Thanksgiving website? web menu is not only an essential element to decorate and navigate the website, but also an amazing object to interact with viewers.

To create unique personalized Thanksgiving  menu, we will share some tips with you:

1.    Include graphics contain delicious food in web menu.
2.    Use warm color as background for Thanksgiving JavaScript menu.
3.    Add some special effects to attract the viewer and decorate your navigation bar.
4.    Navigate the viewers to next exciting page by DHTML menu.

Using Sothink DHTML Menu, you can apply preset resources to create Thanksgiving menu in five minute s following to above-mentioned tips.

1.    Start drop down menu from Built-in Template.
2.    Choose or customize Background image from image library.
3.    Select proper effects from special menu effects.
4.    Select the appropriate menu style from preset styles.
5.    Edit the menu items and add separators.
6.    Setting Font for menu items.

An attractive Flash menu is finished in five minutes because of rich resources. Download Sothink DHTML Menu to get more free resources to customize your Flash menus.

SEO is a hot topic for website design all the time, since the majority of website traffics come from search engine instead of visual attractiveness. Every element in website design should take SEO into consideration. As for navigation bar, website designers usually choose SE friendly DHTML menu to get crawled easily by spider.

DHTML menu can be search friendly to search engine spiders by three ways:

  • Generate the SE friendly code and insert it to webpage
  • Make XML sitemap and submit it to main-stream Search Engine
  • Generate sitemap to help navigate site and make it to be  indexed

As drop down menu builder, Sothink DHTML menu not only enables to create the attractive web menu, but also provides the useful tools to make navigation menus SE friendly. Let’s check out these SEO tools:

  1. Search Engine Friendly Code Maker
    Pro: This tool enables to generate special codes which are readable for web crawlers; and these SE friendly codes can enhance the presence and visibility of a website on search engine listings. The maker will behave like sitemap if JavaScript is forbidden in the browser, which the menu is shown in text link.
    Usage: After publishing the menu into page, you can check button in the program to open dialog, and click “Copy All” button to copy these codes, and paste them behind the menu code between tag within webpage.
    Button:

    Dialog:
  2. Google XML Sitemap
    Pro:
    This tool can generate XML sitemap, which is special for Google search engine. This XML sitemap makes good use of the search engine spiders’ time by make the engines index pages from your site efficiently; and provides the opportunity to make search engines know priority, update time and change frequency.
    Usage:
    Finishing the menu configuration, you can check button in the program to open dialog; input your website link and check the related options to set sitemap; click “Save XML” button to save XML sitemap to defined path. At last, submit this XML sitemap to Google.
    Button:


    Dialog:
  3. Generate Sitemap
    Pro: Sitemap allows search engine crawlers index the website easily; it enables to make SE find all the pages. Even some internal links, sitemap still improves PrageRank or link popularity to all pages it links. Also sitemap helps with usability and site navigation based on existing menu structure used in website.
    Usage: Completing the menu creation, you can check button in the program to open dialog; choose theme, at
    tach CSS and check the related options to set sitemap page; click “Save…” button to save HTML page to defined path.
    Button:

    Dialog:

The tree menu has guide line to show the node’s hierarchy by default. If you dislike these guide lines showing in the tree menu, you can uncheck the option to delete them. Please click Global Seetings > Line on the tasks panel, and property panel in the bottom pops up, you will see the option “Show lines” checked. The tree menu is deleted the guide lines in the preview window immediately by unchecking this option.

Button in the tree menu indicates that the node has sub nodes, the visitors can expand the node to view sub nodes in details, or collapse the buttons to hide the sub nodes. In order to match with your website, the buttons can be customized to suit for your style. Please go to Global Settings > Button, choose the buttons image from the built-in image library or the prepared images to insert the image to tree menu; and also you can type the path to insert the tree menu. Surely, you can set the width and the height of button image to perfect your tree menu.

–To get rid of the border of the main menu, please choose in Menu Tree panel, choose “Popup Menu > Border” in tasks panel, and set the Border Width as “0”.
To get rid of the border of the sub menu, please first select the menu item which has the sub menu in Menu Tree panel, choose “Popup Menu > Border” in tasks panel, and set the Border Width as “0”.
To get rid of the border of each menu item, please first select the menu item in Menu Tree panel, choose “Menu Item > Border” in tasks panel, and set the Border Width as “0”.

Please create a Google account at http://www.google.com/. Input your information, and then get a new account.

Sign in Google, enter “My Account”, and click “Sitemaps”. The page is switched to the Google Sitemaps. In “Add Site” field, type the URL address of your website, like this http://www.sothink.com/. Click “Ok” to finish the website submission.

Next step is to verify your site. In order to make sure the users are the site owners of the submitted website, Google will auto-generate an HTML file or META tag. Upload either one to verify your permission.

Insert the META tag in the first <HEAD> section of the page for home page of your website. META tag looks like this:

<META name=”verify-v1″ content=”DWDVgMvSlthYghh8yyM2MEX3KYopZGB8b3CW/RlBHPg=” />

Name an HTML file like this and upload it: google5704341f95df93c5.html

After Google verifies you are the site owner who admin the submitted website, there is true marker in the column “Site Verified?”, and you can manage the website on Google.

Sitemap can be generated in XML format by Sothink DHTML Menu. Please save the sitemap and upload this *.xml file into the root directory of your website.

Now, submitting the sitemap into Google. Please click “Add a Sitemap” in the column “Sitemap”; and then choose a sitemap type, users generally select “Add General Web Sitemap”; input URL address of uploaded sitemap like this :
http://www.sothink.com/sitemap.xml, and wait for verifying the sitemap.

If Google verifies the sitemap, all the processes are finished. And you can control the information about website on Google.

There are two ways to show ruler in Sothink DHTML Menu, one is to click “View > Ruler” on the menu bar; the other is to press shortcut key Ctrl+R.

Change the measurement units

To change the measurement units, just right-click anywhere within the ruler to popup ruler settings. The available units are pixel, inch, or centimeter. And default measurement units is pixel.The current coordinates of the mouse show in the right bottom of the state bar when the measurement units is pixel. You can see the current coordinates of the mouse as X 148 and Y 44 from above image.

Change the coordinate origin
To change the coordinate origin, just press down the mouse in intersection area of horz ruler and vert ruler, and then drag the crossing down to the position where you want the coordinates origin locate. When dragging the crossing, a horz and a vert line will appear to guide you.
The new coordinate origin is the intersection of horz guide and vert guide line. Take above image for example, new 0 in the top ruler moves 200 pixels right ; and new 0 in the left ruler moves 150 pixels down, the crossing is the new coordinate origin. Though the guide lines are only visible in the preview window, it is allowed to set the new origin anywhere outside the preview window.

To restore the ruler coordinate origin you can choose “Reset” in the right-click menu mentioned above (Right-click anywhere within the ruler to let the menu popup).

Download Sothink DHTML Menu to get more ruler function.

Node event not only can be a link, but also can be JavaScript. Following are two samples.

A. Open a customer defined window

1. Create a node;
2. In Node Settings > General, choose “_self” in the Target box;3. In link box, input code as follows:
javascript:window.open(“http://www.sothink.com”,”_blank”,
“width=800,height=600,status=yes,toolbar=no,”)

B. Open a user-defined function window.

Note: It supports only Internet Explorer.

1. Add user-defined function into in web page like this:
2. In Node Settings > General, choose “_self” in the Target box;3. In Link box, input code as follows:
javascript:myaddFavorite()