How to Make Cool Flashing Text

Written by jimmy boyd
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Make Cool Flashing Text
(Ciaran Griffin/Lifesize/Getty Images)

Website designers grab the attention of visitors with all kinds of graphics and cool special effects. Designers usually place static text into web pages. However, flashing text can highlight important points in the text and liven up a stale web page. Designers can program flashing text with either HTML or JavaScript codes, but they first should learn the codes for converting static text into flashing text to make flashing text to create lively and attention-grabbing web pages.

Skill level:

Things you need

  • Website hosting account
  • Flashing-text HTML codes
  • Flashing-text JavaScript codes

Show MoreHide


  1. 1

    Open the HTML source code of the page that will contain the flashing text. Website owners should log into cPanel at their website hosting account. Click on "File Manager" and then select the page. Click on "Edit" to open the HTML source code. Follow the instructions of your web-editing software if using an external software or program to access the HTML.

  2. 2

    Use blink tags to create flashing text. These tags work by themselves in certain browsers or as part of the JavaScript code for other browsers. Place the <blink> tag in front of the text that will blink. Place the </blink> tag at the end of the text. For example, if you want to make the word "Go" flash on and off, use this line: <blink>go</blink>.

  3. 3

    Add JavaScript codes to make text flash in Internet Explorer or other browsers that do not support the blink tags. However, you must still use the blink tags because this script uses them in conjunction with the JavaScript code to make the flashing text. Find the beginning and ending head tags (<head> and </head>) in the HTML source code. Place the following code between those tags:

    <script type="text/javascript"> <!-- spe=500; na=document.all.tags("blink"); swi=1; bringBackBlinky();

    function bringBackBlinky() {

    if (swi == 1) { sho="visible"; swi=0; } else { sho="hidden"; swi=1; }

    for(i=0;i<na.length;i++) { na[i].style.visibility=sho; }

    setTimeout("bringBackBlinky()", spe); } --> </script>

  4. 4

    Modify the flashing speed as desired by changing the "500" in the JavaScript code. This script uses milliseconds (1,000 milliseconds equal one second). For example, changing the number to "2000" will cause the text to flash on for two seconds and then off for two seconds.

Tips and warnings

  • Do not use flashing text all over a web page. Many visitors consider flashing text to be annoying. Use this feature sparingly and only in a few strategic places on the page.
  • Visitors who have disabled or never used JavaScript will not see the flashing text in Internet Explorer or Safari browsers.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.