Sunday, June 24, 2018
How to Auto Animate Blog Post Title
How to Auto Animate Blog Post Title
Auto Scroll Post Title
How to animate or move your blog post title.
Login to your blog Dashboard, click on Template>>EditHtml.
Click on the template area, use ctrl+f or cmd+f to search for the </head> tag. Copy the below code and paste it above or before </head> tag.
<div style="background-color:#444; color:#fff; padding: 10px;"><b:if cond=data:blog.pageType == "index"><script>var title=" <data:blog.pageTitle/>";var speed=200;var mpse=null;function rotulo_title(){document.title=title;title=title.substring(1,title.length)+title.charAt(0);mpse=setTimeout("rotulo_title()",speed)}rotulo_title();</script> <b:else/><script>var title=" <data:blog.pageName/> ";var speed=200;var mpse=null;functionrotulo_title(){document.title=title;title=title.substring(1,title.length)+title.charAt(0);mpse=setTimeout("rotulo_title()",speed)}rotulo_title();</script></b:if></span></div>
How to customize the above code.
Change the highlited 200 in the above code to change the scrolling speed.
Preview your template, if all is fine, click on "save "
Share this post to support us.
