Make a Scrolling Text on Blogger?

Hi bloggy readers,
The scrolling text has always been used by bloggers mostly to make a scrolling menu on their blogs. By adding this scrolling text box to your blog, you will finally have a great place on placing lots of links or texts without consuming lots of space in your blog. This scrolling text will be automatically shown to you when the remaining element of your chosen text can't be possibly shown. But if you don't understand with what i'm talking about, now look at the scrolling text below!


As you can see in that scrolling text above, the sentences "How to blog?", How to cook?", "How to kick the ball" and "How to play guitar?" etc will be shown as a scrolling element. Interested to add this scrolling text function to your blog?

1. Log in to Blogger
To begin this tutorial, now log in to your Blogger account.

2. Go to Page Element
In the Dashboard page, pick one of your blog and go to the Layout/Design page. In the Layout/Design page, you will land to the Page Element tab. In this tab, you will be able to customize the layout of your blog.

3. Find the best area for this scroll element
For this tutorial, i only want to show you how to make a scrolling element, so this is kind of practical tutorial than the actual tutorial i usually gave you on other posts. So, i think, Page Element is the best place to practice this thing. Okay, back to the topic. In this Page Element, now find the best position for the scrolling text element.

4. Click Add a Gadget
After finding the suitable position for the scrolling text, now press the link called "Add a Gadget", and then you will be prompted with the new small tab on your browser. In the new Add a Gadget page, now pick "HTML/JavaScript" as a suitable platform for the scrolling code.

5. Paste the code
Now block all the codes below and then press copy. Now put the code in the HTML/Javascript empty box you've already chosen before.
As you can see in the code above, the words "Your content Here.." indicates the element that you want to be shown inside the scrolling text. You can put any kind of element inside that div style codes above. Remember, just wrap up the element using the opening div tags above along with the closing </div>.

6. Save the change
By pressing the Save button, now save the current change you've just made. Now the result on your blog will look exactly like this: