1. Go to My Blogs in Blogger and choose the blog.
2. Navigate Pages.
3. Drag and drop the neccessary pages from Hidden to Pages section like this:
   
   
   You may need to move the default "Home" page from Pages to Hidden section.
4. Go to Layout -> Pages and click Edit, you will see Configure Pages List.
5. Enable the pages that should be present in your horizontal menu (in the order you wish them to appear in the menu area) by checking the boxes next to them:
   
   
   
   Uncheck the box for the default Home page.
6. Click "Save" and preview the blog. All the pages should be present as in Artisteer project.

HOSTING IMAGES

1. Picasa Web Albums 
   This service is used by default and is suitable in most cases as Picasa utilizes the same Google account used for Blogger and does not require additional registration or configuration. 
   To set the hosting options navigate please File -> Export -> Options -> Image Hosting. 
   
    
   
   NOTE: Picasa does not support large images being accessed from custom domains, therefore when hosting your blog on a custom domain (eg. www.<yourname>.com) Artisteer will instead upload larger images to free ImageShack image hosting service. This may occasionally result in slower performance, therefore custom domain owners may consider choosing other image hosting options listed below. 
   
2. ImageShack 
   ImageShack is an alternative to Picasa and offers a free service that does not require user registration for uploading the images. Nevertheless, you should be registered to use your hosted images. Artisteer supports both free service and paid ImageShack accounts. Enter your login information in Artisteer to use the ImageShack hosting. 
   
   
   
3. FTP 
   You may choose to upload images to an FTP server by providing your FTP account information, FTP folder where you want images to be stored, and the URL that corresponds to the specified FTP folder.
   
   

EXPORTING AND INSTALLING BLOGGER TEMPLATES

1. Navigate Export -> Blogger Template.



2. In the Export dialog enter the folder name and the path to the exported template, check the appropriate boxes to export the template as ZIP archive and/or include the ARTX project.
3. Select the location for the exported images, configure the Menu Source and other options by clicking "Options".
4. Click the "Export" button.

1. Open the exported main.xml file and modify the image paths to reflect the location you’ve chosen to place the image files.
2. Log in to your Blogger Dashboard.
3. Navigate Template -> Edit HTML and paste the code from main.xml.
4. Confirm and Save.

CREATING HORIZONTAL MENU

1. Log in to your Blogger Dashboard.
2. Go to Layout-> Pages -> Edit. This will take you to Configure Page List. 
   
   If you are creating a custom Top Menu instead of Pages you will see the Top Menu bar. Select Edit and add the menu item link in the Configure Links List.
   
   
   
3. Click "Add Link" to add links.
4. If you need a multi-level menu please enter "-" (dash) before the Subitem name, for example: "-Submenu Item".
   Please note that the Submenu item should be placed below the parent menu item.The page-source menus can have only one level of menu items.
5. Click Save.

• If you do not want to use the menu please select a layout in Artisteer without a menu.
• "Home" item is added when the "Show Home item" option in Artisteer Export Options dialog is set to Yes. 
  
  

WORKING WITH VERTICAL MENU

1. Log in to your Blogger Dashboard and select "Layout".
2. Find the Vertical Menu area and select "Edit". The Vertical Menu area will be named "Pages", "Links" or "Archive" depending on the selected Vertical Menu Source.
3. Add menu item links in the Configure Links List.
4. If you need a multi-level menu please enter "-" (dash) before the Subitem name, for example: "-Submenu Item". Please, make sure to place the Submenu item below the parent menu item. 
   
   Note: The page-source menus can have only one level of menu items.
   
   
   Subitems will show up on the website after clicking the parent item. To change this setting, please open your Artisteer project and navigate Vertical Menu -> Submenu -> Levels -> e.g. All Open. After that re-publish your template and repeat the steps described above. 
   
   
   
5. Click Save.

DISPLAYING BLOGGER NAVBAR

ADDING GADGETS TO HEADER

1. Drag and drop a gadget above the Header area.
2. Click Edit Gadget and copy the gadget's id, e.g. CustomSearch1. The id is required to position a gadget with CSS.





3. Select Edit HTML and paste a custom CSS code after /* Begin Additional CSS Styles */ in the code window. Use CTRL+F for faster search:

   #CustomSearch1 {
         top: 20px;
         left: 50%;
   }