4/8/12

Creating Text Walk Blog

1. Writing moves from right to left
 <marquee direction="left" scrollamount="2" align="center">Example Writing Walking</marquee>
The result
Example Writing Walking

2. Writing moves from left to right
 <marquee direction="right" scrollamount="2" align="center"> Example Writing Walking </marquee>
The result
Example Writing Walking

3. Text moves back and forth (- paced) from left to right
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Example Writing Walking </marquee>
The result
Example Writing Walking

4. Text moves back and forth (- paced) from right to left
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Example Writing Walking </marquee>
The result
Example Writing Walking

5. Text moves from top to bottom
 <marquee direction="down" scrollamount="2" align="center"> Example Writing Walking </marquee>
The result
Example Writing Walking

6. Text move from bottom to top
 <marquee direction="up" scrollamount="2" align="center"> Example Writing Walking </marquee>
The result
Example Writing Walking

7. Text moves back and forth from top to bottom
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Example Writing Walking </marquee>
The result
Example Writing Walking

8. Text move zig - zag (diagonal) bouncing
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Example Writing Walking </marquee></marquee></center>
The result



Example Writing Walking

9. Text move zig - zag (diagonal) translucent
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Example Writing Walking </marquee></marquee></center>
The result



Example Writing Walking

How to Install:

1. Log in to your blog
2. Click on the design -> page element -> Add a gadget -> HTML / Javascript
3. Enter the code from one of his marquee running on
4. Click save and see the results.


additional:
* Direction: to regulate the movement patterns of text (left, right, up and down) 

* Scrollamount: to adjust the movement speed of the text. Turn up the score (from 2 to 3) to accelerate the movement and vice versa.
* Behavior (scroll / slide / alternate): to regulate the movement behavior.
* To add a background, padding, border, color, etc. on the marquee, marquee code please paste the following code

<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Example Writing Walking</marquee>
</div>

The result
Example Writing Walking
  • To insert a link to the marquee, use the following code:
<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://anaznews.blogspot.com/2012/04/creating-text-walk-blog.html"/>Creating Text Walk Blog</a></marquee>
</div>
note : replace the blue text to the desired Url.
The result


 Source : http://christiantatelu.blogspot.com/2012/03/cara-membuat-teks-berjalan-di-blog.html

No comments:

Post a Comment