Friday, November 29, 2024

How to Add a Sticky Floating Notification Bar in Blogger

 Coding:

<style type='text/css'>

    #key2sticky {

        background: #f76b0f; /* background colour */

        color: #000; /* Text colour */

        text-align: center;

        margin: 0 auto;

        border-top: 3px solid #E26A5C; 

        height: 35px;

        font-size: 16px;

        position: fixed;

        top: 0;

        z-index: 999;

        width: 100%;

        /*border-top-left-radius: 10px; */

       /* border-top-right-radius: 10px; */

        display: flex;

        /* font-weight: bold; */

        /* font-family: &quot;Arial&quot;; */

        font-color: #000;

        flex-wrap: wrap;

        justify-content: center;

        align-items: center;

        padding: 7px 0px 7px 0px;

    }

    #key2sticky:hover {background:#99f514;}

    #key2sticky p {

        line-height: 5px;

        font-size: 15px;

        text-align: center;

        width: 95%;

        float: left;

    }

    #key2sticky p a {

        color: #000;

        /* border: 2px solid #ffffff; */

        padding: 6px;

        margin-left: 10px;

        background: #ffffff;  /* Circle background colour */

        border-radius: 30px;

        font-weight: bold;

    }

       .k2cross-btn {

        display: block;

        position: relative;

        right: 10px;

        float: right;

    }

    .k2cross-btn a {

        font-size: 18px;

        font-weight: bold;

        /* font-family: &quot;Arial&quot;; */

        color: #ffffff;

        line-height: 30px;

    }

    @media screen and (max-width: 480px){

    #key2sticky p {

        line-height: 4px;

        font-size: 12px;

        text-align: center;

        float: left;

    }

    }


    </style>

      

    <div id='key2sticky'>

    <p>Join Our What's Up Channel for Updates <a href='https://chat.whatsapp.com/I2RLTQwPEfG8OMqneTxlYL' target='_blank'>Click Here</a></p> <div class='k2cross-btn'><a href='javascript:hide_cross();'>X</a></div>

    </div>

    <script>

    function hide_cross() {

    crosstbox = document.getElementById(&quot;key2sticky&quot;);

    crosstbox.style.visibility = &#39;hidden&#39;;

    }

    </script>

How to Add Social Follow Icon Button's in Blogger

COPY ALL THE BELOW CODING AND PASTE WHERE IT IS MENTIONED

<div class="Social_follow_icons">


  <!--Facebook-->


  <a href="https://www.facebook.com/profile.php?id=100000470927709&mibextid=ZbWKwL">


    <div class="Social-icons">


      <svg width="800px" height="800px" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="#1877F2" d="M15 8a7 7 0 00-7-7 7 7 0 00-1.094 13.915v-4.892H5.13V8h1.777V6.458c0-1.754 1.045-2.724 2.644-2.724.766 0 1.567.137 1.567.137v1.723h-.883c-.87 0-1.14.54-1.14 1.093V8h1.941l-.31 2.023H9.094v4.892A7.001 7.001 0 0015 8z"/><path fill="#ffffff" d="M10.725 10.023L11.035 8H9.094V6.687c0-.553.27-1.093 1.14-1.093h.883V3.87s-.801-.137-1.567-.137c-1.6 0-2.644.97-2.644 2.724V8H5.13v2.023h1.777v4.892a7.037 7.037 0 002.188 0v-4.892h1.63z"/></path></path></svg>


    </div>


    <div class="name"><h5>Facebook</h5></div>


  </a>




    <!--Instagram-->


  <a href="https://www.instagram.com/invites/contact/?igsh=1keqyrozbz679&utm_content=3hnlb04">


    <div class="Social-icons">


     <svg xmlns="http://www.w3.org/2000/svg" width="1279.997" height="1279.997" fill-rule="evenodd" clip-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewbox="0 0 13333.33 13333.33" id="instagram">


  <defs>


    <lineargradient id="a" x1="9425.49" x2="3907.84" y1="1689.61" y2="11643.72" gradientunits="userSpaceOnUse">


      <stop offset="0" stop-color="#4845a2"></stop>


      <stop offset=".278" stop-color="#a844a1"></stop>


      <stop offset=".302" stop-color="#a844a1"></stop>


      <stop offset=".38" stop-color="#a844a1"></stop>


      <stop offset=".6" stop-color="#d7233e"></stop>


      <stop offset=".6" stop-color="#d7233e"></stop>


      <stop offset=".871" stop-color="#f8a325"></stop>


      <stop offset="1" stop-color="#f8dd25"></stop>


    </lineargradient>


  </defs>


  <rect width="13333.33" height="13333.33" fill="none"></rect>


  <path fill="url(#a)" d="M4365.91 2471.84l4601.52 0c1029.13,0 1869.24,842.02 1869.24,1869.25l0 4649.24c0,1029.14 -840.11,1871.15 -1869.24,1871.15l-4601.52 0c-1027.22,0 -1869.24,-842.02 -1869.24,-1871.15l0 -4649.24c0,-1027.23 842.02,-1869.25 1869.24,-1869.25z"></path>


  <path fill="#fff" d="M8196.04 3877.12l-3058.76 0c-683.54,0 -1242.98,559.44 -1242.98,1242.98l0 3091.22c0,683.55 559.43,1242.98 1242.98,1242.98l3058.76 0c683.55,0 1242.98,-559.44 1242.98,-1242.98l0 -3091.22c0,-683.55 -559.44,-1242.98 -1242.98,-1242.98zm729.37 4047.8l0 0c0,555.62 -456.33,1011.95 -1011.95,1011.95l-2491.69 0c-557.53,0 -1011.95,-456.33 -1011.95,-1011.95l0 -2516.51c0,-557.53 454.42,-1011.95 1011.95,-1011.95l2491.69 0c555.62,0 1011.95,454.42 1011.95,1011.95l0 2516.51z"></path>


  <path fill="#fff" fill-rule="nonzero" d="M6666.67 5290.03c-758.01,0 -1374.73,618.63 -1374.73,1376.63 0,758.01 616.72,1374.73 1374.73,1374.73 758.01,0 1376.63,-616.72 1376.63,-1374.73 0,-758.01 -618.62,-1376.63 -1376.63,-1376.63zm0 2287.39l0 0c-502.16,0 -910.76,-408.6 -910.76,-910.76 0,-502.16 408.6,-910.75 910.76,-910.75 502.15,0 910.75,408.59 910.75,910.75 0,502.16 -408.6,910.76 -910.75,910.76z"></path>


  <path fill="#fff" d="M9436.86 3868.69c156.57,0 282.58,-126.02 282.58,-280.67 0,-156.56 -126.02,-282.58 -282.58,-282.58 -154.66,0 -280.67,126.02 -280.67,282.58 0,154.66 126.02,280.67 280.67,280.67z"></path>


</svg>


    </div>


    <div class="name"><h5>Instagram</h5></div>


  </a>




      <!--Telegram-->


  <a href="https://t.me/NPriyaa">


    <div class="Social-icons">


     <svg width="800px" height="800px" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">


<circle cx="16" cy="16" r="14" fill="url(#paint0_linear_87_7225)"/>


<path d="M22.9866 10.2088C23.1112 9.40332 22.3454 8.76755 21.6292 9.082L7.36482 15.3448C6.85123 15.5703 6.8888 16.3483 7.42147 16.5179L10.3631 17.4547C10.9246 17.6335 11.5325 17.541 12.0228 17.2023L18.655 12.6203C18.855 12.4821 19.073 12.7665 18.9021 12.9426L14.1281 17.8646C13.665 18.3421 13.7569 19.1512 14.314 19.5005L19.659 22.8523C20.2585 23.2282 21.0297 22.8506 21.1418 22.1261L22.9866 10.2088Z" fill="white"/>


<defs>


<lineargradient id="paint0_linear_87_7225" x1="16" y1="2" x2="16" y2="30" gradientunits="userSpaceOnUse">


<stop stop-color="#37BBFE"/>


<stop offset="1" stop-color="#007DBB"/>


</stop></stop></lineargradient>


</defs>


</path></circle></svg>


    </div>


    <div class="name"><h5>Telegram</h5></div>


  </a>




    <!--Blog-->


  <a href="https://tamil-veezhathu-en-inam.blogspot.com">


    <div class="Social-icons">

    

    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewbox="0 0 48 48">

<lineargradient id="PwyZ_DTfRgFdHLU07K2AAa_GsMdC9NCKCAD_gr1" x1="-357.996" x2="-326.98" y1="-2.256" y2="28.759" gradienttransform="translate(364.481 8.739)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#ff975f"></stop><stop offset="1" stop-color="#ff7930"></stop></lineargradient><path fill="url(#PwyZ_DTfRgFdHLU07K2AAa_GsMdC9NCKCAD_gr1)" d="M6,9.446v29.105c0,1.901,1.544,3.445,3.445,3.445 h29.111c1.901,0,3.445-1.544,3.445-3.445V9.446c0-1.901-1.544-3.445-3.445-3.445H9.446C7.544,6.001,6,7.545,6,9.446z"></path><path fill="#fff" fill-rule="evenodd" d="M13.001,29.999 l-0.001-12c0-3.312,2.689-6,6.001-6h5.999c3.312,0,6.001,2.688,6.001,6l-0.001,3c0,1.104,0.897,2.001,2.001,2.001s2,0.895,2,1.999 c0,0.731,0.001,3.789,0.001,5c0,3.312-2.689,6-6.001,6h-9.999C15.69,35.999,13.001,33.311,13.001,29.999z M29.001,27.999 c0-1.103-0.897-2-2-2h-7c-1.104,0-2,0.897-2,2c0,1.104,0.896,2,2,2h7C28.103,29.999,29.001,29.103,29.001,27.999z M27.013,18.999 c0-1.103-0.897-2-2-2h-5.024c-1.104,0-2,0.897-2,2c0,1.104,0.896,2,2,2h5.024C26.115,20.999,27.013,20.103,27.013,18.999z" clip-rule="evenodd"></path>

</svg>


    </div>


    <div class="name"><h5>Blogger</h5></div>


  </a>


<!--Youtube-->

  <a href="YOUR YOUTUBE URL LINK">

    <div class="Social-icons">

      <svg viewbox="0 0 24 24"><path fill="currentColor" d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z" /></path></svg>

    </div>

    <div class="name"><h5>YouTube</h5></div>

  </a>

</div>

<style>


.Social_follow_icons svg {


width: 22px;


height: 22px;


fill: black;


}


.Social_follow_icons {


display: flex;


gap: 15px;


font-family: "Roboto", sans-serif;


margin: 32px 0;


justify-content: center;


}




.Social-icons {


margin: 8px;


}


.Social_follow_icons a {


display: flex;


gap: 8px;


font-size: 50px;


text-decoration: none;


align-items: center;


width: 40px;


height: 40px;


line-height: 0;


overflow: hidden;


box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.2);


transition: all 400ms ease;


border: 1px solid;


}


.Social_follow_icons a:hover {


width: 138px;


}


.Social_follow_icons a .name {


font-size: 16px;


font-weight: bold;


}


.Social_follow_icons a:nth-of-type(1) {


color: #4267b2;


}


.Social_follow_icons a:nth-of-type(2) {


color: #1da1f2;


}


.Social_follow_icons a:nth-of-type(3) {


color: #e1306c;


}


.Social_follow_icons a:nth-of-type(4) {


color: #ff0000;


}


</style>




PASTE THE CODING IN THE BELOW MENTIONED PLACE





How to Remove “Showing posts with label.. show all posts” from Blogger Template

 

How to remove “Showing posts with label.. show all posts” from Blogger Template


Code:

Step 1:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>

Need to Change to below code:
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>

Step 2:

]]></b:skin>

.status-msg-wrap { display: none; }  or 

Step 3:

.status-msg-wrap { display: none; }

.queryMessage { display: none; }

Coding:


Paste this Coding in the below mentioned place:

.status-msg-wrap { display: none; }

.queryMessage { display: none; }


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>

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

How to Add a Floating YouTube Subscribe Button in Blogger



Step 1:  We have to go the Blogger admin console and select Themes. 

                


Step 2:  Then click Customize near an Arrow button and click to "Edit HTML.".


                     


Step 3: Open the HTML code page and find the body closing tag.

Shortcut (Ctrl+F) and type </body>


Step 4: Copy the below coding before body closing tag. 

Code:
-------------------------------------------------------------------------------------------
<style>
  .YT-subscribe {position: fixed;left: 35px;bottom: 20px;background-color: #ffffff;padding: 12px 12px 12px 12px;border-radius: 10px 10px 0px 0px;display: flex;align-items: center;max-width: 320px;
  min-width: 280px;height: auto;color: #cc0000;overflow: hidden;z-index: 100;border-bottom: 4px solid #16537e;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
  .YT-subscribe .YT-subscribe-close { position: absolute; top: 4px; right: 8px; } 
  .YT-subscribe .YT-subscribe-close svg { width: 22px; height: 22px; fill: #ffd966; } 
  .YT-subscribe .YT-subscribe-img { width: 70px; height: 50px; } 
  .YT-subscribe .YT-subscribe-img img { display: flex; align-items: center; justify-content: center; width: 50px; } 
  .YT-subscribe .YT-subscribe-content { width: calc(100% - 70px); padding-left: 1px; } 
  .YT-subscribe .YT-subscribe-content a { display: block; color: inherit; } 
  .Subscribe_btn {font-weight: 600;font-size: 12px;display: flex;align-items: center;justify-content: center;width: 120px;height: 30px;padding: 5px 6px;background-color: #f44336;border-radius: 4px;
   color: #fff;margin-top: 12px;bottom: 0;right: 0;flex-wrap: wrap;flex-direction: row;align-content: center;}
  .YT-subscribe .YT-subscribe-content .YT-title { display: block; font-weight: 700; font-size: 13px; text-align: left; padding-left: 12px }
  .YT-subscribe .Subscribe_btn a { display: block; color: inherit; color:#fff; } 
  .YT-subscribe .YT-subscribe-content .YT-desc { display: block; font-size: 10px; margin-top: 5px; color: #000; text-align: left;padding-left: 12px; line-height: normal; font-weight: 500; }
  .YT-btn-text{margin-left:9px}
  </style>
  
  <div class='YT-subscribe' id='YT-btn'>
  <div class='YT-subscribe-close' onclick='document.getElementById(&quot;YT-btn&quot;).style.display=&quot;none&quot;'><svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0a3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div>
  <div class='YT-subscribe-img'><img alt='Youtube Channel Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDnmhKCeJHqne3M29vk8NEnMKTnMR6m7NbzBd86nKF1973y07pfJC99592qQCa8D4nEchcwHtMtvz-vl7JwogSUW5_hzuvryYWMGQHQ2Ex8kxb5_JWjLtu7szJQicviF7Zvu8vx30JbGgu5G3dBq83GcKL3GFI7tbMVeIL3nG2yDQ1unrvzK8O0v5n5NJQ/s523/PngItem_114947.png'/>
  
  </div>
  <div class='YT-subscribe-content'>
  <span class='YT-title'>Your Channel</span>
  <span class='YT-desc'>Subscribe To watch more Videos</span>
  </div>
    <div class='Subscribe_btn'>
    <a href='PASTE YOUR YOUTUBE URL HERE' target='_blank'>
    <span class='YT-btn-text'>Subscribe</span></a>
  </div></div>


Tuesday, November 5, 2024

7 роЖроо் роиூро▒்ро▒ாрог்роЯிро▓் рооро▓ைропை роХுроЯைрои்родு рооேро▓ிро░ுрои்родு роХீро┤ாроХ роХோро╡ிро▓் роХроЯ்роЯிроп родрооிро┤рой்

 7 роЖроо் роиூро▒்ро▒ாрог்роЯிро▓் рооро▓ைропை роХுроЯைрои்родு рооேро▓ிро░ுрои்родு роХீро┤ாроХ роХோро╡ிро▓் роХроЯ்роЯிроп родрооிро┤ро░் роЪோро┤ро░்роХாро│் роЖро╡ாро░்роХро│். родрооிро┤ро░்роХро│் роХро▓ை рооро▒்ро▒ுроо் роЖро░்роХ்роХிроЯெроХ்роЪро░ிро▓் рокெро░ுроо் рокроЩ்роХро│ிрок்рокுроХро│ைроЪ் роЪெроп்родு, роЙро▓роХрод்родிро▒்роХு роХро▓்ро▓ро▒ைропைрок் рокропрой்рокроЯுрод்родி роЙроЪ்роЪிрок்рокுро│்ро│ роХроЯ்роЯிроЯроЩ்роХро│ை роЙро░ுро╡ாроХ்роХி роХாроЯ்роЯிройро░். роЗродрой் роЪிро▒рои்род роЙродாро░рогрооாроХ рооாрооро▓்ро▓рокுро░роо் (роороХாрокро▓ிрокுро░роо்) рокроХுродிропிро▓் роХாрогроХ்роХூроЯிроп рокாро▒ை ро╡ெроЯ்роЯுроХ்роХோро╡ிро▓்роХро│் рооро▒்ро▒ுроо் роХைро▓ாроЪроиாродро░் роХோро╡ிро▓் рокோрой்ро▒ роХோро╡ிро▓்роХро│் роЙро│்ро│рой.

роЗро╡ை рооுродрой்рооைропாроХ рокро▓்ро▓ро╡ роорой்ройро░்роХро│ிрой் роЖроЯ்роЪிроХ்роХாро▓род்родிро▓் роХроЯ்роЯрок்рокроЯ்роЯрой. роХுро▒ிрок்рокாроХ, роороХேрои்родிро░ро╡ро░்роорой் рооро▒்ро▒ுроо் роиро░роЪிроо்рооро╡ро░்роорой் рокро▓்ро▓ро╡ро░்роХро│ிрой் роЖроЯ்роЪி роХாро▓род்родிро▓், рооро▓ைропிро▓் роЗро░ுрои்родு роТро░ு рооுро┤ு роХроЯ்роЯிроЯ ро╡роЯிро╡рооைрок்рокை роЙро░ுро╡ாроХ்роХுроо் роХроЯ்роЯுрооாрой родிро▒ройை рокро▓்ро▓ро╡ро░்роХро│் родроЩ்роХро│் роХро▓ைроороХிро┤்ро╡ிро▓் роХொрог்роЯிро░ுрои்родройро░்.

рооாрооро▓்ро▓рокுро░род்родிро▓் роЙро│்ро│ роЪுрооாро░் 1400 роЖрог்роЯுроХро│் рокро┤рооைропாрой роЗрои்род роХோро╡ிро▓்роХро│் рокாро▒ைроХро│ைроХ் роХுроЯைрои்родு, рооேро▓ிро░ுрои்родு роХீро┤ாроХ роЙро░ுро╡ாроХ்роХрок்рокроЯ்роЯро╡ை. роЗро╡ро▒்ро▒ிро▓் рокுроХро┤் рокெро▒்ро▒ро╡ை рокроЮ்роЪ ро░родроЩ்роХро│் рооро▒்ро▒ுроо் роЕроХро╕்родிропро░ிрой் родрокроЪு, ро╡ро░ாро╣ா роХுроХை роХோро╡ிро▓் рокோрой்ро▒рой.

роЗро╡்ро╡роХை роиுроЯ்рокрооாрой роХроЯ்роЯுрооாройроо் родрооிро┤ро░்роХро│ிрой் рокொро▒்роХாро▓рок் рокொроХ்роХிро╖роЩ்роХро│ிрой் роЕроЯைропாро│рооாроХро╡ே ро╡ிро│роЩ்роХுроХிрой்ро▒рой.

1. роХொроХ்роХேроЪ்ро╡ро░ро░் (роЪாрооூрои்родி) роХோро╡ிро▓் – рооாрооро▓்ро▓рокுро░роо்:

  • рооாрооро▓்ро▓рокுро░роо் рокிро░роо்рооாрог்роЯ рокாро▒ைроХро│ைропுроо் роХுроЯைрои்родு роЖройродு рокро▓ роЖро▓ропроЩ்роХро│் рооро▒்ро▒ுроо் роорог்роЯрокроЩ்роХро│் роиிро░்рооாрогிрод்родройро░். роЗроЩ்роХு роХுроЯைрои்род рокாро▒ை роХро▓ைроХ்роХூроЯроо் рооро▒்ро▒ுроо் роХோро╡ிро▓்роХро│் рокро▓роо் роХாрогроХ்роХூроЯிропродு.рооро▓ை ро╡ெроЯ்роЯி роХோро╡ிро▓்роХро│ை роЙро░ுро╡ாроХ்роХிропродிро▓் роХாрогроХ்роХிроЯைроХ்роХுроо் рооுроХ்роХிроп роХро▓ைрооுро▒ைроХро│்:
    1. рооேро▓ிро░ுрои்родு роХீро┤ாроХ ро╡ெроЯ்роЯுродро▓்: рооро▓ைроХ்роХுроХைроХро│ை ро╡роЯிро╡рооைрод்родродிро▓், рооேро▓ிро░ுрои்родு роХீро┤ே роиோроХ்роХி роТро░ு рооுро┤ு роХோро╡ிро▓் ро╡роЯிро╡ை роОроЯுрок்рокродு рооிроХுрои்род роЪிро░роорооாрой роЪெропро▓ாроХுроо். роЪிро▒்рокроХ்роХро▓ை рооро▒்ро▒ுроо் роЖро┤்рои்род роХрогроХ்роХீроЯுроХро│ை роЙро│்ро│роЯроХ்роХிропродு.

    2. роЪிро▒்рокроХ்роХро▓ை: роЕрод்родроХைроп роХோро╡ிро▓்роХро│ிро▓் роХро▒்роХро│ிро▓் роЪிро▒்рокроЩ்роХро│ை роЪெродுроХ்роХுродро▓், роХроЯро╡ுро│் роЪிро▓ைроХро│ைропுроо் роироХைрок்рокродுроо் роЪிро▒рок்рокாроХ роЗро░ுрои்родродு.

    3. рокாро▒ைроХ் роХோро╡ிро▓்роХро│்: рооாрооро▓்ро▓рокுро░роо், родிро░ுроЪ்роЪிро░ாрок்рокро│்ро│ி, роородுро░ை рокோрой்ро▒ роЗроЯроЩ்роХро│ிро▓், рокாро▒ைропிро▓் роЪெродுроХ்роХிроп рокро▓ роХோро╡ிро▓்роХро│் роЗро░ுроХ்роХிрой்ро▒рой. рокாрог்роЯிропро░் рооро▒்ро▒ுроо் рокро▓்ро▓ро╡ро░்роХро│ிрой் роХро▓ைропாроп்рои்род рокாрогிропிро▓் роЗро╡ை роЕрооைрои்родுро│்ро│рой.

    роЗродு родрооிро┤் роиாроЯ்роЯிрой் родொрой்рооைропாрой роХроЯ்роЯிроЯроХ்роХро▓ை, роЪிро▒்рокроХ்роХро▓ை, рооро▒்ро▒ுроо் роХро▓ாроЪாро░род்родிрой் роТро░ு роЕро▒்рокுродрооாрой роЕроЯைропாро│рооாроХро╡ே роЗро░ுрои்родு ро╡ро░ுроХிрой்ро▒родு.


    родாропுрооாройро╡ро░் роХோро╡ிро▓் роороЯ்роЯுрооро▓்ро▓ாрооро▓், 7-роЖроо் роиூро▒்ро▒ாрог்роЯிро▓் роХроЯ்роЯிроп рооாрооро▓்ро▓рокுро░роо் роХுроХை роХோро╡ிро▓்роХро│் рооро▒்ро▒ுроо் рооро▒்ро▒ роЪிро▓ роЪோро┤ро░், рокро▓்ро▓ро╡ро░் роХாро▓роХ் роХோро╡ிро▓்роХро│ுроо் рооро▓ைрок்рокроХுродிропிро▓் роЗро░ுрои்родு роХுроЯைрои்родு роЕрооைроХ்роХрок்рокроЯ்роЯுро│்ро│рой. 

  • роЗродு родிро░ுроЪ்роЪி рооро▓ைропிро▓் роЕрооைрои்родுро│்ро│ роХோро╡ிро▓் роЖроХுроо், рооேро▓ுроо் роЗродு родрооிро┤் роЪோро┤ро░் роХாро▓род்родைроЪ் роЪேро░்рои்род родுро▒ро╡ிроХро│் рооро▒்ро▒ுроо் роЪிро▒்рок роХро▓ைроЮро░்роХро│ாро▓் 7 роЖроо் роиூро▒்ро▒ாрог்роЯிро▓் роХроЯ்роЯрок்рокроЯ்роЯродு роОрой роЕро▒ிропрок்рокроЯுроХிро▒родு. роЗродрой் роЪிро▒рок்рокு, роХро▓ை роиுрогுроХ்роХроЩ்роХро│் рооро▒்ро▒ுроо் рокாро░роо்рокро░ிроп роЪிро▒்рокроЩ்роХро│ைроХ் роХொрог்роЯிро░ுрок்рокродு роороЯ்роЯுрооро▓்ро▓, роЗрои்родிропாро╡ிрой் роЪெроо்рооро▓ைропாрой роХுроХை роХோро╡ிро▓்роХро│ிрой் роЕрооைрок்рокுроХро│ுроХ்роХு роЕроЯிрок்рокроЯைропாрой роХோро╡ிро▓ாроХро╡ுроо் ро╡ிро│роЩ்роХுроХிро▒родு.

  • родாропுрооாройро╡ро░் роХோро╡ிро▓் роороЯ்роЯுрооро▓்ро▓ாрооро▓், 7-роЖроо் роиூро▒்ро▒ாрог்роЯிро▓் роХроЯ்роЯிроп рооாрооро▓்ро▓рокுро░роо் роХுроХை роХோро╡ிро▓்роХро│் рооро▒்ро▒ுроо் рооро▒்ро▒ роЪிро▓ роЪோро┤ро░், рокро▓்ро▓ро╡ро░் роХாро▓роХ் роХோро╡ிро▓்роХро│ுроо் рооро▓ைрок்рокроХுродிропிро▓் роЗро░ுрои்родு роХுроЯைрои்родு роЕрооைроХ்роХрок்рокроЯ்роЯுро│்ро│рой.

  • рокро│்ро│ро╡ роЕро░роЪро░் роиро░роЪிроо்рооро╡ро░்роорой் роОрой்рокро╡ро░ிрой் роЖроЯ்роЪி роХாро▓род்родிро▓் роЗрои்родроХ் роХோро╡ிро▓்роХро│் роХроЯ்роЯрок்рокроЯ்роЯрой. роЕрои்родроХ் роХாро▓род்родிро▓், роЗрои்род роХுроЯைродро▓் родொро┤ிро▓்роиுроЯ்рокроо் роТро░ு рооிроХрок் рокெро░ிроп роЪாродройைропாроХроХ் роХро░ுродрок்рокроЯ்роЯродு. роЗрои்родроХ் роХோро╡ிро▓்роХро│ிро▓் родாро┤்ро╡ро░ைроХ்роХро▓ை (роЕродாро╡родு роХро▓ைрок்рокрог்рокுроХро│ிрой் роЪிро▓ைроХро│்) родுро▓்ро▓ிропрооாроХ рокொро▒ிроХ்роХрок்рокроЯ்роЯுро│்ро│родு, рооேро▓ுроо் роЪூро░ிроп рооро▒்ро▒ுроо் роЪрои்родிро░ роХроЯро╡ுро│ро░்роХро│ிрой் роЙро░ுро╡роЩ்роХро│ுроо் роЕроЪ்роЪிро▓ைроХро│ிро▓் роХாрогрок்рокроЯுроХிрой்ро▒рой.


    рооாрооро▓்ро▓рокுро░род்родிро▓் роЙро│்ро│ рокроЮ்роЪ ро░родроЩ்роХро│் рооро▒்ро▒ுроо் роХுроХை роХோро╡ிро▓்роХро│் роХூроЯ роЗроХ்роХாро▓род்родிро▓் рооро▓ைроХро│ிро▓் роХுроЯைрои்родு ро╡роЯிро╡рооைроХ்роХрок்рокроЯ்роЯрой.

  • роЕрои்родроХ் роХாро▓роХроЯ்роЯрод்родிро▓் ро░ாроЬро░ாроЬ роЪோро┤рой், роиро░роЪிроо்роо ро╡ро░்роорой், рооро▒்ро▒ுроо் рокро▓ рокро▓்ро▓ро╡ро░் роЕро░роЪро░்роХро│் роЗрои்род роХро▓ைрод் родுро▒ைропை ро╡ро│ро░்род்родройро░். роЗродрой்роХீро┤், родрооிро┤ро░்роХро│் роЪро░ро│рооாроХроХ் роХро▒்роХро│ை ро╡ெроЯ்роЯி, роЕродை родூро░ிроХைроХро│ாро▓் роЪெродுроХ்роХி, роороХாроХாро▓рооாроХுроо் роЗро▒ைро╡ройை ро╡ро┤ிрокроЯ்роЯройро░்.


    роЗрои்род роЪிро▒்рокроЩ்роХро│் 7-роЖроо் роиூро▒்ро▒ாрог்роЯிро▓், родрооிро┤ро░்роХро│ிрой் родொрой்рооைропாрой роХро▓ை рооро░рокுроХро│் рооро▒்ро▒ுроо் рооுрой்ройோроЯிрок் рокрог்рокாроЯ்роЯு роЕроЯைропாро│роЩ்роХро│ை рокிро░родிрокро▓ிроХ்роХிрой்ро▒рой.

Monday, November 4, 2024

родрооிро┤роХрод்родிрой் роЕро┤роХுроо் ро╡ீро░рооுроо்


 родрооிро┤роХроо் роОрой்рокродு роЕро┤роХுроо் ро╡ீро░рооுроо் роиிро▒ைрои்род роТро░ு рокெро░ுрооைрооிроХ்роХ рооாроиிро▓роо். роЗроЩ்роХு ро╡ிро│роЩ்роХுроо் роХро▓ாроЪ்роЪாро░рооுроо் роХாро╡ிропроЩ்роХро│ுроо் роЗрод்родро░ுрогрод்родிро▒்роХு роЪிро▒рои்род роОроЯுрод்родுроХ்роХாроЯ்роЯுроХро│். роЗрок்рокோродு, родрооிро┤роХрод்родிрой் роЕро┤роХுроо் ро╡ீро░род்родைропுроо் ро╡ிро╡ро░ிроХ்роХро▓ாроо்:

1. рокро┤рооைропாрой ро╡ро░ро▓ாро▒ு рооро▒்ро▒ுроо் роХро▓ாроЪ்роЪாро░роо்


  • родрооிро┤роХроо் рооுроХ்роХாро▓рооா роЕро╡்ро╡ாро▒ே родрооிро┤் рооொро┤ி, роЗро▓роХ்роХிропроо், роЗроЪை, роироЯройроо், рооро▒்ро▒ுроо் роЪிро▒்рокроХ்роХро▓ைропிро▓் рокுро▓рооை рокெро▒்ро▒ுро│்ро│родு. роЪроЩ்роХ роХாро▓род்родிро▓் родோрой்ро▒ிроп рокுро▓ро╡ро░் рокாроЯро▓்роХро│் родрооிро┤ро░் роЕроЯைропாро│рооாроХ ро╡ிро│роЩ்роХுроХிрой்ро▒рой.
  • роХாроЮ்роЪிрокுро░роо், рооாрооро▓்ро▓рокுро░роо் рокோрой்ро▒ родொрой்рооை роироХро░роЩ்роХро│ிро▓் рокிро░роо்рооாрог்роЯрооாрой роХோро╡ிро▓்роХро│், роЪிро▒்рокроХ்роХро▓ைропிрой் родройிроЪ்роЪிро▒рок்рокை ро╡ெро│ிрок்рокроЯுрод்родுроХிрой்ро▒рой.

2. роЕро┤роХிроп роЗроЯроЩ்роХро│்



  • родрооிро┤роХроо் роЗропро▒்роХை ро╡ро│роЩ்роХро│், рооро▓ைропாро░рог்ропроЩ்роХро│், роиீро░்роиிро▓ைроХро│், роЕро┤роХிроп роХроЯро▒்роХро░ைроХро│் роОрой роиிро▒ைрои்родுро│்ро│родு. роиீро▓роХிро░ி рооро▓ைроХро│், ропேро░்роХாроЯு, роХுро▒்ро▒ாро▓роо் роЕро░ுро╡ிроХро│் рокோрой்ро▒ роЗроЯроЩ்роХро│் роЗропро▒்роХை роЪுроХрооாроХроХ் роХாрогрок்рокроЯுроХிрой்ро▒рой.
  • роХோро╡ை, роЙро┤ро╡ு, ро╡ேро│ாрог்рооை, рокொро▒்роХொроЯி рокோрой்ро▒ рокро▓ роЗроЯроЩ்роХро│ிро▓ுроо் рокроЪுрооை роиிро▒ைрои்род родோроЯ்роЯроЩ்роХро│ுроо் рокроЪுрооைропாрой роХாроЯுроХро│ுроо் роЪூро┤ро▓் ро╡ро│род்родை роЕродிроХро░ிроХ்роХிрой்ро▒рой.

3. роХோропிро▓்роХро│ிрой் роЪிро▒рок்рокு


  • родрооிро┤роХроо் рокெро░ுроо்рокாро▓ாрой рокிро░роо்рооாрог்роЯ роХோро╡ிро▓்роХро│ுроХ்роХுрок் рокிро░роЪிрод்родрооாроХுроо். роородுро░ை рооீройாроЯ்роЪி роЕроо்роорой் роХோро╡ிро▓், родроЮ்роЪை рокெро░ிроп роХோро╡ிро▓், ро░ாрооேро╕்ро╡ро░роо் роХோро╡ிро▓் роЖроХிропро╡ை роХோро╡ிро▓் роХроЯ்роЯிроЯроХ்роХро▓ை, роЪிро▒்рокроЩ்роХро│ிрой் роЕро┤роХை ро╡ெро│ிрок்рокроЯுрод்родுроХிрой்ро▒рой.
  • роТро╡்ро╡ொро░ு роХோро╡ிро▓ிрой் роЪிро▒рок்рокுроо் роЕродрой் роХро▓ாроЪ்роЪாро░род்родைропுроо் рокрог்рокாроЯ்роЯைропுроо் роХுро▒ிроХ்роХிро▒родு.

4. ро╡ீро░ ро╡ீро░роЩ்роХройைроХро│்


  • рокுро▓ிроХ்роХொроЯி роПрои்родிроп рокாрог்роЯிроп роорой்ройро░்роХро│், роЪோро┤ роорой்ройро░்роХро│், роЪேро░ роорой்ройро░்роХро│் рокோрой்ро▒ ро╡ீро░ро░்роХро│் родрооிро┤роХрод்родைрок் рокாродுроХாроХ்роХ рокро▓ рокோро░ாроЯ்роЯроЩ்роХро│ிро▓் роИроЯுрокроЯ்роЯுро│்ро│ройро░்.
  • ро╡ீро░род்родுроХ்роХு роЙродாро░рогрооாроХ роЗро░ுроХ்роХிрой்ро▒ ро╡ேро▓ு роиாроЪ்роЪிропாро░், роорой்ройро░் ро░ாроЬро░ாроЬ роЪோро┤рой், роорой்ройро░் роХро░ிроХாро▓рой், рокேро░ிропாро░் роЖроХிропோро░் родрооிро┤ро░் роорог்рогிрой் рокெро░ுрооைропை роиிро▓ைроиாроЯ்роЯிропро╡ро░்роХро│்.

5. родрооிро┤ро░்роХро│ிрой் родுрогிроЪ்роЪро▓ுроо் ро╡ீро░ро╡ро┤ிрок்рокாроЯுроо்


  • родрооிро┤ро░்роХро│ிрой் ро╡ீро░род்родை роХாрог்рокிроХ்роХ рокாроЯро▓்роХро│ுроо் роХாро╡ிропроЩ்роХро│ுроо் роЗрой்ро▒ро│ро╡ுроо் рокாроЯрок்рокроЯுроХிро▒родு. 'рокாро░родி', 'ро╡ро│்ро│ுро╡ро░்', 'роЪிро▓рок்рокродிроХாро░роо்' рокோрой்ро▒ роЗро▓роХ்роХிропроЩ்роХро│ிро▓் родрооிро┤ро░் ро╡ீро░род்родை рокுроХро┤்рои்родுро│்ро│ройро░்.
  • рокொрой்ройிропிрой் роЪெро▓்ро╡рой் рокோрой்ро▒ роХродைроХро│் родрооிро┤ро░்роХро│் роОро╡்ро╡ро│ро╡ு родைро░ிропроЪாро▓ிроХро│் роОрой்рокродைропுроо் ро╡ீро░род்родை ро╡ро┤ிрооொро┤ிроХிрой்ро▒рой.

6. родрой்ройроо்рокிроХ்роХைропுроо் родொро┤ிро▓்роиுроЯ்рокрод்родிро▓ுроо் рооுрой்ройேро▒்ро▒рооுроо்

  • родрооிро┤роХроо் родொро┤ிро▓்роиுроЯ்рокроо், ро╡ிро╡роЪாропроо், роХро▓்ро╡ி, рооро░ுрод்родுро╡роо் рокோрой்ро▒ рокро▓ родுро▒ைроХро│ிро▓ுроо் рооுрой்ройрогிропிро▓் роЙро│்ро│родு. роЗроЩ்роХு родொро┤ிро▒்роЪாро▓ைроХро│், роР.роЯி. родொро┤ிро▓்роХро│், рооро░ுрод்родுро╡род்родுро▒ை роЖроХிропро╡ை родрооிро┤ро░்роХро│ிрой் роЖро▒்ро▒ро▓ைропுроо் ро╡ிроЯாрооுропро▒்роЪிропைропுроо் ро╡ெро│ிрок்рокроЯுрод்родுроХிрой்ро▒рой.

родрооிро┤роХрод்родிрой் роЕро┤роХுроо் ро╡ீро░рооுроо் роЕро╡ро▒்ро▒ிрой் рокрог்рокாроЯ்роЯு рокாро░роо்рокро░ிропрооுроо் рокாроЪро▒ை роиிро▒ைрои்род роЗроо்роорог்рогிрой் рокெро░ுрооைропை роЙро▓роХுроХ்роХுроХ் роХாрог்рокிроХ்роХிрой்ро▒рой.

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...