I don't know where the old running text come from , but I am sure that is not attractive much, you will be dizzy when you look at the running text.So that is the difference ,with this post, I will guide you how to make a completely new Scrolling news ticker with smooth effect that you will not be dizzy anymore.
That's it ! Now lets go to make it:
1.First you have to add this script code before your </head> tag :
2.There are 2 types of scrolling :
<DIV ID="TICKER" STYLE="overflow:hidden; width:520px" onmouseover="TICKER_PAUSED=true" onmouseout="TICKER_PAUSED=false">
Your text here!
-If you don't want the ticker stop when the cursor is over it , try this code add paste at the same place I told you above:
<DIV ID="TICKER" STYLE="overflow:hidden; width:520px">
Your text here
-Download the js file above (click on Download link), you will get 1 js file, upload it to your favorite host and get the direct link, i offer you some good hosts as 110mb.com, hotlinkfiles.com...Then paste the link instead of the red code.
-You have to put long text,if your texts are not long enough, it will not run!
Ok now , if you want to change a little bit about the "scrolling text" style , you have to open the webticker_lib.js file then look for these lines:
TICKER_RIGHTTOLEFT = false;
TICKER_SPEED = 2;
TICKER_STYLE = "font-family:Arial; font-size:12px; color:#444444";
TICKER_PAUSED = false;
You can edit the file webticker_lib.js and change the values for the following variables:
Set to true if the text is in Arabic, Hebrew or other right-to-left writing language.
Set the scrolling speed. Default value is 2.
Set the default style for the scrolling text.
When this variable is set to true, the scrolling ticker is paused.
This value can be changed at runtime, for example when the mouse is over the ticker.
Now you have owned one of the greatest tip for blogger.If you have any problem please leave a comment below I will help you.Please subscribe me to get more these tips.
Developer : Mioplanet
Convert to Blogger: Zenplate