How to Make Writing Run on a Complete Blog Marquee

How to Make Running Writing on a Complete Blog (Marquee) - Often we see on news programs that are broadcast on television, there are pieces of information conveyed by running text or running text.

In the world of HTML, running text is better known as a marquee, and its scope is not just text, images can also be made to run.

Because the running text is quite attention-grabbing, blog owners often use the marquee to provide important information to their blog visitors.
Marquee dapat dibuat dengan mudah dengan kode HTML. Kali ini blog Hajiucokbjm akan membagikan kode-kode HTML untuk pembuat marquee lengkap dengan variasi dan atributnya.

1. Marquee Base Code

<marquee>Walking Text</marquee>
As a basis, by default text will run from right to left and repeat continuously.

2. Loops or Marquee Loops

<marquee loop="5">Text Runs iteratively 5 times</marquee>
Running Text repeats 5 times
The loop determines how many iterations the marquee does. The number 5 indicates the number of repetitions, after running 5 times the marquee will not appear again.

3. Marquee Time Pause
<marquee scrolldelay="500">Text Runs with a 0.5 second delay</marquee>
Scroll delay shows the marquee delay. The number 500 has units of milliseconds, so it is equal to 0.5 seconds. The text will run every 0.5 seconds.

4. Give Marquee Title

<marquee title="hidden message">Walking Text</marquee>
The title contains the message that will be active when the cursor is hovered over the marquee.

5. Marquee background color
<marquee bgcolor="FFF300">Walking Text on a yellow background</marquee>
Bgcolor sets the marquee background color. FFF300 represents the HTML color code for yellow, which can be replaced by the base color red, green, blue, or yellow.

6. Marquee Movement Speed

<marquee scrollamount="100">Text Runs at 100</marquee>
Scrollamount sets the movement speed of the marquee. The number 100 indicates the speed is 100, the normal speed is 6.

7. Direction of Marquee Motion

<marquee direction="right">Text goes to the right</marquee>
<marquee direction="down" height="100">Text Walks downward</marquee>

Direction will set the direction of movement of the marquee. Right indicates the direction of movement of the marquee to the right. There are 4 directions you can use:

• up to move up
• right to move to the right
• down to move down
• left to move left (default)

8. Marquee Width and Height

<marquee width="300">Walking Text Width 300px</marquee>
<marquee height="100">Walking Text Height 100px</marquee>
Width to set the width of the marquee, and height to set the height of the marquee. Each uses px as the unit.

9. Sets the Marquee Font Type, Size, and Color

<marquee style="font-family:arial; font-size:20px; color:#ffffff;">Type the font size and color of the Running Text</marquee>
You can set the font type, size, and color using styles.

• font-family for the font type
• font-size for the font size 
• color for the font color

10. Nature of the Marquees

<marquee behavior="alternate">Walking text bounces</marquee>
The Behavior will set the marquee properties. You can set the marquee with 3 values :
scroll : marquee disappears when hit left side (default)
slide : marquee stops when it hits the left side
alternate : the marquee bounces when it hits the side

11. Creating Links in the Marquee

<marquee><a href="http://hajiucokbjm.blogspot.com/2016/09/how-to-make-writing-walking-di-blog.html">How to make writing run</a></marquee>
To create a link in running text, simply include the link building HTML code inside the marquee base code.

12. Make Text Walk Zig Zag

<marquee direction="up" scrollamount="2" align="center" behavior="alternate">
<marquee direction="right" behavior="alternate" height="30">Zig Zag Walking Text
</marquee>
</marquee>
Text that runs zig zag can be done by combining 2 direction attributes by entering running text between 2 marquees that have different direction attributes. In our example we use the up and right directions to form a zig zag.

13. Marquee Attribute Combinations

<div style="text-align: center;">
<span style="font-size: x-large;">
<marquee bgcolor="black" style="color: red;" direction="left" width="130">
<b>&lt;&lt;</b><b> KIND &gt;&gt;</b>
</marquee>
<marquee bgcolor="black" style="color: blue;" direction="right" width="130">
<b>&lt;&lt; KIND &gt;&gt;</b>
</span>
</marquee>
</div>
Marquee combinations can be done by combining several attributes at once. You already know the basics of making a marquee, feel free to create your own marquee.

Thank you for reading the article How to Make Writing Run on a Complete Blog (Marquee). If you have any questions, please submit them in the comment box.

Share :