Create Scrolling Text & Images Using HTML

There’s different ways to add HTML effects to your theme.

Adding Scrolling Text Anywhere In Your Theme

No need to install Javascript to make your text or images scroll like a ticker tape.

All you do then is paste the HTML code wherever you want to output the effect. You can paste in anywhere in your themes template file but this really isn’t best practice.

The best options are to:

• Create widget areas
• Use a Hook Plugin
• Add conditional tags to your widgets by installing the widget logic plugin.

The code works best using the Genesis Simple Hooks plugin when pasted into the genesis_after_header or genesis_before_header hook.

Lets check out some examples of what can be achieved without any knowledge of coding.

Scrolling Text Up

Create Cool Effects Using HTML

Bouncing Text Left To Right

Bouncing Text With Scrolling Effect

Scrolling Text With Colored Background

Scrolling Text With Colored Background

Scrolling Image

Scrolling Text With Background Image

Scrolling Text With Background Image

You can also add images, HTML links and much more using HTML Marquee effects.

Subscribe for new Genesis Tutorials