How to add animation moving text to Blog or website

1.Login to Blogger.com
2.Click on Layout
3.Click on Add element /
4.Html/Text
5.Paste the code

01.Style : Demo

This is moving text Moving Right to Left

 <marquee>This is moving text Moving Right to Left </marquee>

Note: But Animation Moving Text Looks really ugly.To make it attractive, we will add background colour to it by bgcolor="hexadecimal code".

02.Style : Demo

This is moving text with Background Colour

<marquee bgcolor="#33cc99">This is moving text with Background Colour </marquee>

Note:You will notice that text is not clearly readable. So,we gonna change the colour of the text.

03.Style : Demo

This Is Coloured Scrolling Text With Background Colour

<marquee bgcolor="#33cc99" style="color: white;">This Is Coloured Scrolling Text With Background Colour </marquee>

04.Style : Demo

This Is Coloured Scrolling Bolded Text With Background colour

<marquee bgcolor="#33cc99" style="color: white;"><b>This Is Coloured Scrolling  Bolded Text With Background colour </b></marquee>

05.Style : Demo

This Is Scrolling Text with scrollamount="6"

<marquee bgcolor="#33cc99">This Is Scrolling Text with scrollamount="6" </marquee>

06.Style : Demo

This Is Moving Text with Up Direction This Is Moving Text with Up Direction

<marquee bgcolor="#33cc99" direction="up">This Is Moving Text with Up Direction </marquee>

07.Style : Demo

This Is Moving Text with Alternate Behavior

<marquee behavior="alternate" bgcolor="#33cc99" style="color: white;">This Is Moving Text with Alternate Behavior</marquee>

08.Style : Demo

Masud Computer BD

<marquee bgcolor="#33cc99" style="color: white;"><br /><a href="url">Link 1</a><br />

9.Style : Demo

<marquee bgcolor="#33cc99" style="color:white;width:500px;"><img alt="image1.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEPx23zk4WtOhbZNBQ7E07bjnAQcgQPbwlzrnzdbHv5uqrPPul7PBUgsy634Nk16rADevhoviLeGk3esP37ORQTIS-AJca9LDq_VitI-MfoSV_3CYVBlLgkwnsbrCwiAQjrf2Mtf1Cs4td/s1600/feed.png"></marquee>  

Note: Replace image url by image Source address

10.Style : Demo

This text can be paused.Just Point Mouse Over It.

<marquee bgcolor="#33cc99" onmouseout="this.start()" onmouseover="this.stop()" style="color: white; width: 500px;"><br />This text can be paused.Just Point Mouse Over It.<br/></marquee>

Note:Code For animation Pausing the text when mouse Cursor is pointed over the text:

You Are Free To Ask The Questions By Commenting.

moving text,text,text behind moving objects,scrolling text,moving,how to stick text to moving objects,text behind moving object premiere pro,reveal text behind moving object premiere pro,moving text effect,moving text in ipad,text effect,how to add scrolling or moving text in kinemaster from android,moving text youtube,premiere moving text,moving text on scroll,moving text procreate,moving text in word 2025,moving and copying text,text animation,text animation in after effects,animation,smooth text animation,powerpoint text animation,premiere pro text animation,text animation in kinemaster,text animation tutorial,after effects text animation,text animation after effects,smooth text animation in after effects,new text animation,simple text animation,5 text animation ideas,minimal text animation,text animation powerpoint,creative text animation,kinemaster text animation,animation,css animation,css animation effects,roblox high school 2 idle animation codes,rhs2 animation codes,oldschool animation code,3d animation,genetic code animation,latest css animation effects,rhs 2 idle animation codes,loop animation,code,roblox oldschool animation code,css animation effects with code,animation javascript,css animation example,roblox highschool 2 animation codes,roblox high school 2 animation codes,css animation tutorial,blogger,animation,css animation,blogger loading animation,how to add loading animation in blogger,loading animation to blogger website,add loading animation to website,custom site loading animation in blogger in 2020,css loading animation,blogger animation,blogger svg animation,logo animation in blogger,fire animation on blogger,blogger css3 animation,blogger html5 animation,animation theme blogger,animation in blogger website,website loading animation,news ticker,news ticker html css,breaking news ticker html code,how to make a news ticker,free news ticker script for blogger,how to create news ticker in blogger,news ticker html code free,how to add breaking news ticker,news ticker css,infinite news ticker,news ticker template,news ticker animation,news ticker html,make stylish news ticker in blogger,breaking news ticker blogger widget,blogger me news ticker widget kaise add kare

Newer post Older post

ads1

পরিচিতদেরকে জানাতে শেয়ার করুন

ডোমেইন হোস্টিং সার্ভিস এই লিংকে চাপ দিন ।

ওয়েব ডিজাইন সার্ভিস এই লিংকে চাপ দিন ।

গ্রাফিক্স ডিজাইন সার্ভিস এই লিংকে চাপ দিন ।

ডোমেইন চেকার এই লিংকে চাপ দিন ।

আপনার জন্য আরো কিছু পোস্ট