If you are running your own blog and want to add notifications of any festival or any other things in the animated scrolling text anywhere above the blog then this post is for you and you have come to the right place.
Read More: How to add Inline Read More Posts to WordPress
This script is very small, adding it will not harm your blog, that is to say, it will not make any difference in the blog loading speed.
How to add Scrolling Text
It is very easy to add this, just select any of your favorite boxes from here and copy the code below it, and put your own text in place of add text, after that wherever you want to add You can add a Homepage Header, Footer Sidebar Single Post, Post me, etc wherever you want.
Note: You can change the color of all scrolling text boxes, if you have some knowledge of coding, then do not edit if you do not have any information.
Best Design Scrolling Text
<div style="color: #000000; font: normal 18px arial, sans-serif; background-color: #E9FFD7; border: #638E41 2px solid; width: 70%; margin: 0 auto; padding: 4px 5px 3px 5px;"> <marquee scrolldelay="125"> CodeBarta - Start Blogging Journey </marquee> </div>
<div style="color: #FFFFFF; font: normal 18px arial, sans-serif; background-color: #0066FF; border: #C0C0C0 2px solid; width: 70%; margin: 0 auto; padding: 4px 5px 3px 5px;"> <marquee scrolldelay="125"> CodeBarta - Start Blogging Journey </marquee> </div>
<div style="color: #FFFFFF; font: normal 18px arial, sans-serif; background-color: #0066FF; border: #000000 0px solid; width: 70%; margin: 0 auto; padding: 4px 5px 3px 5px; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20);"> <marquee scrolldelay="125"> CodeBarta - Start Blogging Journey </marquee> </div>
<marquee direction="rig ht"> CodeBarta - Start Blogging Journey </marquee>
<marquee style="border:RED 3px SOLID"> CodeBarta - Start Blogging Journey </marquee>
<marquee behavior="alternate"> CodeBarta - Start Blogging Journey </marquee>
If you use this code and in this, you want to scroll text from Left, Right to top, Botton then types left instead of Right in the code, this will scroll the text Left and scroll from top to bottom then type. If you want to scroll the text from the bottom, then type down instead of right, in this way you can do scrolling text add.
Hope you guys liked this post of ours How to add Scrolling Text In Blogger Or WordPress post If you think this post is really useful then definitely share it by giving your valuable time on social sites.