Walking Text in Menu Bar

Maybe you have ever seen the text run which is on the menu bar.

This article is the answer to make walking text in blog. Well if you were interested to make the walking text, please read this article thoroughly.

Because the blogger template is divided into two: the classic and new template, then for how to make the text run will be different, so my discussion will be divided into two parts. However, I need to say, the example that I will give this result is not exactly like on this blog is the text runs from left-right direction, but I'll give an example text runs from left to right direction and there is a lag time between writing the tops with The second and subsequent writings.

For the classic template, please follow the steps below:

• Sign in blogger with your id
• Click the Template menu
• Click the Edit HTML
• Copy the entire HTML code and paste it in notepad and then save. This in intended as a precaution in case of errors in the process of editing the template, so you still have the data to restore it to its original.
• Copy the code below and paste the above code </ head>

<script language='javascript'>
message = "Write your first text here ^" +
"Your second text here ^" +
"Your third text here ^" +
"Your fourth text here ^"

scrollSpeed = 130
lineDelay = 0

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

• Click the Save Template Changes
• Done.

For the new template please follow the steps below:

• Sign in blogger with your id
• Click the Layout menu
• Click the Edit HTML
• Click Download Full Template and save the data. This is a precaution in case of an error in editing the template code
• Click the little box next to Expand Widget Templates to check. Once again do not forget to click the little box next to Expand Widget Templates
• Wait a while until the process is complete
• Save the following code under the code </ body>, the code is located in the bottom before the code </ html>

<script language='javascript'>
message = "Write your first text here ^" +
"Your second text here ^" +
"Your third text here ^" +
"Your fourth text here ^"

scrollSpeed = 130
lineDelay = 0

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

• Click the SAVE TEMPLATE
• Completed

In the script above there are some writing that you must replace it with the writing you want. For example: welcome to my blog. or anything which according to you deserve to be written there. The example I gave above contain as many as four text messages or writing, if you want more that can be done by adding lines such as code before. For writing code : scrollSpeed = 130. The number "130" is the speed of the text run, the smaller the value the faster the text runs, and the greater its value then the text will be slower. Please adjust with your need.
Good luck!