SCROLLING TEXT BOX
You may want to create a scrolling text box with code for your viewers to copy. Here is the way to do that. Copy the code below into Edit Html part of your Post Editor :
<textarea style="WIDTH: 332px; HEIGHT: 70px" onfocus="this.select();" name="textarea" cols="14">PUT CONTENT (Nonsense Text - Maecenas id justo. Proin ut elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed tellus odio, aliquet vel, rhoncus nec, aliquet faucibus, magna. Phasellus tellus sem, aliquet aliquet, pellentesque sed, facilisis nec, tellus ) HERE</textarea>
Replace the CAPS with your content. The above code will create a box like this :
You can left click once inside the text box and the whole text will be selected.
TEXT AREA
To create a text area to mark out specific text use this code :
<textarea rows="10" cols="15">
YOUR TEXT HERE.....
</textarea>
This will look like the following :
The number of "cols" represents the number of columns visible in the text-area. Similarly for "rows". You can use style="background:#6699ff;" to set the background eg. This code :
<textarea rows="10" cols="40" style="background:#6699ff;">YOUR TEXT HERE.....</textarea>
will produce this effect :
Change the hex number of the code to get the color you want. You can get hex numbers of colors here.
MARQUEE TEXT
To add a moving text (also called marquee) effect use :
<marquee>Add your text here....</marquee>
This will show as this :
You can change the direction of the text by using this tag in the beginning :
<marquee direction="right">
Instead of 'right' put 'up' or 'down' or 'left' as per your preference. To add a background color use this code :
<marquee direction="right" width="100%" style="background:#EC4F52"><font color="white">Add your text here...</font></marquee>
It will look like this :
16 comments:
hi, is it possible to put a background color at the first HTML you shared at the first paragraph? if then can you give me the exact HTML code pls? because I can't match the background color white with the color of my template...
thankyou
oh thankyou so much, I really appreciate it, have a good day.
Hi again I copied the exact code but it wont work,the whole paragraph is not visible and its not scrollable
Chant,
What is the address of the post where you have put this in?
here's mine:
http://chant07.blogspot.com/
Chant,
Is it in a post or in a column (sidebar) on the Main Page? Where is it?
its in the right side bar, I was trying to install my disclosure policy, I want to match the color of the sidebar background...
Chant,
Login at Blogger.com and click Layout link on Dashboard. Then click Edit link on that Html widget and I see this :
<textarea cols="14" onfocus="this.select();" style="width:190px;height:350px" name="textarea">
I do not see the correct code :
<textarea cols="14" onfocus="this.select();" style="width:190px; background:#6699ff; height:350px" name="textarea">
thankyou Vin, I figured it out now...
Oh thanks for this! What is the difference between the sizing tags? (WIDTH/HEIGHT and ROWS/COLS)
onfocus="this.select();"
Isn't this javascript? How and where are you telling the web browser to interpret it as JS and not HTML? Does it do it automatically?
Many thanks!
Thanks, this was very useful ;)
Vin, could you use this marquee to show scores,in the header element if so do you know how to go about it.
Scorbe,
What scores do you wish to show? Just type them in instead of this text "Add your text here...." in the marquee code shown above.
Then paste the whole code in a Html page element in the header. See how to Add a Page Element to Header in How to Add Adsense Link Unit in Header?
Thank you, Vin the Scroll Text works great and was so easy. Thanks again.
Hi Vin i really appreciate,after the header,one can create i dont know what to call it,for various categories,like a bar to opensub topics thats my problem i want my page to be a home page for my links,news,etc..
thanx alot for your comment on bloggers group,
ruthleen,
Have a look at Free CSS Navigation Menus in Blogger.
CLICK HERE TO LEAVE A COMMENT.
Skip to top of post.