Friday, November 29, 2024

How to Add Flying Text in Your blogger | Marquee Tag

 Marquee Tag Example:


<!doctype html>

      <style>

        body {

            font-family: Arial, sans-serif;

            line-height: 1.5;

            background-color: #FFF;

            font-size: 16px;

            color: #ec09fa;

        }

        marquee {

            box-shadow: 0 1px 3px rgba(0, 0, 0, .1);

            border: 1px solid rgba(0, 0, 0, .15);

            background-color: #FFFF;

            padding: 40px;

        }


    </style>

    <marquee width="40%" direction="up" height="150px" behavior="alternate" scrollamount="3">

        Welcome to Our Website! 🌟 Stay Updated with the Latest News and Offers. 📢 Check Back Often for More Updates!

    </marquee>

</!doctype>

======================================================

Image adding Test:

<!DOCTYPE html>

<html>

<body>

<p>

 <a href="https://mind-merger.blogspot.com/">

<img border="0" alt="W3Schools" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLpen45qyP-l6-AxczaaF4NH6mUZZhmHBvbDGTPzECqRUWxfQ9bNuzfaiE2sIwyh5tBvJZDrWs4dM60Um0zcSj9oDbVwNv0WeQtGJpARpD4UstpUGpIHoAW0c3FGx_GuT8y36J7qW4w7F1-EkGgVJa4VpNXcMz4jgJIofaFsTgeyPiT8dDDcsRRQ61HAXL/s6026/pexels-pixabay-416179.jpg" width="100" height="100">

</a>

</p>

</body>

</html>

======================================================

CODING:


In Layout


Adding Text:

<marquee behavior="scroll" direction="left"><a href="YOUR YOUTUBE URL LINK"><h1>Subscribe My Youtube Channel</h1></a></marquee>

======================================================

No comments:

Post a Comment

Html Coding for Blinking Text in Blog

 Sure! Here's a simple way to make text blink in an HTML blog using CSS (since the old <blink> tag is deprecated and not support...