Pin Me

How to Create a Hit Counter in Dreamweaver

written by: Brandy A Burgess•edited by: Michele McDonough•updated: 1/9/2011

Creating a hit counter in Dreamweaver may not be as hard as you think. With the help of these easy instructions, accompanied by screen shots, you can use Dreamweaver to quickly and easily add a hit counter to your web site.

  • slide 1 of 6

    Getting Started

    Creating a hit counter in Dreamweaver is a relatively simple task that can be accomplished in several different ways. Adobe Dreamweaver is a web development application that was originally created by the Macromedia Company, but is currently under development with Adobe Systems. The easiest way to make a hit counter in Dreamweaver is to obtain HTML code from a free hit counter tool and place it into the web page.

  • slide 2 of 6

    Get an HTML Hit Counter Code

    There are hundreds of websites that offer free hit counter HTML codes to use in your web page. First try navigating to your web host homepage to check for hit counter codes, as many web hosts offer these tools free of charge. Bravenet is a popular web host that you can visit to obtain a free hit counter code. You will need to join Bravenet and enter some basic information to make an account.Step 1 

  • slide 3 of 6

    Create a Hit Counter and Copy Code

    Your chosen hit counter resource will lead you through various pages, allowing you to create a hit counter with colors and styles of your choice. Select each feature for your web page and fill in any essential information. Items such as your web page URL, name, and e-mail address are common. On the last page of the guide, you will see a HTML code that you will need to copy and past. Bravenet has a 'Highlight' button that copies the text for you.Step 2 

  • slide 4 of 6

    Insert Code into Dreamweaver

    Open the Dreamweaver application on your computer and open your web site page using File -> Open. At the top of your web page in Dreamweaver, you will see a button titled “Code". Click this to see the HTML code for your web page. Next, insert your hit counter HTML code into this code section. Hit counters are typically placed at the bottom of the page. It is recommended that you paste the code directly before the closing “BODY" tag towards the end of the web page.Step 4 

  • slide 5 of 6

    Save and Upload Your Web Site

    Save all of the changes you’ve made after inserting the hit counter HTML code into the “Code" section of Dreamweaver. Next, click the “View" button located next to the “Code" button to view your hit counter and web page. Be sure that the hit counter is located in the proper place before uploading your web site to the Internet. If you would like your hit counter centered, place a <center> tag before the hit counter code and </center> directly after the code.Step 5 

  • slide 6 of 6

    Extra Tips, Techniques & Warnings

    When using a free hit counter, such as a hit counter from Bravenet, you will be presented with advertising from the company. This is a small factor you may have to deal with when using free web tools. Advanced web development programmers may be able to edit the hit counter HTML code to remove this advertising by simply erasing sections of the code. This should only be done if you know HTML, as this can disable the hit counter. Creating a hit counter in Dreamweaver is a simple task that can be completed by beginner web developers.