Pages

Saturday, 8 September 2012

How to add Scroling text in Blog through marquee


Step 1. Go to Layout , Add a Gadget हुदै  HTML/JavaScript Gadget
Step 2. तल को मध्य एक कोड लाइ कपी गर्नु होस र त्यस बक्स मा राख्नुहोस 


Code For Simple Moving Text:
This is moving text Moving Right to Left
<marquee>This is moving text Moving Right to Left </marquee>
But Simple Moving Text Looks really ugly.
To make it attractive,we will add background colour to it by bgcolor="hexadecimal code".

Code For Moving Text With Background Colour:
<marquee bgcolor="#33cc99">This is moving text with Background Colour </marquee>
This is moving text with Background Colour
You will notice that text is not clearly readable.
So,we gonna change the colour of the text.

Code For Scrolling Text With Coloured Text & Background.:
<marquee bgcolor="#33cc99" style="color:white;">This Is Coloured Scrolling Text With Background Colour </marquee>
This Is Coloured Scrolling Text With Background Colour
You can even control the speed of scrolling with scrollamount="
Put the value of number from 1 to 10.
Note: If you put value as 0 text will stop moving.
Now,i will teach you how to bold the moving text.

Code For Bolded Scrolling Text With Coloured Text & Background.:
<marquee bgcolor="#33cc99" style="color:white;"><b>This Is Coloured Scrolling  Bolded Text With Background colour </b></marquee>
This Is Coloured Scrolling  Bolded Text With Background colour
You can make the text italic or underlined by replacing with
with or .

Code For Scrolling Text With Speed Contol.:

<marquee bgcolor="#33cc99">This Is Scrolling Text with scrollamount="6" </marquee>
This Is Scrolling Text with scrollamount="6"
You can change direction of text with direction="option"
And options are left,right,up,down
Note:By default direction is set to left.
By using direction ,you are telling text in which direction to go.

Code For Scrolling Text With Direction Control.:
<marquee bgcolor="#33cc99" direction="up">This Is Moving Text with Up Direction </marquee>
This Is Moving Text with Up Direction
You can change the behaviour of the text also from scrolling to alternate

Code For Moving Links.:
<marquee bgcolor="#33cc99" style="color:white;"><br />
<a href="url">Link 1</a><br />
</marquee>



Link 1

Note:replace url with page address and link with text which should appears on moving text as link
Place as many links as you wish.

Code For Moving Image.:
<marquee bgcolor="#33cc99" style="color:white;"><br />
Moving Image<img src="image url"><br />
</marquee>


Moving Image

Note:Replace image url by image Source address.

Code For Pausing the text when mouse Cursor is pointed over the text::
<marquee bgcolor="#33cc99" style="color:white;width:500px;" onmouseover="this.stop()" onmouseout="this.start()"><br />
This text can be paused.Just Point Mouse Over It.<br />
</marquee>


This text can be paused.Just Point Mouse Over It.

1 comment:

  1. ..................... Note sorry for that tapaaile Copy gardaa box bhandaa baahir raheko laai pani copy garnuholaa tes box maa ramro sand basenachh tesaile tapaaile first ko </marquee> dekhi last ko </marquee> samma copy garnuhos
    Admin

    ReplyDelete

यदी कुनै समस्या भए हामिलाई पठाउनुहोस

By Comment