{"id":283,"date":"2012-05-09T09:15:19","date_gmt":"2012-05-09T09:15:19","guid":{"rendered":"http:\/\/localhost:8888\/marcos_test\/?p=283"},"modified":"2025-08-28T20:08:46","modified_gmt":"2025-08-29T04:08:46","slug":"how-to-insert-images-in-movable-type-4-xx-the-easy-way","status":"publish","type":"post","link":"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/","title":{"rendered":"How to Insert Images in Movable Type 4.xx &#8211; The Easy Way"},"content":{"rendered":"<p>On Valentine&#8217;s Day of 2010, immediately <strong>after I ported my blogs from Movable Type v. 3.38 to v. 4.33<\/strong>, I made an entry that documented my key observations\u00a0during the entire transition process.<\/p>\n<p>Although optional &#8211; but it will make your main blog page livelier &#8211; one of the most difficult tasks was how to insert an image on the main style sheet.<\/p>\n<p>I even wrote on that very same blog that I will try to make another entry on how I managed to do it.<\/p>\n<p>Well, life goes on and people forget\u00a0but here it is anyway.<\/p>\n<p>However, after looking back at the entire process, it was really simple.<\/p>\n<p>The simplicity was emphasized after I\u00a0re-coded my main website to render it in the\u00a0<a title=\"HTML5\" href=\"http:\/\/www.whatwg.org\/specs\/web-apps\/current-work\/multipage\/the-xhtml-syntax.html\" rel=\"ctag:means homepage\">HTML5<\/a>\/<a title=\"Cascading Style Sheet\" href=\"http:\/\/www.techopedia.com\/definition\/26268\/cascading-style-sheet-css\" rel=\"ctag:means techopedia\">CSS3<\/a>\u00a0version.<\/p>\n<p>So, here&#8217;s how I did it (<strong>note: your MT blog\u00a0must be\u00a0up &amp; running already<\/strong>) on my MT 4.xx\u00a0blog site, so just change\u00a0the URL, the image size, position &amp; alignment on your\u00a0own blogs:<\/p>\n<p>&#8212;-start tutorial&#8212;-<\/p>\n<ul>\n<li>On the server hosting your MT blogs, go to&#8211;&gt;<strong>mt-static<\/strong>&#8211;&gt;<strong>support<\/strong>&#8211;&gt;<strong>themes<\/strong>\u00a0folder.<\/li>\n<li>Depending on your blog theme,\u00a0<span style=\"text-decoration: underline;\">you will see the folder\u00a0<\/span>of the one you used.\u00a0 In my case, it was\u00a0<strong>minimalist-light-green<\/strong><\/li>\n<li>Open that theme folder and you find the exact .css file that you&#8217;re using.\u00a0 Again, mine was minimalist-light-green.css.<\/li>\n<li>Open that .css file, go to the \/* Header&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-*\/ section and add these lines:<\/li>\n<\/ul>\n<p>#header-content {<\/p>\n<p>width: 925px;<\/p>\n<p>margin: 25 px 50px 26px 15px;<\/p>\n<p>background: url (&#8220;enter <strong>your website link here<\/strong>&#8220;) no-repeat bottom right;<\/p>\n<p>padding-right: 1px<\/p>\n<p>padding-left: 0 px<\/p>\n<p>}<\/p>\n<p>&#8212;-end tutorial&#8212;-<\/p>\n<p>Note that the\u00a0<span style=\"text-decoration: underline;\">key entry line<\/span>\u00a0is the\u00a0<strong>background: url\u00a0<\/strong>since it is where your image is to be looked-up by your main style sheet.<\/p>\n<p>That was easy, wasn&#8217;t it?<\/p>\n<p>The hard part in Movable Type is\u00a0just in what folder where to look for the right .css file to insert and edit your image since there are so many files and folders after the installation of the software.<\/p>\n<p>Hope this helps all MT users who like to put up an image within the style sheet !!!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>On Valentine&#8217;s Day of 2010, immediately after I ported my blogs from Movable Type v. 3.38 to v. 4.33, I made an entry that documented my key observations\u00a0during the entire transition process. Although optional &#8211; but it will make your main blog page livelier &#8211; one of the most difficult tasks was how to insert &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Insert Images in Movable Type 4.xx &#8211; The Easy Way&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-283","post","type-post","status-publish","format-standard","hentry","category-whats-new"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Insert Images in Movable Type 4.xx - The Easy Way - Baclaran Para\u00f1aque Rizal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Insert Images in Movable Type 4.xx - The Easy Way - Baclaran Para\u00f1aque Rizal\" \/>\n<meta property=\"og:description\" content=\"On Valentine&#8217;s Day of 2010, immediately after I ported my blogs from Movable Type v. 3.38 to v. 4.33, I made an entry that documented my key observations\u00a0during the entire transition process. Although optional &#8211; but it will make your main blog page livelier &#8211; one of the most difficult tasks was how to insert &hellip; Continue reading &quot;How to Insert Images in Movable Type 4.xx &#8211; The Easy Way&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/\" \/>\n<meta property=\"og:site_name\" content=\"Baclaran Para\u00f1aque Rizal\" \/>\n<meta property=\"article:published_time\" content=\"2012-05-09T09:15:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-29T04:08:46+00:00\" \/>\n<meta name=\"author\" content=\"Kupitero\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kupitero\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/2012\\\/05\\\/09\\\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/2012\\\/05\\\/09\\\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\\\/\"},\"author\":{\"name\":\"Kupitero\",\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/011a4013dc699eef520dff5d5c7123d3\"},\"headline\":\"How to Insert Images in Movable Type 4.xx &#8211; The Easy Way\",\"datePublished\":\"2012-05-09T09:15:19+00:00\",\"dateModified\":\"2025-08-29T04:08:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/2012\\\/05\\\/09\\\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\\\/\"},\"wordCount\":359,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/011a4013dc699eef520dff5d5c7123d3\"},\"articleSection\":[\"What's New?\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/2012\\\/05\\\/09\\\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/2012\\\/05\\\/09\\\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\\\/\",\"url\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/2012\\\/05\\\/09\\\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\\\/\",\"name\":\"How to Insert Images in Movable Type 4.xx - The Easy Way - Baclaran Para\u00f1aque Rizal\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/#website\"},\"datePublished\":\"2012-05-09T09:15:19+00:00\",\"dateModified\":\"2025-08-29T04:08:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/2012\\\/05\\\/09\\\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/2012\\\/05\\\/09\\\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/2012\\\/05\\\/09\\\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Insert Images in Movable Type 4.xx &#8211; The Easy Way\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/\",\"name\":\"Baclaran Para\u00f1aque Rizal\",\"description\":\"\u25c7 Where I Spent the Happiest Childhood Days of My Life \u25c7\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/011a4013dc699eef520dff5d5c7123d3\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/#\\\/schema\\\/person\\\/011a4013dc699eef520dff5d5c7123d3\",\"name\":\"Kupitero\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/MCC2020logo.png\",\"url\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/MCC2020logo.png\",\"contentUrl\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/MCC2020logo.png\",\"width\":160,\"height\":142,\"caption\":\"Kupitero\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/MCC2020logo.png\"},\"url\":\"https:\\\/\\\/www.marcoscarpio.com\\\/wordpress\\\/author\\\/kupitero\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Insert Images in Movable Type 4.xx - The Easy Way - Baclaran Para\u00f1aque Rizal","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/","og_locale":"en_US","og_type":"article","og_title":"How to Insert Images in Movable Type 4.xx - The Easy Way - Baclaran Para\u00f1aque Rizal","og_description":"On Valentine&#8217;s Day of 2010, immediately after I ported my blogs from Movable Type v. 3.38 to v. 4.33, I made an entry that documented my key observations\u00a0during the entire transition process. Although optional &#8211; but it will make your main blog page livelier &#8211; one of the most difficult tasks was how to insert &hellip; Continue reading \"How to Insert Images in Movable Type 4.xx &#8211; The Easy Way\"","og_url":"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/","og_site_name":"Baclaran Para\u00f1aque Rizal","article_published_time":"2012-05-09T09:15:19+00:00","article_modified_time":"2025-08-29T04:08:46+00:00","author":"Kupitero","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kupitero","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/#article","isPartOf":{"@id":"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/"},"author":{"name":"Kupitero","@id":"https:\/\/www.marcoscarpio.com\/wordpress\/#\/schema\/person\/011a4013dc699eef520dff5d5c7123d3"},"headline":"How to Insert Images in Movable Type 4.xx &#8211; The Easy Way","datePublished":"2012-05-09T09:15:19+00:00","dateModified":"2025-08-29T04:08:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/"},"wordCount":359,"commentCount":0,"publisher":{"@id":"https:\/\/www.marcoscarpio.com\/wordpress\/#\/schema\/person\/011a4013dc699eef520dff5d5c7123d3"},"articleSection":["What's New?"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/","url":"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/","name":"How to Insert Images in Movable Type 4.xx - The Easy Way - Baclaran Para\u00f1aque Rizal","isPartOf":{"@id":"https:\/\/www.marcoscarpio.com\/wordpress\/#website"},"datePublished":"2012-05-09T09:15:19+00:00","dateModified":"2025-08-29T04:08:46+00:00","breadcrumb":{"@id":"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.marcoscarpio.com\/wordpress\/2012\/05\/09\/how-to-insert-images-in-movable-type-4-xx-the-easy-way\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.marcoscarpio.com\/wordpress\/"},{"@type":"ListItem","position":2,"name":"How to Insert Images in Movable Type 4.xx &#8211; The Easy Way"}]},{"@type":"WebSite","@id":"https:\/\/www.marcoscarpio.com\/wordpress\/#website","url":"https:\/\/www.marcoscarpio.com\/wordpress\/","name":"Baclaran Para\u00f1aque Rizal","description":"\u25c7 Where I Spent the Happiest Childhood Days of My Life \u25c7","publisher":{"@id":"https:\/\/www.marcoscarpio.com\/wordpress\/#\/schema\/person\/011a4013dc699eef520dff5d5c7123d3"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.marcoscarpio.com\/wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.marcoscarpio.com\/wordpress\/#\/schema\/person\/011a4013dc699eef520dff5d5c7123d3","name":"Kupitero","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-content\/uploads\/2020\/01\/MCC2020logo.png","url":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-content\/uploads\/2020\/01\/MCC2020logo.png","contentUrl":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-content\/uploads\/2020\/01\/MCC2020logo.png","width":160,"height":142,"caption":"Kupitero"},"logo":{"@id":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-content\/uploads\/2020\/01\/MCC2020logo.png"},"url":"https:\/\/www.marcoscarpio.com\/wordpress\/author\/kupitero\/"}]}},"_links":{"self":[{"href":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-json\/wp\/v2\/posts\/283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-json\/wp\/v2\/comments?post=283"}],"version-history":[{"count":1,"href":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-json\/wp\/v2\/posts\/283\/revisions"}],"predecessor-version":[{"id":3163,"href":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-json\/wp\/v2\/posts\/283\/revisions\/3163"}],"wp:attachment":[{"href":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-json\/wp\/v2\/media?parent=283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-json\/wp\/v2\/categories?post=283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.marcoscarpio.com\/wordpress\/wp-json\/wp\/v2\/tags?post=283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}