What is Your Page Title on a Google Search Engine Results Page?

Whatever Google wants it to be. I always thought it was exactly what your element was. Perhaps in lieu of that, what the first </p> <h1> on the page is. But recently I noticed some pages on this site that were showing a title on SERPs that was a string that appeared nowhere at all in the source of the page.</p> <p>When I first noticed it, I tweeted my basic findings…</p> <p>Where does that title come from?It’s not the </p> <h1> on the page, that reads:backdrop-filterIt’s not the <title> of the page, that reads:backdrop-filter | CSS-Tricks pic.twitter.com/xzoPcge9nT— Chris Coyier (@chriscoyier) August 20, 2021<br /> The thread has more info than what unfurled here. This is a known thing. Apparently, they’ve been doing this for a long time (~10 years), but it’s the first I’ve noticed it. And it’s undergone a recent change:</p> <p>Last week, we introduced a new system of generating titles for web pages. Here’s the rundown on how it works: https://t.co/tgOGR8y8Ww— Google Search Central (@googlesearchc) August 25, 2021<br /> The article is pretty clear about things:<br /> […] we think our new system is producing titles that work better for documents overall, to describe what they are about, regardless of the particular query.Also, while we’ve gone beyond HTML text to create titles for over a decade, our new system is making even more use of such text. In particular, we are making use of text that humans can visually see when they arrive at a web page. We consider the main visual title or headline shown on a page, content that site owners often place within <H1> tags or other header tags, and content that’s large and prominent through the use of style treatments.Other text contained in the page might be considered, as might be text within links that point at pages.<br /> The change is in response to people having sucky <title> text. Like it’s too long, too jacked up with SEO garbage (irony!), or are just plain non-descriptive.<br /> I’m not entirely sure how much I care just yet.<br /> Part of me thinks, well, google.com isn’t the web. As important as it is, it’s a proprietary product by a private company and they can do whatever they want within the bounds of the law. In this case, it’s clear the intention is to help: to provide titles that are more clear than what the original page has.<br /> Part of me thinks, well, that sucks that, as site owners, we have no control. If Google wanted to change the SERP title for every results to this website to “CSS-Tricks is a stupid website, never visit it,” they could and that’s that.<br /> Part of me connects this kind of work to AMP. AMP was basically saying, “Y’all are absolutely horrible at building performant mobile websites, so we’re going to build a strict set of rules such that you can’t screw it up anymore, and dangling a carrot of better SERP placement if you buy into the rules.” This way of creating page titles is basically saying, “Y’all are absolutely horrible at providing good titles, so we’re going to title your pages for you so you can’t screw it up anymore and we can improve our SERPs.”<br /> Except with AMP, you had to put in the development hours to make it happen. It was opt-in, even if the carrot was un-ignorable by content companies. This doesn’t carry the risk of burning development hours, but it’s also not something we get to opt into.<br /> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p> <p><a href="https://css-tricks.com/what-is-your-page-title-on-a-google-search-engine-results-page/" target="_blank" rel="noopener">Typed at</a></p> </div> <div class="entry-tags" ><a href="https://codinghindi.in/tag/engine/" rel="tag">Engine</a><a href="https://codinghindi.in/tag/google/" rel="tag">Google</a><a href="https://codinghindi.in/tag/page/" rel="tag">Page</a><a href="https://codinghindi.in/tag/results/" rel="tag">Results</a><a href="https://codinghindi.in/tag/search/" rel="tag">Search</a><a href="https://codinghindi.in/tag/title/" rel="tag">Title</a></div> <div class="ct-share-box" data-location="bottom" data-type="type-1" > <span class="ct-module-title" >Share your love</span> <div data-icons-type="simple"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodinghindi.in%2Fwhat-is-your-page-title-on-a-google-search-engine-results-page%2F" rel="noopener noreferrer nofollow" data-network="facebook" aria-label="Facebook" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Facebook Icon"> <path d="M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z"/> </svg> </span> </a> <a href="https://twitter.com/share?url=https%3A%2F%2Fcodinghindi.in%2Fwhat-is-your-page-title-on-a-google-search-engine-results-page%2F&text=What%20is%20Your%20Page%20Title%20on%20a%20Google%20Search%20Engine%20Results%20Page%3F" rel="noopener noreferrer nofollow" data-network="twitter" aria-label="Twitter" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Twitter Icon"> <path d="M20,3.8c-0.7,0.3-1.5,0.5-2.4,0.6c0.8-0.5,1.5-1.3,1.8-2.3c-0.8,0.5-1.7,0.8-2.6,1c-0.7-0.8-1.8-1.3-3-1.3c-2.3,0-4.1,1.8-4.1,4.1c0,0.3,0,0.6,0.1,0.9C6.4,6.7,3.4,5.1,1.4,2.6C1,3.2,0.8,3.9,0.8,4.7c0,1.4,0.7,2.7,1.8,3.4C2,8.1,1.4,7.9,0.8,7.6c0,0,0,0,0,0.1c0,2,1.4,3.6,3.3,4c-0.3,0.1-0.7,0.1-1.1,0.1c-0.3,0-0.5,0-0.8-0.1c0.5,1.6,2,2.8,3.8,2.8c-1.4,1.1-3.2,1.8-5.1,1.8c-0.3,0-0.7,0-1-0.1c1.8,1.2,4,1.8,6.3,1.8c7.5,0,11.7-6.3,11.7-11.7c0-0.2,0-0.4,0-0.5C18.8,5.3,19.4,4.6,20,3.8z"/> </svg> </span> </a> <a href="#" rel="noopener noreferrer nofollow" data-network="pinterest" aria-label="Pinterest" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Pinterest Icon"> <path d="M10,0C4.5,0,0,4.5,0,10c0,4.1,2.5,7.6,6,9.2c0-0.7,0-1.5,0.2-2.3c0.2-0.8,1.3-5.4,1.3-5.4s-0.3-0.6-0.3-1.6c0-1.5,0.9-2.6,1.9-2.6c0.9,0,1.3,0.7,1.3,1.5c0,0.9-0.6,2.3-0.9,3.5c-0.3,1.1,0.5,1.9,1.6,1.9c1.9,0,3.2-2.4,3.2-5.3c0-2.2-1.5-3.8-4.2-3.8c-3,0-4.9,2.3-4.9,4.8c0,0.9,0.3,1.5,0.7,2C6,12,6.1,12.1,6,12.4c0,0.2-0.2,0.6-0.2,0.8c-0.1,0.3-0.3,0.3-0.5,0.3c-1.4-0.6-2-2.1-2-3.8c0-2.8,2.4-6.2,7.1-6.2c3.8,0,6.3,2.8,6.3,5.7c0,3.9-2.2,6.9-5.4,6.9c-1.1,0-2.1-0.6-2.4-1.2c0,0-0.6,2.3-0.7,2.7c-0.2,0.8-0.6,1.5-1,2.1C8.1,19.9,9,20,10,20c5.5,0,10-4.5,10-10C20,4.5,15.5,0,10,0z"/> </svg> </span> </a> <a href="https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fcodinghindi.in%2Fwhat-is-your-page-title-on-a-google-search-engine-results-page%2F&title=What%20is%20Your%20Page%20Title%20on%20a%20Google%20Search%20Engine%20Results%20Page%3F" rel="noopener noreferrer nofollow" data-network="linkedin" aria-label="LinkedIn" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="LinkedIn Icon"> <path d="M18.6,0H1.4C0.6,0,0,0.6,0,1.4v17.1C0,19.4,0.6,20,1.4,20h17.1c0.8,0,1.4-0.6,1.4-1.4V1.4C20,0.6,19.4,0,18.6,0z M6,17.1h-3V7.6h3L6,17.1L6,17.1zM4.6,6.3c-1,0-1.7-0.8-1.7-1.7s0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7C6.3,5.5,5.5,6.3,4.6,6.3z M17.2,17.1h-3v-4.6c0-1.1,0-2.5-1.5-2.5c-1.5,0-1.8,1.2-1.8,2.5v4.7h-3V7.6h2.8v1.3h0c0.4-0.8,1.4-1.5,2.8-1.5c3,0,3.6,2,3.6,4.5V17.1z"/> </svg> </span> </a> <a href="https://t.me/share/url?url=https%3A%2F%2Fcodinghindi.in%2Fwhat-is-your-page-title-on-a-google-search-engine-results-page%2F&text=What%20is%20Your%20Page%20Title%20on%20a%20Google%20Search%20Engine%20Results%20Page%3F" rel="noopener noreferrer nofollow" data-network="telegram" aria-label="Telegram" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Telegram Icon"> <path d="M19.9,3.1l-3,14.2c-0.2,1-0.8,1.3-1.7,0.8l-4.6-3.4l-2.2,2.1c-0.2,0.2-0.5,0.5-0.9,0.5l0.3-4.7L16.4,5c0.4-0.3-0.1-0.5-0.6-0.2L5.3,11.4L0.7,10c-1-0.3-1-1,0.2-1.5l17.7-6.8C19.5,1.4,20.2,1.9,19.9,3.1z"/> </svg> </span> </a> <a href="whatsapp://send?text=https%3A%2F%2Fcodinghindi.in%2Fwhat-is-your-page-title-on-a-google-search-engine-results-page%2F" rel="noopener noreferrer nofollow" data-network="whatsapp" aria-label="WhatsApp" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="WhatsApp Icon"> <path d="M10,0C4.5,0,0,4.5,0,10c0,1.9,0.5,3.6,1.4,5.1L0.1,20l5-1.3C6.5,19.5,8.2,20,10,20c5.5,0,10-4.5,10-10S15.5,0,10,0zM6.6,5.3c0.2,0,0.3,0,0.5,0c0.2,0,0.4,0,0.6,0.4c0.2,0.5,0.7,1.7,0.8,1.8c0.1,0.1,0.1,0.3,0,0.4C8.3,8.2,8.3,8.3,8.1,8.5C8,8.6,7.9,8.8,7.8,8.9C7.7,9,7.5,9.1,7.7,9.4c0.1,0.2,0.6,1.1,1.4,1.7c0.9,0.8,1.7,1.1,2,1.2c0.2,0.1,0.4,0.1,0.5-0.1c0.1-0.2,0.6-0.7,0.8-1c0.2-0.2,0.3-0.2,0.6-0.1c0.2,0.1,1.4,0.7,1.7,0.8s0.4,0.2,0.5,0.3c0.1,0.1,0.1,0.6-0.1,1.2c-0.2,0.6-1.2,1.1-1.7,1.2c-0.5,0-0.9,0.2-3-0.6c-2.5-1-4.1-3.6-4.2-3.7c-0.1-0.2-1-1.3-1-2.6c0-1.2,0.6-1.8,0.9-2.1C6.1,5.4,6.4,5.3,6.6,5.3z"/> </svg> </span> </a> </div> </div> <nav class="post-navigation "> <a href="https://codinghindi.in/learn-how-to-build-true-edge-apps-with-cloudflare-workers-and-fauna/" class="nav-item-prev"> <figure class="ct-image-container ct-lazy"><img width="300" height="300" class="attachment-medium size-medium" alt="" loading="lazy" data-ct-lazy="https://css-tricks.com/wp-content/uploads/2021/09/1_sYt3j9oAKPbaBaNtc0exTQ.png" data-object-fit="~" itemprop="image" /><noscript><img fifu-featured="1" width="300" height="300" src="https://css-tricks.com/wp-content/uploads/2021/09/1_sYt3j9oAKPbaBaNtc0exTQ.png" class="attachment-medium size-medium" alt="" title="" loading="lazy" /></noscript><svg width="20px" height="15px" viewBox="0 0 20 15"><polygon points="0,7.5 5.5,13 6.4,12.1 2.4,8.1 20,8.1 20,6.9 2.4,6.9 6.4,2.9 5.5,2 "/></svg><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <div class="item-content"> <span class="item-label"> Previous <span>Post</span> </span> <span class="item-title"> Learn How to Build True Edge Apps With Cloudflare Workers and Fauna </span> </div> </a> <a href="https://codinghindi.in/comparing-methods-for-appending-and-inserting-with-javascript/" class="nav-item-next"> <div class="item-content"> <span class="item-label"> Next <span>Post</span> </span> <span class="item-title"> Comparing Methods for Appending and Inserting With JavaScript </span> </div> <figure class="ct-image-container ct-lazy"><img width="300" height="300" class="attachment-medium size-medium" alt="" loading="lazy" data-ct-lazy="https://css-tricks.com/wp-json/social-image-generator/v1/image/352342" data-object-fit="~" itemprop="image" /><noscript><img fifu-featured="1" width="300" height="300" src="https://css-tricks.com/wp-json/social-image-generator/v1/image/352342" class="attachment-medium size-medium" alt="" title="" loading="lazy" /></noscript><svg width="20px" height="15px" viewBox="0 0 20 15"><polygon points="14.5,2 13.6,2.9 17.6,6.9 0,6.9 0,8.1 17.6,8.1 13.6,12.1 14.5,13 20,7.5 "/></svg><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> </a> </nav> </article> </div> <div class="ct-comments-container"> <div class="ct-container-narrow"> <div class="ct-comments" id="comments"> <h3 class="ct-comments-title"> 11 Comments </h3> <ol class="ct-comment-list"> <li id="comment-1011" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1011"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/6e34c5b17d10cda26629ce8227224041?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="สล็อตฟรีสปิน" ><noscript><img src="https://secure.gravatar.com/avatar/6e34c5b17d10cda26629ce8227224041?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="สล็อตฟรีสปิน" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> สล็อตฟรีสปิน </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/what-is-your-page-title-on-a-google-search-engine-results-page/#comment-1011"> Sep 24, 2021 / 3:18 am </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1011' data-commentid="1011" data-postid="2084" data-belowelement="ct-comment-inner-1011" data-respondelement="respond" data-replyto="Reply to สล็อตฟรีสปิน" aria-label='Reply to สล็อตฟรีสปิน'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>You ought to be a part of a contest for one of the best blogs on the internet.<br /> I will recommend this blog!</p> </div> </div> </li> <li id="comment-1014" class="comment odd alt thread-odd thread-alt depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1014"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/3934babb221f51e8a6842798e662b7f5?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="หวย" ><noscript><img src="https://secure.gravatar.com/avatar/3934babb221f51e8a6842798e662b7f5?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="หวย" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> หวย </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/what-is-your-page-title-on-a-google-search-engine-results-page/#comment-1014"> Sep 24, 2021 / 10:02 am </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1014' data-commentid="1014" data-postid="2084" data-belowelement="ct-comment-inner-1014" data-respondelement="respond" data-replyto="Reply to หวย" aria-label='Reply to หวย'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>I really like your blog.. very nice colors & theme. Did you make<br /> this website yourself or did you hire someone to do it for<br /> you? Plz respond as I’m looking to design my own blog and would like to know where u got this<br /> from. thank you</p> </div> </div> </li> <li id="comment-1015" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1015"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/b798ee1f59413d7119efb3a7dcd7f6b3?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="ribald" ><noscript><img src="https://secure.gravatar.com/avatar/b798ee1f59413d7119efb3a7dcd7f6b3?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="ribald" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> ribald </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/what-is-your-page-title-on-a-google-search-engine-results-page/#comment-1015"> Sep 24, 2021 / 10:10 am </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1015' data-commentid="1015" data-postid="2084" data-belowelement="ct-comment-inner-1015" data-respondelement="respond" data-replyto="Reply to ribald" aria-label='Reply to ribald'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>This deѕign is steller! You most certainly know how to<br /> keep a reader entertaineɗ. Ᏼetween yoսr<br /> wit and үour videos, I was almost moved to start my own blog (wеll, almost…HaHa!) Excellent job.<br /> I really ⅼoved what you had to say, and mߋre than that,<br /> how you presented it. Too cool!</p> </div> </div> </li> <li id="comment-1017" class="comment odd alt thread-odd thread-alt depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1017"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/c922a76d7a78ccf3139eeac6965d94b7?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="throbbing" ><noscript><img src="https://secure.gravatar.com/avatar/c922a76d7a78ccf3139eeac6965d94b7?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="throbbing" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> throbbing </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/what-is-your-page-title-on-a-google-search-engine-results-page/#comment-1017"> Sep 24, 2021 / 11:33 am </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1017' data-commentid="1017" data-postid="2084" data-belowelement="ct-comment-inner-1017" data-respondelement="respond" data-replyto="Reply to throbbing" aria-label='Reply to throbbing'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>Hi there frіends, pleasant article and good arguments commented here, I am truly enjoying bу these.</p> </div> </div> </li> <li id="comment-1038" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1038"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/c07d248a310d58024bafc252c51b3824?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="u" ><noscript><img src="https://secure.gravatar.com/avatar/c07d248a310d58024bafc252c51b3824?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="u" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> u </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/what-is-your-page-title-on-a-google-search-engine-results-page/#comment-1038"> Sep 25, 2021 / 6:23 pm </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1038' data-commentid="1038" data-postid="2084" data-belowelement="ct-comment-inner-1038" data-respondelement="respond" data-replyto="Reply to u" aria-label='Reply to u'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>І’m ցone to inform my little brother, that he should also pay а quiсk visit thiѕ website on regular basis to get updated from newest news update.</p> </div> </div> </li> <li id="comment-1041" class="comment odd alt thread-odd thread-alt depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1041"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/7735f7d8d81d12bae373c9e7358d0545?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="laptop acer" ><noscript><img src="https://secure.gravatar.com/avatar/7735f7d8d81d12bae373c9e7358d0545?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="laptop acer" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> laptop acer </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/what-is-your-page-title-on-a-google-search-engine-results-page/#comment-1041"> Sep 25, 2021 / 8:58 pm </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1041' data-commentid="1041" data-postid="2084" data-belowelement="ct-comment-inner-1041" data-respondelement="respond" data-replyto="Reply to laptop acer" aria-label='Reply to laptop acer'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>Excellent beat ! I wish to apprentice while you amend your web site, how can i subscribe for a blog website?<br /> The account aided me a acceptable deal. I had been tiny bit acquainted of this your broadcast provided bright clear concept</p> </div> </div> </li> <li id="comment-1074" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1074"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/647c12c984c73d62b47ab3f41c6d9f3c?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="q" ><noscript><img src="https://secure.gravatar.com/avatar/647c12c984c73d62b47ab3f41c6d9f3c?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="q" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> q </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/what-is-your-page-title-on-a-google-search-engine-results-page/#comment-1074"> Sep 27, 2021 / 10:34 pm </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1074' data-commentid="1074" data-postid="2084" data-belowelement="ct-comment-inner-1074" data-respondelement="respond" data-replyto="Reply to q" aria-label='Reply to q'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>Just want to sɑy your article is aѕ aѕtonishing.</p> <p>The clearness in your post is just cool and i can assume you are an expert on this subject.<br /> Well with yоur permission let me t᧐ grab your RSS feed to ҝeep updated with fоrthcoming post.<br /> Thɑnks a million and pleasе carry on the rеwarding work.</p> </div> </div> </li> <li id="comment-1080" class="comment odd alt thread-odd thread-alt depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1080"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/cf949244728c611616074c5d368a42ee?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="R Coleman" ><noscript><img src="https://secure.gravatar.com/avatar/cf949244728c611616074c5d368a42ee?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="R Coleman" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> R Coleman </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/what-is-your-page-title-on-a-google-search-engine-results-page/#comment-1080"> Sep 28, 2021 / 8:08 am </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1080' data-commentid="1080" data-postid="2084" data-belowelement="ct-comment-inner-1080" data-respondelement="respond" data-replyto="Reply to R Coleman" aria-label='Reply to R Coleman'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>New Search Engine</p> </div> </div> </li> <li id="comment-1102" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1102"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/1fe4f5a5fdef12ea7de40e10a8fcf2c0?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="slot game pulsa" ><noscript><img src="https://secure.gravatar.com/avatar/1fe4f5a5fdef12ea7de40e10a8fcf2c0?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="slot game pulsa" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> slot game pulsa </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/what-is-your-page-title-on-a-google-search-engine-results-page/#comment-1102"> Sep 30, 2021 / 6:47 pm </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1102' data-commentid="1102" data-postid="2084" data-belowelement="ct-comment-inner-1102" data-respondelement="respond" data-replyto="Reply to slot game pulsa" aria-label='Reply to slot game pulsa'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>My spouse and I stumbled over here from a different page and thought I may as well check things out.<br /> I like what I see so i am just following you.<br /> Look forward to looking over your web page for a second<br /> time.</p> </div> </div> </li> <li id="comment-1105" class="comment odd alt thread-odd thread-alt depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1105"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/2eeda4347df3816d1ed08d13ba988da7?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="Slot Gacor" ><noscript><img src="https://secure.gravatar.com/avatar/2eeda4347df3816d1ed08d13ba988da7?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="Slot Gacor" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> Slot Gacor </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/what-is-your-page-title-on-a-google-search-engine-results-page/#comment-1105"> Oct 1, 2021 / 1:52 am </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1105' data-commentid="1105" data-postid="2084" data-belowelement="ct-comment-inner-1105" data-respondelement="respond" data-replyto="Reply to Slot Gacor" aria-label='Reply to Slot Gacor'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>hey there and thank you for your info – I’ve certainly picked up something new from right here.<br /> I did however expertise a few technical points using this web site, as<br /> I experienced to reload the website lots of times previous to<br /> I could get it to load properly. I had been wondering if your hosting is OK?</p> <p>Not that I’m complaining, but slow loading instances times will often affect<br /> your placement in google and could damage<br /> your high quality score if advertising and marketing with Adwords.<br /> Anyway I’m adding this RSS to my e-mail and can look out for a lot more<br /> of your respective intriguing content. Ensure that you update this again very soon.</p> </div> </div> </li> <li id="comment-1109" class="comment even thread-even depth-1 ct-has-avatar"> <div class="ct-comment-inner" id="ct-comment-inner-1109"> <div class="ct-comment-info"> <figure class="ct-image-container ct-lazy"><img data-ct-lazy="https://secure.gravatar.com/avatar/e0ec64a198207f0fcbf98994a0852b89?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="poker dewa 99" ><noscript><img src="https://secure.gravatar.com/avatar/e0ec64a198207f0fcbf98994a0852b89?s=100&d=mm&r=g" data-object-fit="~" width="100" height="100" alt="poker dewa 99" ></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 100%"></span></figure> <section> <div class="ct-comment-author"> poker dewa 99 </div> <div class="ct-comment-meta"> <a href="https://codinghindi.in/what-is-your-page-title-on-a-google-search-engine-results-page/#comment-1109"> Oct 1, 2021 / 9:12 pm </a> <a rel='nofollow' class='comment-reply-link' href='#comment-1109' data-commentid="1109" data-postid="2084" data-belowelement="ct-comment-inner-1109" data-respondelement="respond" data-replyto="Reply to poker dewa 99" aria-label='Reply to poker dewa 99'>Reply</a> </div> </section> </div> <div class="ct-comment-content entry-content"> <p>My spouse and I stumbled over here coming from a different web address and thought<br /> I may as well check things out. I like what I see so now i’m following you.<br /> Look forward to looking at your web page again.</p> </div> </div> </li> </ol> <div id="respond" class="comment-respond"> <h2 id="reply-title" class="comment-reply-title">Leave a Reply<span class="ct-cancel-reply"><a rel="nofollow" id="cancel-comment-reply-link" href="/what-is-your-page-title-on-a-google-search-engine-results-page/#respond" style="display:none;">Cancel Reply</a></span></h2><form action="https://codinghindi.in/wp-comments-post.php" method="post" id="commentform" class="comment-form has-website-field"><p class="comment-form-input-author"> <label for="author">Name <b class="required"> *</b></label> <input id="author" name="author" type="text" value="" size="30" aria-required='true' /> </p> <p class="comment-form-input-email"> <label for="email">Email <b class="required"> *</b></label> <input id="email" name="email" type="text" value="" size="30" aria-required='true' /> </p> <p class="comment-form-input-url"> <label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30" /> </p> <p class="comment-form-textarea"> <label for="comment">Add Comment</label> <textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea> </p><p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /><label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p><p class="form-submit"><button type="submit" name="submit" id="submit" class="submit" value="Post Comment">Post Comment</button> <input type='hidden' name='comment_post_ID' value='2084' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> </div> </div> <div class="ct-related-posts-container"> <div class="ct-container"> <div class="ct-related-posts" data-layout="grid:columns-3"> <h3 class="ct-block-title"> Related Posts </h3> <article itemscope="itemscope" itemtype="https://schema.org/CreativeWork" > <a class="ct-image-container ct-lazy" href="https://codinghindi.in/can-i-include/" aria-label="Can I Include" tabindex="-1"><img width="300" height="300" class="attachment-medium size-medium" alt="" loading="lazy" data-ct-lazy="https://cdn.glitch.com/19f7087b-7781-4727-9c59-2100bafabbf2/site-preview.png?v=1588606121865" data-object-fit="~" itemprop="image" /><noscript><img fifu-featured="1" width="300" height="300" src="https://cdn.glitch.com/19f7087b-7781-4727-9c59-2100bafabbf2/site-preview.png?v=1588606121865" class="attachment-medium size-medium" alt="" title="" loading="lazy" /></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 56.3%"></span></a> <h3 class="related-entry-title" itemprop="name" > <a href="https://codinghindi.in/can-i-include/" itemprop="url" >Can I Include</a> </h3> <ul class="entry-meta" data-type="simple:slash" ><li class="meta-date" itemprop="datePublished" ><time class="ct-meta-element-date" datetime="2021-10-22T18:54:46+00:00" >October 22, 2021</time></li></ul> </article> <article itemscope="itemscope" itemtype="https://schema.org/CreativeWork" > <a class="ct-image-container ct-lazy" href="https://codinghindi.in/exploring-the-css-paint-api-rounding-shapes/" aria-label="Exploring the CSS Paint API: Rounding Shapes" tabindex="-1"><img width="300" height="300" class="attachment-medium size-medium" alt="" loading="lazy" data-ct-lazy="https://css-tricks.com/wp-json/social-image-generator/v1/image/353391" data-object-fit="~" itemprop="image" /><noscript><img fifu-featured="1" width="300" height="300" src="https://css-tricks.com/wp-json/social-image-generator/v1/image/353391" class="attachment-medium size-medium" alt="" title="" loading="lazy" /></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 56.3%"></span></a> <h3 class="related-entry-title" itemprop="name" > <a href="https://codinghindi.in/exploring-the-css-paint-api-rounding-shapes/" itemprop="url" >Exploring the CSS Paint API: Rounding Shapes</a> </h3> <ul class="entry-meta" data-type="simple:slash" ><li class="meta-date" itemprop="datePublished" ><time class="ct-meta-element-date" datetime="2021-10-22T14:39:34+00:00" >October 22, 2021</time></li></ul> </article> <article itemscope="itemscope" itemtype="https://schema.org/CreativeWork" > <a class="ct-image-container ct-lazy" href="https://codinghindi.in/the-css-in-react-landscape/" aria-label="The CSS-in-React Landscape" tabindex="-1"><img width="300" height="300" class="attachment-medium size-medium" alt="" loading="lazy" data-ct-lazy="https://css-tricks.com/wp-json/social-image-generator/v1/image/353318" data-object-fit="~" itemprop="image" /><noscript><img fifu-featured="1" width="300" height="300" src="https://css-tricks.com/wp-json/social-image-generator/v1/image/353318" class="attachment-medium size-medium" alt="" title="" loading="lazy" /></noscript><span data-loader="circles"><span></span><span></span><span></span></span><span class="ct-ratio" style="padding-bottom: 56.3%"></span></a> <h3 class="related-entry-title" itemprop="name" > <a href="https://codinghindi.in/the-css-in-react-landscape/" itemprop="url" >The CSS-in-React Landscape</a> </h3> <ul class="entry-meta" data-type="simple:slash" ><li class="meta-date" itemprop="datePublished" ><time class="ct-meta-element-date" datetime="2021-10-21T22:37:22+00:00" >October 21, 2021</time></li></ul> </article> </div> </div> </div> </main> <footer class="ct-footer" data-id="type-1" itemscope="" itemtype="https://schema.org/WPFooter" ><div data-row="middle" ><div class="ct-container" ><div data-column="menu" > <nav id="footer-menu" class="footer-menu " data-id="menu" data-menu-direction="horizontal" data-stretch itemscope="" itemtype="http://schema.org/SiteNavigationElement" > <ul id="menu-footer-menu" class="menu"><li id="menu-item-1039" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-1039"><a href="https://codinghindi.in">Home</a></li> <li id="menu-item-1040" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1040"><a href="https://codinghindi.in/frontend-submission/">Create</a></li> <li id="menu-item-1037" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-1037"><a href="https://codinghindi.in/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-1139" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1139"><a href="https://www.dmca.com/Protection/Status.aspx?ID=02c68149-326f-4214-8ef7-c5f6585e2cef">DMCA Protected</a></li> </ul></nav> </div><div data-column="ghost"></div><div data-column="socials" > <div class="ct-footer-socials" data-id="socials" > <div class="ct-social-box" data-icon-size="custom" data-color="custom" data-icons-type="rounded:solid" > <a href="https://codepen.io/codinghindi" rel="noopener noreferrer nofollow" data-network="codepen" aria-label="CodePen" target="_blank" > <span class="ct-icon-container" > <svg class="ct-icon" width="20" height="20" viewBox="0 0 20 20" aria-label="CodePen Icon"> <path d="M10,0L0,6.4v7.3L10,20l10-6.4V6.4L10,0z M10,12l-2.8-2L10,8.1l2.8,1.9L10,12z M11,6.5V2.8l6.4,4.1l-2.9,2L11,6.5z M9,6.5L5.5,8.9l-2.9-2L9,2.8V6.5z M3.9,10l-1.9,1.3V8.7L3.9,10z M5.5,11.2L9,13.6v3.5l-6.4-4.1L5.5,11.2z M11,13.6l3.5-2.5l2.8,1.9L11,17.2V13.6z M16.1,10l1.9-1.4v2.7L16.1,10z"/> </svg> </span><span class="ct-label" hidden="" >CodePen</span> </a> <a href="https://www.instagram.com/piotechindia/" rel="noopener noreferrer nofollow" data-network="instagram" aria-label="Instagram" target="_blank" > <span class="ct-icon-container" > <svg class="ct-icon" width="20" height="20" viewBox="0 0 20 20" aria-label="Instagram Icon"> <circle cx="10" cy="10" r="3.3"/> <path d="M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z"/> </svg> </span><span class="ct-label" hidden="" >Instagram</span> </a> <a href="https://www.youtube.com/channel/UC5bkSPKJNRroCEQ7UEeFP3g?sub_confirmation=1" rel="noopener noreferrer nofollow" data-network="youtube" aria-label="YouTube" target="_blank" > <span class="ct-icon-container" > <svg class="ct-icon" width="20" height="20" viewbox="0 0 20 20" aria-label="YouTube Icon"> <path d="M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z"/> </svg> </span><span class="ct-label" hidden="" >YouTube</span> </a> <a href="https://www.facebook.com/CodingHindi" rel="noopener noreferrer nofollow" data-network="facebook" aria-label="Facebook" target="_blank" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Facebook Icon"> <path d="M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z"/> </svg> </span><span class="ct-label" hidden="" >Facebook</span> </a> <a href="https://t.me/codinghindi" rel="noopener noreferrer nofollow" data-network="telegram" aria-label="Telegram" target="_blank" > <span class="ct-icon-container" > <svg class="ct-icon" width="20px" height="20px" viewBox="0 0 20 20" aria-label="Telegram Icon"> <path d="M19.9,3.1l-3,14.2c-0.2,1-0.8,1.3-1.7,0.8l-4.6-3.4l-2.2,2.1c-0.2,0.2-0.5,0.5-0.9,0.5l0.3-4.7L16.4,5c0.4-0.3-0.1-0.5-0.6-0.2L5.3,11.4L0.7,10c-1-0.3-1-1,0.2-1.5l17.7-6.8C19.5,1.4,20.2,1.9,19.9,3.1z"/> </svg> </span><span class="ct-label" hidden="" >Telegram</span> </a> </div> </div> </div></div></div><div data-row="bottom" ><div class="ct-container" data-columns-divider="md:sm" ><div data-column="copyright" > <div class="ct-footer-copyright" data-id="copyright" > <p>Copyright © 2021 <a href="https://codinghindi.in/">Coding Hindi</a> -  Product of  <a href="https://piotechindia.in/">Piotech INDIA</a></p></div> </div></div></div></footer></div> <div class="ct-drawer-canvas"> <div id="search-modal" class="ct-panel" data-behaviour="modal"> <div class="ct-panel-actions"> <span class="ct-close-button"> <svg class="ct-icon" width="12" height="12" viewBox="0 0 15 15"> <path d="M1 15a1 1 0 01-.71-.29 1 1 0 010-1.41l5.8-5.8-5.8-5.8A1 1 0 011.7.29l5.8 5.8 5.8-5.8a1 1 0 011.41 1.41l-5.8 5.8 5.8 5.8a1 1 0 01-1.41 1.41l-5.8-5.8-5.8 5.8A1 1 0 011 15z"/> </svg> </span> </div> <div class="ct-panel-content"> <form role="search" method="get" class="search-form" action="https://codinghindi.in" data-live-results="thumbs"> <input type="search" class="modal-field" placeholder="Try ... css animation" value="" name="s" autocomplete="off" title="Search Input" /> <button class="search-submit" aria-label="Search button"> <svg class="ct-icon" width="15" height="15" viewBox="0 0 15 15" aria-label="Search icon"> <path d="M14.8,13.7L12,11c0.9-1.2,1.5-2.6,1.5-4.2c0-3.7-3-6.8-6.8-6.8S0,3,0,6.8s3,6.8,6.8,6.8c1.6,0,3.1-0.6,4.2-1.5l2.8,2.8c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2C15.1,14.5,15.1,14,14.8,13.7z M1.5,6.8c0-2.9,2.4-5.2,5.2-5.2S12,3.9,12,6.8S9.6,12,6.8,12S1.5,9.6,1.5,6.8z"/> </svg> <span data-loader="circles"><span></span><span></span><span></span></span> </button> <input type="hidden" name="post_type" value="post"> </form> </div> </div> <div id="offcanvas" class="ct-panel ct-header" data-behaviour="right-side" data-device="mobile" ><section> <div class="ct-panel-actions"> <span class="ct-close-button"> <svg class="ct-icon" width="12" height="12" viewBox="0 0 15 15"> <path d="M1 15a1 1 0 01-.71-.29 1 1 0 010-1.41l5.8-5.8-5.8-5.8A1 1 0 011.7.29l5.8 5.8 5.8-5.8a1 1 0 011.41 1.41l-5.8 5.8 5.8 5.8a1 1 0 01-1.41 1.41l-5.8-5.8-5.8 5.8A1 1 0 011 15z"/> </svg> </span> </div> <div class="ct-panel-content" data-device="desktop" ></div><div class="ct-panel-content" data-device="mobile" > <nav class="mobile-menu has-submenu" data-id="mobile-menu" data-type="type-1" > <ul id="menu-mainmenu-1" class=""><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-99"><a href="https://codinghindi.in/">Home</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-198"><a href="#">Categories<span class="child-indicator" aria-label="Menu dropdown indicator"><svg width="8" height="8" viewBox="0 0 15 15" aria-label="Menu dropdown icon"><path d="M2.1,3.2l5.4,5.4l5.4-5.4L15,4.3l-7.5,7.5L0,4.3L2.1,3.2z"/></svg></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-189"><a href="https://codinghindi.in/category/button-animations/">HTML<span class="child-indicator" aria-label="Menu dropdown indicator"><svg width="8" height="8" viewBox="0 0 15 15" aria-label="Menu dropdown icon"><path d="M2.1,3.2l5.4,5.4l5.4-5.4L15,4.3l-7.5,7.5L0,4.3L2.1,3.2z"/></svg></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1213"><a href="https://codinghindi.in/category/social-icons/">Social Icons</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-197"><a href="https://codinghindi.in/category/web-tools/">Toggle Buttons</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-190"><a href="https://codinghindi.in/category/checkbox-button/">CSS<span class="child-indicator" aria-label="Menu dropdown indicator"><svg width="8" height="8" viewBox="0 0 15 15" aria-label="Menu dropdown icon"><path d="M2.1,3.2l5.4,5.4l5.4-5.4L15,4.3l-7.5,7.5L0,4.3L2.1,3.2z"/></svg></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1212"><a href="https://codinghindi.in/category/loading-screen-animation/">Loading Animation</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-192"><a href="https://codinghindi.in/category/html-loader/">Text Animations</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-193"><a href="https://codinghindi.in/category/login-signup-form/">Button Animations</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-194"><a href="https://codinghindi.in/category/social-icons/">Social Icon Animation</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-196"><a href="https://codinghindi.in/category/toggle-button/">Toggle Animation</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1214"><a href="https://codinghindi.in/category/javascript/">Javascript</a></li> </ul> </li> </ul></nav> </div></section></div></div><script src='https://codinghindi.in/wp-content/plugins/coblocks/dist/js/coblocks-animation.js?ver=2.16.0' id='coblocks-animation-js'></script> <script src='https://codinghindi.in/wp-content/plugins/qubely/assets/js/common-script.min.js?ver=1.7.2' id='qubely-block-common-js'></script> <script src='https://codinghindi.in/wp-content/plugins/qubely/assets/js/interaction.min.js?ver=1.7.2' id='qubely-interaction-js'></script> <script id='ct-scripts-js-extra'> var ct_localizations = {"ajax_url":"https:\/\/codinghindi.in\/wp-admin\/admin-ajax.php","nonce":"fe47328ea0","public_url":"https:\/\/codinghindi.in\/wp-content\/themes\/blocksy\/static\/bundle\/","rest_url":"https:\/\/codinghindi.in\/wp-json\/","search_url":"https:\/\/codinghindi.in\/search\/QUERY_STRING\/","show_more_text":"Show more","more_text":"More","dynamic_js_chunks":[{"id":"blocksy_account","selector":".ct-header-account[href*=\"account-modal\"], .must-log-in a","url":"https:\/\/codinghindi.in\/wp-content\/plugins\/blocksy-companion\/static\/bundle\/account.js","trigger":"click"},{"id":"blocksy_dark_mode","selector":"[data-id=\"dark-mode-switcher\"]","url":"https:\/\/codinghindi.in\/wp-content\/plugins\/blocksy-companion\/static\/bundle\/dark-mode.js","trigger":"click"},{"id":"blocksy_sticky_header","selector":"header [data-sticky]","url":"https:\/\/codinghindi.in\/wp-content\/plugins\/blocksy-companion\/static\/bundle\/sticky.js"}]}; </script> <script src='https://codinghindi.in/wp-content/themes/blocksy/static/bundle/main.js?ver=1.8.3.3' id='ct-scripts-js'></script> <script src='https://codinghindi.in/wp-includes/js/comment-reply.min.js?ver=5.8.1' id='comment-reply-js'></script> <script src='https://codinghindi.in/wp-includes/js/wp-embed.min.js?ver=5.8.1' id='wp-embed-js'></script> <script id='fifu-image-js-js-extra'> var fifuImageVars = {"fifu_lazy":"","fifu_woo_lbox_enabled":"1","fifu_woo_zoom":"inline","fifu_is_product":"","fifu_is_flatsome_active":"","fifu_rest_url":"https:\/\/codinghindi.in\/wp-json\/","fifu_nonce":"abdc95eeb4"}; </script> <script src='https://codinghindi.in/wp-content/plugins/featured-image-from-url/includes/html/js/image.js?ver=3.7.7' id='fifu-image-js-js'></script> <script src='https://cdn.onesignal.com/sdks/OneSignalSDK.js?ver=5.8.1' async='async' id='remote_sdk-js'></script> <script type="text/javascript">(function (undefined) {var _localizedStrings={"redirect_overlay_title":"Hold On","redirect_overlay_text":"You are being redirected to another page,<br>it may take a few seconds."};var _targetWindow="prefer-popup"; window.NSLPopup = function (url, title, w, h) { var userAgent = navigator.userAgent, mobile = function () { return /\b(iPhone|iP[ao]d)/.test(userAgent) || /\b(iP[ao]d)/.test(userAgent) || /Android/i.test(userAgent) || /Mobile/i.test(userAgent); }, screenX = window.screenX !== undefined ? window.screenX : window.screenLeft, screenY = window.screenY !== undefined ? window.screenY : window.screenTop, outerWidth = window.outerWidth !== undefined ? window.outerWidth : document.documentElement.clientWidth, outerHeight = window.outerHeight !== undefined ? window.outerHeight : document.documentElement.clientHeight - 22, targetWidth = mobile() ? null : w, targetHeight = mobile() ? null : h, V = screenX < 0 ? window.screen.width + screenX : screenX, left = parseInt(V + (outerWidth - targetWidth) / 2, 10), right = parseInt(screenY + (outerHeight - targetHeight) / 2.5, 10), features = []; if (targetWidth !== null) { features.push('width=' + targetWidth); } if (targetHeight !== null) { features.push('height=' + targetHeight); } features.push('left=' + left); features.push('top=' + right); features.push('scrollbars=1'); var newWindow = window.open(url, title, features.join(',')); if (window.focus) { newWindow.focus(); } return newWindow; }; var isWebView = null; function checkWebView() { if (isWebView === null) { function _detectOS(ua) { if (/Android/.test(ua)) { return "Android"; } else if (/iPhone|iPad|iPod/.test(ua)) { return "iOS"; } else if (/Windows/.test(ua)) { return "Windows"; } else if (/Mac OS X/.test(ua)) { return "Mac"; } else if (/CrOS/.test(ua)) { return "Chrome OS"; } else if (/Firefox/.test(ua)) { return "Firefox OS"; } return ""; } function _detectBrowser(ua) { var android = /Android/.test(ua); if (/Opera Mini/.test(ua) || / OPR/.test(ua) || / OPT/.test(ua)) { return "Opera"; } else if (/CriOS/.test(ua)) { return "Chrome for iOS"; } else if (/Edge/.test(ua)) { return "Edge"; } else if (android && /Silk\//.test(ua)) { return "Silk"; } else if (/Chrome/.test(ua)) { return "Chrome"; } else if (/Firefox/.test(ua)) { return "Firefox"; } else if (android) { return "AOSP"; } else if (/MSIE|Trident/.test(ua)) { return "IE"; } else if (/Safari\//.test(ua)) { return "Safari"; } else if (/AppleWebKit/.test(ua)) { return "WebKit"; } return ""; } function _detectBrowserVersion(ua, browser) { if (browser === "Opera") { return /Opera Mini/.test(ua) ? _getVersion(ua, "Opera Mini/") : / OPR/.test(ua) ? _getVersion(ua, " OPR/") : _getVersion(ua, " OPT/"); } else if (browser === "Chrome for iOS") { return _getVersion(ua, "CriOS/"); } else if (browser === "Edge") { return _getVersion(ua, "Edge/"); } else if (browser === "Chrome") { return _getVersion(ua, "Chrome/"); } else if (browser === "Firefox") { return _getVersion(ua, "Firefox/"); } else if (browser === "Silk") { return _getVersion(ua, "Silk/"); } else if (browser === "AOSP") { return _getVersion(ua, "Version/"); } else if (browser === "IE") { return /IEMobile/.test(ua) ? _getVersion(ua, "IEMobile/") : /MSIE/.test(ua) ? _getVersion(ua, "MSIE ") : _getVersion(ua, "rv:"); } else if (browser === "Safari") { return _getVersion(ua, "Version/"); } else if (browser === "WebKit") { return _getVersion(ua, "WebKit/"); } return "0.0.0"; } function _getVersion(ua, token) { try { return _normalizeSemverString(ua.split(token)[1].trim().split(/[^\w\.]/)[0]); } catch (o_O) { } return "0.0.0"; } function _normalizeSemverString(version) { var ary = version.split(/[\._]/); return (parseInt(ary[0], 10) || 0) + "." + (parseInt(ary[1], 10) || 0) + "." + (parseInt(ary[2], 10) || 0); } function _isWebView(ua, os, browser, version, options) { switch (os + browser) { case "iOSSafari": return false; case "iOSWebKit": return _isWebView_iOS(options); case "AndroidAOSP": return false; case "AndroidChrome": return parseFloat(version) >= 42 ? /; wv/.test(ua) : /\d{2}\.0\.0/.test(version) ? true : _isWebView_Android(options); } return false; } function _isWebView_iOS(options) { var document = (window["document"] || {}); if ("WEB_VIEW" in options) { return options["WEB_VIEW"]; } return !("fullscreenEnabled" in document || "webkitFullscreenEnabled" in document || false); } function _isWebView_Android(options) { if ("WEB_VIEW" in options) { return options["WEB_VIEW"]; } return !("requestFileSystem" in window || "webkitRequestFileSystem" in window || false); } var options = {}; var nav = window.navigator || {}; var ua = nav.userAgent || ""; var os = _detectOS(ua); var browser = _detectBrowser(ua); var browserVersion = _detectBrowserVersion(ua, browser); isWebView = _isWebView(ua, os, browser, browserVersion, options); } return isWebView; } function isAllowedWebViewForUserAgent() { var nav = window.navigator || {}; var ua = nav.userAgent || ""; if (ua.match(new RegExp([ 'Instagram', 'FBAV', 'FBAN', 'Line', ].join('|')))) { return true; } return false; } window._nslDOMReady(function () { window.nslRedirect = function (url) { var overlay = document.createElement('div'); overlay.id = "nsl-redirect-overlay"; overlay.insertAdjacentHTML("afterbegin", "<div id='nsl-redirect-overlay-container'><div id='nsl-redirect-overlay-spinner'></div><p id='nsl-redirect-overlay-title'>" + _localizedStrings.redirect_overlay_title + "</p><p id='nsl-redirect-overlay-text'>" + _localizedStrings.redirect_overlay_text + "</p></div>"); document.body.appendChild(overlay); window.location = url; }; var targetWindow = _targetWindow || 'prefer-popup', lastPopup = false; var buttonLinks = document.querySelectorAll(' a[data-plugin="nsl"][data-action="connect"], a[data-plugin="nsl"][data-action="link"]'); buttonLinks.forEach(function (buttonLink) { buttonLink.addEventListener('click', function (e) { if (lastPopup && !lastPopup.closed) { e.preventDefault(); lastPopup.focus(); } else { var href = this.href, success = false; if (href.indexOf('?') !== -1) { href += '&'; } else { href += '?'; } var redirectTo = this.dataset.redirect; if (redirectTo === 'current') { href += 'redirect=' + encodeURIComponent(window.location.href) + '&'; } else if (redirectTo && redirectTo !== '') { href += 'redirect=' + encodeURIComponent(redirectTo) + '&'; } if (targetWindow !== 'prefer-same-window' && checkWebView()) { targetWindow = 'prefer-same-window'; } if (targetWindow === 'prefer-popup') { lastPopup = NSLPopup(href + 'display=popup', 'nsl-social-connect', this.dataset.popupwidth, this.dataset.popupheight); if (lastPopup) { success = true; e.preventDefault(); } } else if (targetWindow === 'prefer-new-tab') { var newTab = window.open(href + 'display=popup', '_blank'); if (newTab) { if (window.focus) { newTab.focus(); } success = true; e.preventDefault(); } } if (!success) { window.location = href; e.preventDefault(); } } }); }); var googleLoginButtons = document.querySelectorAll(' a[data-plugin="nsl"][data-provider="google"]'); if (googleLoginButtons.length && checkWebView() && !isAllowedWebViewForUserAgent()) { googleLoginButtons.forEach(function (googleLoginButton) { googleLoginButton.remove(); }); } });})();</script> </body> </html> <!-- Page generated by LiteSpeed Cache 4.4.2 on 2021-10-23 21:26:10 --> <!-- Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/ Served from: codinghindi.in @ 2021-10-23 21:26:10 by W3 Total Cache -->