scrolling text-marquee-html codes for bloggers

Hello friends my name is Zahid Ashraf and I wanna show you How To Add 
Scrolling/Running Text On Blogger  

In this way you can decorate you blogger and you know pretty thing attract more people 

in this case your blogger will be fame maybe and people attractives'

so that's why I am telling you this trick

                     How To Add Scrolling/Running Text On Blogger  

MZ code to simple scrolling text MZ


You can see above that text is running like that so now I have mere stylish running 
text that I am telling you in this post

Example 1

                                       INPUT....>

<marquee>MZ code to simple scrolling text MZ </marquee>

                                      OUTPUT...>

MZ MZ MZ

If you want more attraction that try it..
it is more attractive and colorful.............>>

Example 2

                                          INPUT ....>

<marquee bgcolor="#99CCFF">code to simple scrolling text</marquee>

                                          OUTPUT ...>


MZ code to simple scrolling text MZ
In this example you can add your own or your wishing color #99CCFF

Get more color code Click Here

Example 3

<marquee direction="right" bgcolor="#99CCFF">MZ code to simple scrolling text MZ </marquee> 

In this coding you can change  side of text where from he came.

See Down..
 

                                         direction="right
                                         direction="left
                                         direction="up
                                         direction="down

Now See Demo

MZ right MZ Left MZ UP MZ Down Example 4

Few more attributes...

you can add this to alternate the text..

                                    behavior="alternate

                                                here is code to do it....

<marquee behavior="alternate" direction="down" bgcolor="#33FFCC">MZ code to simple scrolling text MZ</marquee>

MZ code to simple scrolling text MZ Example 5

You can set the speed of running text

scrollamount="3" 

it means that text speed lower value low speed and high value give you high text speed

<marquee behavior="alternate" direction="left" bgcolor="#9999CC" scrollamount="2">code to simple scrolling text</marquee>

code to simple scrolling text

Example 6

Check the text and if you wanna change its color than you can do it my using this code..
                                   Changing the text color 
                                (Add it before the marquee tag)

                                               <span style="#FFFFFF">

Now code like this

               <span><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" bgcolor="#cccccc"><br /><br />code to simple scrolling text<br /><br /></marquee> 

MZ code to simple scrolling text MZ

Example 7

Now very interesting example you can use hyperlinks  in text
(hyperlinks mean when clicked some where go to other location (site)
lets see how to add hyperlinks??
 Here is Code...

<marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">    <a href="url#1">LINK#1</a>  <a href="url#2">LINK#2</a>  <a href="url#3">LINK#3</a>  </marquee>

Note!Replace the Link#1,Link#2,Link#3 with the text and url#1,url#2 and url#3 with the target url addresses....

  <marquee behavior="scroll" align="middle" direction="left" bgcolor="#99FFFF" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()"><br /><br />    <a href="http://www.tipytricky.ga">Make money</a>  <a href=" http://mz420.blogspot.com">Blogger Tricks</a>  <a href=" http://mz420.blogspot.com/p/about-us.html ">Hexadecimal codes</a><br /><br />  </marquee

Make money Meat To zahid MZ

If you want that links open in new window put this code...

  <marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">    <a href="url#1">LINK#1</a>  <a href="url#2">LINK#2</a>  <a href="url#3">LINK#3</a>  </marquee>

Now if you w ant to past it on your blogger and you want that text is scroling on your blogger now time to open blogger account and go to Layout 

Now Click on Add gadget

Click on HTML/Java Script and paste the code here and save..

Now you can see your blogger its decorated my scrolling text...

If any one question ask in Comment box we will give you reply.

thanks.....