---
title: "Adding a Logo to your Movable Type site"
description: "Movable Type does not have any logo in the template by default. In order to place your logo in the header section of your site, you will need to upload your image to the Assets, then add the HTML..."
url: https://www.inmotionhosting.com/support/edu/movable-type/add-logo-to-header-movable-type/
date: 2013-03-11
modified: 2021-08-16
author: "InMotion Hosting Contributor"
categories: ["Movable Type"]
type: post
lang: en
---

# Adding a Logo to your Movable Type site

**Movable Type** does not have any logo in the template by default. In order to place your logo in the header section of your site, you will need to upload your image to the **Assets**, then add the HTML code in the template **Header Banner** linking your logo in the code. Below are the steps to insert a logo into your **Movable Type** websites Default theme.

## Steps to upload a Logo

1. [Log into your Movable Type Dashboard](/support/edu/movable-type/moveable-type-admin/).
2. [![Add New Asset Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-1-assets-new.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-1-assets-new.png) On the left side where it shows “*Assets*“, click **New**.
3. [![Browse for logo Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-2-browse.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-2-browse.png) **Upload** your Logo to the server.
4. [![Manage Assets Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-3-manage-assets.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-3-manage-assets.png) **Click your logo** on the Manage Assets page.
5. [![Get logo path Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-4-get-path.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-4-get-path.png) **Find the path **to your logo image. In this case, the logo was uploaded to the main folder of the Movable Type install directory. In this case, the logo was uploaded to the main install directory. You can use the url in the image tag on step 8.
6. [![Templates Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-5-templates.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-5-templates.png) Go to “*Design*” on the left and click **Templates**.
7. [![Template Module Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-6-template.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-6-template.png) Under the “*Template Modules*“, click the **Banner Header**. [![Header Banner Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-7-banner.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-7-banner.png) You should see the code for the header name and description.
8. [![Image code Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-8-image-code.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-8-image-code.png) Add the following code after the <div id=”header-content”>. <img src="https://example.com/logo.png" alt="My Logo" style="float:left;padding: 0px 20px 0px 0px" /> **Save** the Changes.
9. **[![Publish the site Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-9-publish.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-9-publish.png) **Publish the site by clicking the **Publish** button at the top right.
10. [![Click the Publish button Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-10-publish-site.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-10-publish-site.png) Click **Publish**. [![Close the publish success box Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-11-close.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-11-close.png) You should see a **successful** published notice. **Close** the publishing box. [![Final view with logo on site Movable Type](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-12-final.png)](/support/wp-content/uploads/2013/03/edu_mt_103_add-logo_upload-logo-header-12-final.png) Now when you go to your website you will see you logo at the top left like the snapshot to the right.