Text animation code for blogger, Text effect code for blogger, blogger code

 Edit with the Docs app

Make tweaks, leave comments, and share with others to edit at the same time.

NO THANKSUSE THE APP

Scrolling text html & css Code

Without Link Scrolling Text html code

<!-- Codes by HTML.am -->

<!-- CSS Code -->

<style type="text/css" scoped>

.GeneratedMarquee {

font-family:'Arial Black', sans-serif;

font-size:1em;

font-weight:bold;

line-height:1.3em;

color:#330099;

background-color:#CCFFFF;

padding:1.0em;

margin:auto;

}

</style>

<!-- HTML Code -->

<marquee class="GeneratedMarquee" direction="left" scrollamount="2" behavior="scroll">Types Scrolling Text https://allknowledgesky.blogspot.com/</marquee>

1- Link Scrolling Text html code

<!-- Codes by HTML.am -->

<!-- CSS Code -->

<style type="text/css" scoped>

.GeneratedMarquee {

font-family:'Arial Black', sans-serif;

font-size:1em;

font-weight:bold;

line-height:1.3em;

color:#330099;

background-color:#CCFFFF;

padding:1.0em;

margin:auto;

}

</style>

<!-- HTML Code -->

<marquee class="GeneratedMarquee" direction="left" scrollamount="2" behavior="scroll"><p>&nbsp;<a href="https://www.instagram.com/amitofficial.786/" target="_blank">Instagram</a></p></marquee>

2- Link Scrolling Text html code

<!-- Codes by HTML.am -->

<!-- CSS Code -->

<style type="text/css" scoped>

.GeneratedMarquee {

font-family:'Arial Black', sans-serif;

font-size:1em;

font-weight:bold;

line-height:1.3em;

color:#330099;

background-color:#CCFFFF;

padding:1.0em;

margin:auto;

}

</style>

<!-- HTML Code -->

<marquee class="GeneratedMarquee" direction="left" scrollamount="2" behavior="scroll"><p>&nbsp;<a href="https://www.instagram.com/amitofficial.786/" target="_blank">Instagram</a>&nbsp; <a href="https://www.facebook.com/AmitOfficial786" target="_blank">Facebook</a></p></marquee>

3- Link Scrolling Text html code

<!-- Codes by HTML.am -->

<!-- CSS Code -->

<style type="text/css" scoped>

.GeneratedMarquee {

font-family:'Arial Black', sans-serif;

font-size:1em;

font-weight:bold;

line-height:1.3em;

color:#330099;

background-color:#CCFFFF;

padding:1.0em;

margin:auto;

}

</style>

<!-- HTML Code -->

<marquee class="GeneratedMarquee" direction="left" scrollamount="2" behavior="scroll"><p>&nbsp;<a href="https://www.instagram.com/amitofficial.786/" target="_blank">Instagram</a>&nbsp; <a href="https://www.facebook.com/AmitOfficial786" target="_blank">Facebook</a>&nbsp;<a href="https://twitter.com/AmitOfficial786" target="_blank">Twitter</a></p></marquee>

4- Link scrolling Text html Code

<!-- Codes by HTML.am -->

<!-- CSS Code -->

<style type="text/css" scoped>

.GeneratedMarquee {

font-family:'Arial Black', sans-serif;

font-size:1em;

font-weight:bold;

line-height:1.3em;

color:#330099;

background-color:#CCFFFF;

padding:1.0em;

margin:auto;

}

</style>

<!-- HTML Code -->

<marquee class="GeneratedMarquee" direction="left" scrollamount="2" behavior="scroll"><a href="https://www.facebook.com/AmitOfficial786" target="_blank">(1) My Facebook Page&nbsp;</a> &nbsp; &nbsp; &nbsp; &nbsp; <a href="https://www.youtube.com/channel/UClTTVzIwqbmQwz8tVffKdwA" target="_blank">(2) My YouTube Channel&nbsp;</a> &nbsp; &nbsp; &nbsp; <a href="https://twitter.com/AmitOfficial786">(3) My Twitter Account</a>&nbsp; <a href="https://www.instagram.com/amitofficial.786/">&nbsp;(4) Instagram Account</a></marquee>