How to move .com.np to Blogger

 

After you have included content in Artisteer and published your template to Blogger, you will need to publish all the pages from your template in order to have them displayed in your blog. For this please follow the steps below:

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

Blogger does not support uploading images directly to Blogspot accounts, so you will need to select one of methods available in Artisteer for hosting template's images externally. Artisteer provides three image hosting options which may be used depending on your reliability and performance requirements:

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.
   
   

You may also use any other service to host your images. In such case you select to export (rather than publish) your template in Blogger format and separately upload images to your hosting destination.

Please, keep in mind that neither ImageShack nor Picasa allow to publish .swf files. Using Flash Header will require some other hosting service for uploading images. For this select "FTP server" as a hosting service in Artisteer Export Options.

EXPORTING AND INSTALLING BLOGGER TEMPLATES

In some cases you may choose not to publish your Blogger template but export and manually upload it. 
To export a Blogger design:

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.

To install a Blogger template:

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

Before publishing/exporting the template open Artisteer Export Options (File -> Export -> Options -> Blogger) and specify the Horizontal Menu Source. The default horizontal menu source will be Pages, but you can also select "Custom" if you would like to use custom links. 



To edit the menu in Blogger:

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.

Note:

• 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

To edit the 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

The "Show Blogger Navbar" option allows you to hide/show the Blogger navigation bar on the top of your pages. To set this option go please to File -> Export -> Options -> Blogger. 



Make sure that you do not violate Blogger Terms of Service if you decide to remove the 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%;
   }

Why should you create blog in blogger.com, not in other free blog providers? Actually, there is no “should”, but blogger.com has more advantages than other providers do. One of the advantages is the easiness in operating so that blogger.com is good for the beginners. Other advantages are the freedom in editing and replacing the templates to make the best display, custom domain which means that you can replace the domain with your own but with the blogspot hosting, e.g. yourname.blogspot.com can be changed into yourname.com, but still in the same hosting, i.e. the free blogspot hosting.

•  Please visit http://www.blogger.com

• After registration page open, go to the right bottom of the page where you can change the language to your own to make you easier to understand the instructions, but in this tutorial, I use English for more global targeting. Please login by using your username and password of your gmail (your email account is allowed to use for login to blogger).

• Click "CREATE A BLOG" button

•  Enter your Blog Title in the field next to "Blog Title", and your expected blog address in the field next to “Blog address (URL). Need to remember that when you enter your expected blog address, you have to be sure of it as you cannot replace it in the future, except you use Custom Domain facility. Check for the availability. If your expected blog address is not available, replace with your new one and so on until you get it. Then type the character you see next to "Word verification", below blog address point and click CONTINUE for the next steps.

• Choose a starter template, meaning that you can replace this template in the future and then click CONTINUE.  

• You will see "Your Blog has been created!" meaning that now you have a blog and you are ready to start Blogging, by clicking "START BLOGGING".  

You will soon be in the post editor, where you can write anything as you may have thought about before. (it is recommended to directly write for your first post to avoid "Blogger Anti-Spam Robot" that can result in your blog locked. For instance, you can write a very short entry if you have not prepared an entry: "Hello World!", and anything else you want. Click "PREVIEW" button to view how your post will be displayed, then click "PUBLISH POST" if you want your entry to be published.

• Click "View Post" to see your blog. Below is the example of the blog display created

 Don