Skip to main content

How To Add A Scrolling Text Box On Blogger

Scrolling text box on blogger


A scrolling text box is a box that grows scroll when the text is too large to fit in the box. Currently, the scrolling text box feature is not available on blogger but you can add a custom one by using HTML code in a blog post or a widget.

This post is going to give you a code for Scrolling text box and instruct you how to add this code in your blog post(s) as well as in a blogger widget.

What is a scrolling text box?

A scrolling text box is a text box that allows scroll when a text is too long to fit within. With a scrolling box you can add a long text just in a small box and minimize the length of your post.


Why you should use a scrolling text box

A scrolling text box helps you to minimize the length of your blog post. For instance you want to add a long code or a long text in your blog post in which your readers have to copy and paste somewhere, you can add the text into this box to make it not taking big space in your post.


Scrolling text box HTML codes

Code 1

<textarea style="WIDTH: 332px; HEIGHT: 70px" onfocus="this.select();" name="textarea" cols="14">PUT CONTENT HERE</textarea>

Preview of code 1


Code 2

<textarea rows="10" cols="40" style="background:#6699ff;">PUT CONTENT HERE</textarea>

Preview of code 2


Settings

WIDTH: - Adjust the width of a box.

HEIGHT: - Adjust the height of a box.

rows= - Adjust the number or text lines/rows to appear in the box.

cols= - Adjust the number of characters in a single line of your text.

background: - Set the box colour.


How to add a scrolling text box in a blogger post

To add a scrolling text box in a blogger post follow steps below.

Step 1: Copy the code above.

Step 2: Sign in to blogger, if you don't have a blog yet check on how to create blogger blog.

Step 3: Create a post or click on edit post if you want to add it in an existing post.

Step 4: Switch to HTML mode.

Step 5: Paste the code in a place you want a box to appear.

Step 6: From the code, replace "PASTE YOUR TEXT" with your own text.

Step 7: Switch to Compose mode to see how your box looks like.


How to add Scrolling text box widget

To add a scrolling text box in blogger widget follow steps below.

Step 1: Select "Layout" from the blogger menu/panel.

Step 2: Click on "Add a gadget".

Step 3: Select "HTML/javaScript".

Step 4: Paste the code.

Step 5: Replace "PASTE YOUR TEXT" with your own text.

Step 6: Click "Save".


You can also read:
Labels:

Comments

Post a Comment