Search Here

Custom Search

16.6.11

How to Make a running text in the Blog?

Normal running text is called marquee, is an effect of motion on the text. Usually the current text is used by blog owners to display a message, link or banner to attract visitors.


1. Make the text runs from right to left (default)



Code

<marquee> Make the running text </ marquee>

Results:
Making the running text

2. Make the text runs from left to right (direction)

Code:


<marquee behavior="scroll" direction="right" height="50" width="auto"> Text runs from left to right </ marquee>


Results:

Text runs from left 2 right

3. Make the text moves with the speed set (scrollamount)
You can change the number 30 on scrollamount = "30"


Code:

<marquee behavior="scroll" direction="left" scrollamount="5"> slow text </ marquee>
<marquee behavior="scroll" direction="left" height="100" scrollamount="30" width="auto"> faster moving text </ marquee>


results:

The text moves slowly
The text moves faster

4. Make the text blue background running
To change the background (the background color of his) could replace the word "gray" in the code bgcolor = "gray"

Code:

<marquee bgcolor="gray" height="50" width="auto">
The text runs with a Gray background
</ marquee>

Example display:

The text runs with a Gray background

5. Make text moving from bottom to top

Code:

<marquee behavior="scroll" direction="up" height="200" width="auto">
the text moves from bottom to top
</ marquee>

To turn them into moving from top to bottom instead of the code direction = "up" a direction = "down"
Example:
The text moves from bottom to top


7. Make text moving from bottom to top (in the text box)

Code:

<div style="border: 1px solid rgb(202, 61, 217); 180px; height: overflow: auto; padding: 5px;">
<b>
<marquee behavior="scroll" scrollamount="3" direction="up"> </ br>
<a href href="http://howtomakepopularblog.blogspot.com/"> Make a Popular Blog/Website </ a> </ br>
<a href href="http://www.schoolofbba.blogspot.com/"> School of Business </ a> </ br>
<a href href="http://naturalbeautiesbd.blogspot.com/"> Natural Beauties of Bangladesh </ a> </ br>
</ Marquee>
</ B>
</ Div>

Examples can be seen below:
Example 2
Velocity varied with scrollamount = "2", her downward direction = "down"


In addition to the above examples can also set the font size / text color and text using the following script:
<font <marquee> size='3' face='comic sans ms' color=blue> Welcome2 our new blog </ font> </ marquee>

In the code above:
a. font size = '3 ', number 3 is the size of the text font can be changed as needed
b. face = 'comic sans ms', comic sans ms font
c. color = yellow, yellow is the color of the text.


The result


Welcome2 our new blog



Share/Bookmark

1 comment:

  1. This will help me out in inserting a running text in my blog "marquee".
    website design company

    ReplyDelete