How to install custom blogger templates

Installing Blogger Themes

Installing Blogger Templates

These are details for manually adding your new SkinUrSite blogger theme up to blogger:

  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. Click the “Layout” link on the Dashboard.
    blogger templates
  4. Click the “Edit HTML” link in tab bar.
  5. Browse for main.xml on your local drive.
    blogger templates
  6. Click the “Upload” button.
    (please ignore error messages, if any)
  7. Confirm and Save.

Please note that if you are using classic template style in Blogger, you will fist need to upgrade it, as follows:

  1. Click the “Template” link.
  2. Click the “Customize Design”.
  3. Click the “Upgrade Your Template” button.
  4. Save Template.

You should then see the “Layout” link on your Blogger Dashboard.

Creating Top Menu

  1. Log in to your Blogger Dashboard.
  2. Go to Layout -> Page Elements -> Top Menu –> Edit
    blogger templates
  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 Submenu item should be placed below the parent menu item.
  5. Click Save.
    blogger templates

Note:

  • “Home” item is added when the “Show Home item” option is created in the theme.Blogger Show Home item

 

  • “Show Blogger Navbar” option allows you to hide/show the Blogger navigation bar on the top of your pages.Blogger Show NavbarMake sure that you do not violate Blogger Terms of Service if you decide to remove the Navbar.

Working with Vertical Menu

Archive as Vertical Menu

Your SkinUrSite theme  automatically applies a vertical menu style to Archive.

You can view the setting at Export template-> Export Options-> Show Archive as Vmenu-> Yes

Blogger Show Archive as VMenu

To disable the adjustment choose “No” in the dropdown menu of the Show Archive as Vmenu.

Adding pages to Vertical menu

While Supporting Showing Pages as vertical menu is at developing stage, we offer you some tips on how you can organize your Vmenu pages manually.

  1. First, disable Show Archive as Vmenu option at Export template-> Export Options-> Show Archive as Vmenu-> No
  2. Open Dashboard and go Customize->Layout->Pages->Edit. Type the title of the menu item.
  3. Enter the URL for displaying the menu item as an absolute link or type “.” (dot) at line start for displaying it as a relative link.
  4. To add sub-items put “-” (dash) before the sub-item name as in Creating Top Menu, step 5

Populating the Footer Links Section

  1. Log in to your Blogger Dashboard.
  2. Go to Layout -> Page Elements -> Footer Links -> Edit.
  3. Enter desired link information and click “Add Link”.
  4. Save.

Populating the Copyright Section

  1. Log in to your Blogger Dashboard.
  2. Go to Layout -> Page Elements -> Copyright Text -> Edit.
  3. Enter the desired text.
  4. Save.
 For more information or details just visit www.SkinUrSite.com

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>