1/15/2011 How to Insert Raw HTML Code in Komp… How to Insert Raw HTML Code in KompoZer by Christopher Heng, thesitewizard.com (http://www.thesitewizard.com/) Although you may be using a WYSIWYG web editor like KompoZer to create and maintain your website, you may find that, on occasion, you need to insert a snippet of raw HTML code into your web page. For example, you have may come across some code from, say, thesitewizard.com's Link To Us (http://www.thesitewizard.com/linktous.shtml) page. If you have tried inserting such code simply by pasting it into your page using KompoZer, you would have found that your page displays the raw HTML code instead of the actual text or button you want. This tutorial takes you through the steps of inserting such HTML code into your web page. I will assume here that you already know how to use KompoZer for creating and publishing a website using the WYSIWYG interface. As such, this article merely supplies the missing information on how you can insert third party cut-and-paste HTML code. If you are not sure how to use KompoZer, you may wish to start at the beginning with the article How to Design and Publish Your Website with KompoZer (http://www.thesitewizard.com/gettingstarted/kompozer-tutorial-1.shtml) . Steps to Inserting Cut-and-Paste HTML Code into your Site 1. Start up KompoZer and open the page that you want to edit. To do this, click "File -> Open File", that is, click the "Open File" item on the File menu. 2. Click the spot on the page where you wish to insert the HTML code. 3. Switch to your browser and surf to the page where you can get the cut-and-paste HTML code. Select the code and copy it to the clipboard. To do this, drag your mouse over the HTML code to select all of it, click the right mouse button on the text and click the "Copy" item on the menu that appears. 4. Return to KompoZer. Click "Insert -> HTML...". That is, click the "HTML..." item on the "Insert" menu. 5. A dialog box will appear. Click somewhere in the empty blank space. Right-click (that is, click the right mouse button) and select "Paste" from the menu that appears. The HTML code should appear in the box. Click the "Insert" button. 6. The code will now be inserted into your web page. If this was a button from, say, thesitewizard.com's Link To Us (http://www.thesitewizard.com/linktous.shtml) page, the image of the button will appear in your window and not the raw HTML code you saw earlier. Voila, you're done. You can now save the file and upload it to your website. thesitewizard.com/…/insert-html-code-i… 1/4 1/15/2011 How to Insert Raw HTML Code in Komp… Copyright © 2007 by Christopher Heng. All rights reserved. Get more free tips and articles like this (http://www.thesitewizard.com/faqs/insert-html-code-inkompozer.shtml) , on web design, promotion, revenue and scripting, from http://www.thesitewizard.com/ (http://www.thesitewizard.com/) . thesitewizard.com's KompoZer Series KompoZer Tutorial 1: How to Design and Publish Your Website with KompoZer (http://www.thesitewizard.com/gettingstarted/kompozer-tutorial-1.shtml) KompoZer Tutorial 2: How to Add Images, Change Fonts and Colours, Create Links, and Write Your Content in KompoZer (Tutorial) (http://www.thesitewizard.com/gettingstarted/kompozer-tutorial-2.shtml) KompoZer Tutorial 3: How to Create Data Tables in KompoZer (http://www.thesitewizard.com/gettingstarted/kompozer-tutorial-3.shtml) KompoZer Tutorial 4: How to Create a Multiple Column Layout for your Web Page in KompoZer (http://www.thesitewizard.com/gettingstarted/kompozer-tutorial-4.shtml) KompoZer Tutorial 5: How to Add a Feedback Form to Your Website Using KompoZer (http://www.thesitewizard.com/gettingstarted/kompozer-tutorial-5.shtml) How to Insert Raw HTML Code in KompoZer (http://www.thesitewizard.com/faqs/insert-htmlcode-in-kompozer.shtml) More Kompozer Tutorials (http://www.thesitewizard.com/kompozer/index.shtml) You are here: Top (http://www.thesitewizard.com/) > Webmaster Frequently Asked Questions (http://www.thesitewizard.com/faqs/index.shtml) > How to Insert Raw HTML Code in KompoZer (http://www.thesitewizard.com/faqs/insert-html-code-in-kompozer.shtml) thesitewizard™ News Feed (RSS Site Feed) (http://www.thesitewizard.com/thesitewizard.xml) Do you find this article useful? You can learn of new articles and scripts that are published on thesitewizard.com (http://www.thesitewizard.com/) by subscribing to the RSS feed. Simply point your RSS feed reader or a browser that supports RSS feeds at http://www.thesitewizard.com/thesitewizard.xml (http://www.thesitewizard.com/thesitewizard.xml) . You can read more about how to subscribe to RSS site feeds (http://www.thesitewizard.com/faqs/howtoreadsitefeeds.shtml) from my RSS FAQ (http://www.thesitewizard.com/faqs/howtoreadsitefeeds.shtml) . Please Do Not Reprint This Article This article is copyrighted. Please do not reproduce this article in whole or part, in any form, without thesitewizard.com/…/insert-html-code-i… 2/4 1/15/2011 How to Insert Raw HTML Code in Komp… obtaining my written permission (http://www.thesitewizard.com/feedback.php) . Related Pages Why Can't I Copy and Paste the Code Examples in thesitewizard.com? (http://www.thesitewizard.com/faqs/copyandpaste.shtml) The Pros and Cons of Using an Online Blog Software or a Content Management System (CMS) (http://www.thesitewizard.com/general/blogging-pros-and-cons.shtml) Free Fonts for Webmasters and Designers (http://www.thefreecountry.com/utilities/freefonts.shtml) The Beginner's A-Z Guide to Starting/Creating Your Own Website (http://www.thesitewizard.com/gettingstarted/startwebsite.shtml) How to Register Your Own Domain Name (http://www.thesitewizard.com/archive/registerdomain.shtml) Which Web Host Do You Recommend? (FAQ) (http://www.thesitewizard.com/archive/webhosting.shtml) How to Create a Search Engine Friendly Website (http://www.thesitewizard.com/sitepromotion/search-engine-friendly.shtml) Budget Web Hosting Reviews (http://www.thefreecountry.com/webhosting/budget1.shtml) New Pages How to Link to Other Websites and Add New Web Pages to Your Site with NetObjects Fusion 11 (http://www.thesitewizard.com/netobjects/netobjects-fusion-11-tutorial-4.shtml) How to Switch Between the Liquid and Fixed Layout Templates in Dreamweaver (http://www.thesitewizard.com/dreamweaver/change-liquid-fixed-layout-templates.shtml) Should You Get a Domain Name with Spaces or Dots In Between to Improve Readability? (http://www.thesitewizard.com/domain/domain-name-with-spaces-or-dots.shtml) How to Centre a Background Image or Photo on Your Web Page Using KompoZer (http://www.thesitewizard.com/kompozer/centre-background-image-kompozer.shtml) How to Rescue Your Website from the Clutches of a Bad Web Designer or Bad Web Host (http://www.thesitewizard.com/domain/reclaim-website-from-bad-web-designer-host.shtml) How to Created Rounded Corners for Your Box Borders in CSS (http://www.thesitewizard.com/css/create-rounded-corners-box-borders-css.shtml) NetObjects Fusion 11 Tutorial: How to Create a Website with NetObjects Fusion 11 (http://www.thesitewizard.com/netobjects/netobjects-fusion-11-tutorial-1.shtml) How to Add a Feedback Form to Your Website with Dreamweaver CS5 (http://www.thesitewizard.com/dreamweaver/dreamweaver-cs5-tutorial-8.shtml) What is MySQL? What is a Database? What is SQL? (http://www.thesitewizard.com/faqs/what-ismysql-database.shtml) How to Point a Domain Name to Your Website (Or What to Do After Buying Your Domain Name) (http://www.thesitewizard.com/domain/point-domain-name-website.shtml) thesitewizard.com/…/insert-html-code-i… 3/4 1/15/2011 How to Insert Raw HTML Code in Komp… Popular Pages How to Make / Create Your Own Website: The Beginner's A-Z Guide (http://www.thesitewizard.com/gettingstarted/startwebsite.shtml) Tips on Choosing a Good Domain Name (http://www.thesitewizard.com/archive/domainname.shtml) How to Create a Search Engine Friendly Website (http://www.thesitewizard.com/sitepromotion/search-engine-friendly.shtml) Dreamweaver CS5 Tutorial: How to Design a Website with Dreamweaver CS5 (http://www.thesitewizard.com/dreamweaver/dreamweaver-cs5-tutorial-1.shtml) How to Design and Publish Your Website with KompoZer (free WYSIWYG web editor) (http://www.thesitewizard.com/gettingstarted/kompozer-tutorial-1.shtml) Free Customized Feedback Form Wizard (PHP / Perl Script) (http://www.thesitewizard.com/wizards/feedbackform.shtml) How to Link to This Page To link to this page from your website, simply cut and paste the following code to your web page. <a href="http://www.thesitewizard.com/faqs/ins ert-html-code-in-kompozer.shtml" target="_top">How to Insert Raw HTML Code in KompoZer</a> It will appear on your page as: How to Insert Raw HTML Code in KompoZer (http://www.thesitewizard.com/faqs/insert-html-code-inkompozer.shtml) Copyright © 2007-2008 by Christopher Heng. All rights reserved. thesitewizard™, thefreecountry™ and HowToHaven™ are trademarks of Christopher Heng. Last updated: 7 September 2008. thesitewizard.com/…/insert-html-code-i… 4/4
© Copyright 2024