How Do I Add Social Media Link To My Email Signature?

How do I add a hyperlink to an image in my email signature

Hyperlink your signature image To add a hyperlink to the image in your email signature, left-click on the image and when it is highlighted/selected, click the Insert hyperlink icon and provide a hyperlink URL.

Can you embed a link in an email signature

If your email signature template includes a photo or any other graphical element, you can add a link to it as well.

That way, for example, when your recipient clicks your banner, they will be taken to your special offer landing page.

How do I add social media icons to my Yahoo signature?

  • Open the WiseStamp email signature maker and go to the “Social” tab
  • Choose your social media icons (Facebook, Linkedin, Twitter etc.)
  • Add the URL (link) to your profile for each social icon
  • Add your personal and contact details
  • Click “OK, I’m done”

How do I add a twitter button to my Gmail signature?

  • Double click on the social icon/button image > then select the Link icon from the editor toolbar > add your social media page URL
  • Scroll down to the bottom of the Settings tab > hit Save changes

How do I create an HTML email Signature

Select the General tab, then scroll down to the Signature area. If you don’t have a Gmail signature set up, choose Create new, and then name the signature.

Then, paste your HTML email signature into the Signature field, and edit as desired.

Scroll down to the bottom of the screen and select Save Changes.

How do I insert a hyperlink in Outlook signature

In the Edit signature section, select and highlight the text you will add a hyperlink for, and click the Hyperlink button in the toolbar.

See screenshot: 5. Then the Insert Hyperlink dialog box comes out, please enter the website address in the Address: box, and click OK button.

How do I add a link to my social media icons in HTML

Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want add the sticky icons of social media.

Step 2: Now, we have to place the cursor just after the tag in the <head> tag of the Html document and then attach the CDN link.</p> <h2>How do I make a phone number a clickable link in my email signature</h2> <p>Under “To what URL should this link go?” write the prefix “tel:” and add the phone number you just added to your signature.</p> <p>E.g. “tel:1-800-800-800” (this is the HTML code for click-to-call).</p> <p><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/pYxdSONZ3Cs" data-id="pYxdSONZ3Cs" data-query=""></div><noscript><iframe width="700" height="500" src="https://www.youtube.com/embed/pYxdSONZ3Cs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></p> <h3>How do I add social media to my Gmail?</h3> <ul> <li>Step 1: Choose a social media icon and download the image icon from Google</li> <li>Step 2: Make sure you are logged into the Gmail account you are changing the signature for</li> <li>Step 3: Click on the gear drop down menu in the upper right hand corner</li> <li>Step 4: Click settings</li> </ul> <h3>How do I hyperlink an image in my Gmail Signature?</h3> <ul> <li>Go back to Settings – General – Signatures</li> <li>Find your signature and click into the text edit box</li> <li>Highlight your image and select the link icon</li> <li>Insert the URL to which you want to link the image</li> <li>Click OK</li> <li>Click Save changes at the bottom of the pag</li> </ul> <h3>How do I add a WhatsApp icon to my email signature?</h3> <ul> <li>Open the email signature template in your email signature editor</li> <li>Highlight the WhatsApp logo or text and click the link icon in your template editor</li> <li>Enter your WhatsApp link in the new window that opens</li> </ul> <h3>How do I add an Instagram button to my Gmail signature?</h3> <ul> <li>Save Insta icon</li> <li>Open “Gmail”</li> <li>Open “Settings”</li> <li>Scroll down to “Signature” under “General”</li> <li>Click on signature/ hit “Create New” under “No Signatures” section</li> <li>Type signature</li> <li>Click “Images” icon</li> <li>Upload Insta icon</li> </ul> <p><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/k5A-tbl5Svk" data-id="k5A-tbl5Svk" data-query=""></div><noscript><iframe width="700" height="500" src="https://www.youtube.com/embed/k5A-tbl5Svk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></p><div class='code-block code-block-1' style='margin: 8px auto; text-align: center; display: block; clear: both;'> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3634999250096065" crossorigin="anonymous"></script> <!-- Square Banner --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3634999250096065" data-ad-slot="9299099856" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <h3>How do I send a link to a website in an email?</h3> <ul> <li>Copy a link: Right-click or tap-and-hold a link to copy it, or highlight the URL and press Ctrl+C (Windows) or Command+C (macOS)</li> <li>To send the web page link in any email client: Paste the copied URL directly into the message before you send it</li> </ul> <h3>How do I set up an email signature in Gmail?</h3> <ul> <li>Open Gmail</li> <li>In the top right, click Settings</li> <li>In the “Signature” section, add your signature text in the box</li> <li>At the bottom of the page, click Save Changes</li> </ul> <h3>How do I create a link to a file in an email?</h3> <ul> <li>Select Share</li> <li>Select Copy Link</li> <li>Paste the link wherever you want</li> </ul> <h2>How do I make a Twitter link</h2> <p>Below are instructions on how to post a link in a Tweet on the web and on your mobile device.</p> <p>Open your preferred mobile app, or begin a new text message. Type or paste the URL into your Tweet.</p> <p>Links will be adjusted with Twitter’s link shortener wherever you post them.</p> <p><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/Xn8LhP8LuT8" data-id="Xn8LhP8LuT8" data-query=""></div><noscript><iframe loading="lazy" width="700" height="500" src="https://www.youtube.com/embed/Xn8LhP8LuT8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></p> <h3>How do I add a phone icon to my Gmail signature?</h3> <ul> <li>Open the Gmail app</li> <li>In the top left, tap Menu</li> <li>Scroll to the bottom, then tap Settings</li> <li>Choose the Google Account where you want to add a signature</li> <li>Tap Mobile Signature</li> <li>Enter the text for your signature</li> <li>Tap OK</li> </ul> <h3>How do I make an email icon?</h3> <ul> <li>Right-click an empty space on your desktop or taskbar, and select New, then Shortcut</li> <li>For the location or path to the shortcut, enter mailto:friend@example.com, where “friend@example.com” is replaced with the e-mail address of your recipient</li> </ul> <h3>How do I add social media icons to PDF?</h3> <ul> <li>Launch the PDF Impress Tools application (build #132 or higher)</li> <li>Click on Load document icon and browse to the PDF document</li> <li>Click on Stamp icon</li> <li>Click on Create button and pick Add social media</li> </ul> <h2>Why can’t I add a link in Outlook email</h2> <p>The main reason of hyperlinks not working in Outlook is the default Internet browser not registered (properly) in your operating system.</p><div class='code-block code-block-1' style='margin: 8px auto; text-align: center; display: block; clear: both;'> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3634999250096065" crossorigin="anonymous"></script> <!-- Square Banner --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3634999250096065" data-ad-slot="9299099856" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <p>Typically, this issue comes up after uninstalling Google Chrome or changing the default browser from Internet Explorer to either Chrome or Firefox.</p> <h2>How do I get my Twitter link</h2> <p>Tap the <a href="https://www.techieheap.com/what-is-internet-marketing-examples/" target="_blank" rel="noopener">share icon</a> then tap Copy Link. The URL should now be copied to your clipboard.</p> <p>Tap the share icon then tap Copy Link. The URL should now be copied to your clipboard.</p> <h2>How do I insert a hyperlink in Outlook 365</h2> <p>Press Ctrl+K. You can also right-click the text or picture and click Link on the shortcut menu.</p> <p>In the Insert Hyperlink box, type or paste your link in the Address box.</p><div class='code-block code-block-1' style='margin: 8px auto; text-align: center; display: block; clear: both;'> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3634999250096065" crossorigin="anonymous"></script> <!-- Square Banner --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3634999250096065" data-ad-slot="9299099856" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <h2>How do I hyperlink an email address in Outlook</h2> <p>On the Insert tab, click Link or Hyperlink. Under Link to, click E-mail Address.</p> <p>Either type the email address that you want in the E-mail address box, or select an email address in the Recently used e-mail addresses list.</p> <p>If you want to change the link text, in the Text to display box, type the text.</p> <h3>How do I add my Twitter link to Linktree?</h3> <ul> <li>In your Linktree Admin, hit Explore</li> <li>Find the Twitter option under the Share your content section</li> <li>Give your link a Title</li> <li>Paste a Tweet link URL in the URL field</li> <li>A new Twitter thumbnail will appear below your URL</li> <li>Select the option Display this Tweet on my Linktree</li> </ul> <h3>Where do I get social media icons for my website?</h3> <ul> <li>Iconmonstr</li> <li>Iconfinder</li> <li>Daniel Oppel’s Free Social Media Icons</li> <li>Social Media Long Shadow Icon Set</li> <li>Simple Flat Social Media Icons</li> <li>Nucleo – Free Social Icons</li> <li>Circle Flat Icons Retina-ready</li> <li>Free Colorful Icons</li> </ul> <h2>How do I add a hyperlink to a JPEG in Outlook</h2> <p>How to add a hyperlink to an image in your Outlook 2019 signature. Double click the image to select it and then click the link icon in the toolbar to add a hyperlink > After adding the link, press “OK“.</p> <h2>Can you link Facebook to Gmail</h2> <p>To enable this feature you need to link your Facebook to your Gmail account first.</p><div class='code-block code-block-1' style='margin: 8px auto; text-align: center; display: block; clear: both;'> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3634999250096065" crossorigin="anonymous"></script> <!-- Square Banner --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3634999250096065" data-ad-slot="9299099856" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <p>Just go to your Facebook account settings, select Gmail in the Linked Accounts section, and that’s it.</p> <h3>How do I link my Instagram to my Gmail?</h3> <ul> <li>Step 1: Choose Instagram as a trigger app and authenticate it on Appy Pie Connect</li> <li>Step 2: Select “Trigger” from the Triggers List</li> <li>Step 3: Pick Gmail as an action app and authenticate</li> <li>Step 4: Select a resulting action from the Action List</li> </ul> <h2>Is Gmail social media</h2> <p>E-mail is definitely social but not considered social media.</p> <h3>How do I make an image a link?</h3> <ul> <li>Use the Insert menu and Image to add your image to the page</li> <li>Select (or click) the image and you will see the Image Option dialogue box appear: use the Change link</li> <li>Either choose the page you wish to link to or go to the Web address tab and add the URL you want to link to</li> </ul> <h4>Citations</h4> <p><a href="https://www.youtube.com/watch?v=k5A-tbl5Svk" target="_blank" rel="noopener">https://www.youtube.com/watch?v=k5A-tbl5Svk</a><br /> <a href="https://www.wisestamp.com/guides/add-social-media-icons-to-outlook-signature/" target="_blank" rel="noopener">https://www.wisestamp.com/guides/add-social-media-icons-to-outlook-signature/</a><br /> <a href="https://www.javatpoint.com/how-to-add-social-media-icons-in-html" target="_blank" rel="noopener">https://www.javatpoint.com/how-to-add-social-media-icons-in-html</a><br /> <a href="https://www.launchlab.ca/how-to-add-social-media-icons-to-your-gmail-signature/" target="_blank" rel="noopener">https://www.launchlab.ca/how-to-add-social-media-icons-to-your-gmail-signature/</a><br /> <a href="https://www.solveyourtech.com/how-to-add-a-link-to-your-signature-in-outlook-2010/" target="_blank" rel="noopener">https://www.solveyourtech.com/how-to-add-a-link-to-your-signature-in-outlook-2010/</a></p> <div class="related-posts"> <h5>Related Posts</h5> <ol> <li><a href="https://www.techieheap.com/what-is-internet-marketing-examples/" title="What Is Internet Marketing Examples">What Is Internet Marketing Examples</a></li> <li><a href="https://www.techieheap.com/how-many-products-are-there-in-qnet/" title="How Many Products Are There In QNET">How Many Products Are There In QNET</a></li> <li><a href="https://www.techieheap.com/what-is-a-sales-channel-strategy/" title="What Is A Sales Channel Strategy">What Is A Sales Channel Strategy</a></li> <li><a href="https://www.techieheap.com/who-is-the-best-salesperson/" title="Who Is The Best Salesperson?">Who Is The Best Salesperson?</a></li> <li><a href="https://www.techieheap.com/which-ecommerce-website-is-the-best/" title="Which Ecommerce Website Is The Best?">Which Ecommerce Website Is The Best?</a></li> <ol> </div> <!-- CONTENT END 2 --> </div> <section class="post-tags"><ul><li><h5 class="title-tags">Tags:</h5></li><li><a href="https://www.techieheap.com/tag/gmail/" rel="tag">gmail</a></li><li><a href="https://www.techieheap.com/tag/hyperlink/" rel="tag">hyperlink</a></li><li><a href="https://www.techieheap.com/tag/image/" rel="tag">image</a></li><li><a href="https://www.techieheap.com/tag/link/" rel="tag">link</a></li><li><a href="https://www.techieheap.com/tag/signature/" rel="tag">signature</a></li><li><a href="https://www.techieheap.com/tag/text/" rel="tag">text</a></li></ul></section> <section class="post-author"> <div class="authors-default"> <div class="author-wrap"> <div class="author"> <div class="author-avatar"> <a href="https://www.techieheap.com/author/admin/" rel="author"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20120'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/627efb493170d9d521f902534bdba851?s=240&d=mm&r=g 2x' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/627efb493170d9d521f902534bdba851?s=120&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/627efb493170d9d521f902534bdba851?s=120&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/627efb493170d9d521f902534bdba851?s=240&d=mm&r=g 2x' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' decoding='async'/></noscript> </a> </div> <div class="author-description"> <h5 class="title-author"> <span class="fn"> <a href="https://www.techieheap.com/author/admin/" rel="author"> admin </a> </span> </h5> <p class="note"></p> </div> </div> </div> </div> </section> </div> </div> </article> </main> </div><!-- .content-area --> <aside id="secondary" class="widget-area sidebar-area"> <div class="sidebar sidebar-1"> <div class="widget block-2 widget_block widget_search"><form role="search" method="get" action="https://www.techieheap.com/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Search" class="wp-block-search__button wp-element-button" type="submit" >Search</button></div></form></div><div class="widget categories-3 widget_categories"><div class="title-block-wrap"><h5 class="title-block title-widget">Categories</h5></div> <ul> <li class="cat-item cat-item-13"><a href="https://www.techieheap.com/category/css/" ><span class="icon" style="background-color:#DFFDFF"></span>CSS</a> </li> <li class="cat-item cat-item-40"><a href="https://www.techieheap.com/category/guides-tutorials/" ><span class="icon" style="background-color:#000000"></span>Guides & Tutorials</a> </li> <li class="cat-item cat-item-5"><a href="https://www.techieheap.com/category/javascript/" ><span class="icon" style="background-color:#FFEE93"></span>JavaScript</a> </li> <li class="cat-item cat-item-33"><a href="https://www.techieheap.com/category/programming/" ><span class="icon" style="background-color:#CBE896"></span>Programming</a> </li> <li class="cat-item cat-item-1"><a href="https://www.techieheap.com/category/python/" ><span class="icon" style="background-color:#AAC0AA"></span>Python</a> </li> <li class="cat-item cat-item-17"><a href="https://www.techieheap.com/category/sql/" ><span class="icon" style="background-color:#DFFDFF"></span>SQL</a> </li> </ul> </div> <div class="widget recent-posts-3 widget_recent_entries"> <div class="title-block-wrap"><h5 class="title-block title-widget">Recent Posts</h5></div> <ul> <li> <a href="https://www.techieheap.com/how-do-i-purchase-google-adwords/">How Do I Purchase Google AdWords?</a> </li> <li> <a href="https://www.techieheap.com/what-is-the-highest-paid-job/">What Is The Highest Paid Job</a> </li> <li> <a href="https://www.techieheap.com/does-instagram-help-seo/">Does Instagram Help SEO</a> </li> <li> <a href="https://www.techieheap.com/how-much-do-you-get-paid-for-a-sponsored-post/">How Much Do You Get Paid For A Sponsored Post</a> </li> <li> <a href="https://www.techieheap.com/what-are-social-media-backlinks/">What Are Social Media Backlinks</a> </li> </ul> </div> </div> <div class="sidebar sidebar-2"></div> </aside><!-- .widget-area --> </div><!-- .main-content --> </div><!-- .cs-container --> </div><!-- .site-content --> <footer id="colophon" class="site-footer"> <div class="footer-info"> <div class="cs-container"> <div class="site-info"> <div class="footer-col-info"> <span class="site-title footer-title" href="https://www.techieheap.com/" rel="home"> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Techie Heap" data-lazy-src="https://www.techieheap.com/wp-content/uploads/2022/03/logo.png" ><noscript><img src="https://www.techieheap.com/wp-content/uploads/2022/03/logo.png" alt="Techie Heap" ></noscript> </span> <div class="footer-copyright"> @2022 techieheap.com </div> </div> </div> </div> </div> </footer> </div> </div><!-- .site-inner --> </div><!-- .site --> <script> var _SEARCHWP_LIVE_AJAX_SEARCH_BLOCKS = true; var _SEARCHWP_LIVE_AJAX_SEARCH_ENGINE = 'default'; var _SEARCHWP_LIVE_AJAX_SEARCH_CONFIG = 'default'; </script> <script src="https://www.techieheap.com/wp-content/plugins/canvas/components/basic-elements/block-alert/public-block-alert.js?ver=2.4.4.1" id="canvas-block-alert-script-js"></script> <script src="https://www.techieheap.com/wp-content/plugins/canvas/components/basic-elements/block-collapsibles/public-block-collapsibles.js?ver=2.4.4.1" id="canvas-block-collapsibles-script-js"></script> <script src="https://www.techieheap.com/wp-content/plugins/canvas/components/basic-elements/block-tabs/public-block-tabs.js?ver=2.4.4.1" id="canvas-block-tabs-script-js"></script> <script src="https://www.techieheap.com/wp-content/plugins/canvas/components/posts/block-posts/colcade.js?ver=2.4.4.1" id="colcade-js"></script> <script src="https://www.techieheap.com/wp-content/plugins/canvas/components/posts/block-posts/public-block-posts.js?ver=2.4.4.1" id="canvas-block-posts-script-js"></script> <script src="https://www.techieheap.com/wp-content/plugins/canvas/components/justified-gallery/block/jquery.justifiedGallery.min.js?ver=2.4.4.1" id="justifiedgallery-js"></script> <script id="canvas-justified-gallery-js-extra"> var canvasJG = {"rtl":""}; </script> <script src="https://www.techieheap.com/wp-content/plugins/canvas/components/justified-gallery/block/public-block-justified-gallery.js?ver=2.4.4.1" id="canvas-justified-gallery-js"></script> <script src="https://www.techieheap.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script src="https://www.techieheap.com/wp-content/plugins/canvas/components/slider-gallery/block/flickity.pkgd.min.js?ver=2.4.4.1" id="flickity-js"></script> <script id="canvas-slider-gallery-js-extra"> var canvas_sg_flickity = {"page_info_sep":" of "}; </script> <script src="https://www.techieheap.com/wp-content/plugins/canvas/components/slider-gallery/block/public-block-slider-gallery.js?ver=2.4.4.1" id="canvas-slider-gallery-js"></script> <script src="https://www.techieheap.com/wp-content/plugins/sight/render/js/jquery.magnific-popup.min.js?ver=1708432947" id="magnific-popup-js"></script> <script id="sight-block-script-js-extra"> var sight_lightbox_localize = {"text_previous":"Previous","text_next":"Next","text_close":"Close","text_loading":"Loading","text_counter":"of"}; </script> <script src="https://www.techieheap.com/wp-content/plugins/sight/render/js/sight.js?ver=1708432947" id="sight-block-script-js"></script> <script src="https://www.techieheap.com/wp-content/themes/squaretype/js/ofi.min.js?ver=3.2.3" id="object-fit-images-js"></script> <script id="csco-scripts-js-extra"> var csco_mega_menu = {"rest_url":"https:\/\/www.techieheap.com\/wp-json\/csco\/v1\/menu-posts"}; </script> <script src="https://www.techieheap.com/wp-content/themes/squaretype/js/scripts.js?ver=3.0.5" id="csco-scripts-js"></script> <script id="swp-live-search-client-js-extra"> var searchwp_live_search_params = []; searchwp_live_search_params = {"ajaxurl":"https:\/\/www.techieheap.com\/wp-admin\/admin-ajax.php","origin_id":9411,"config":{"default":{"engine":"default","input":{"delay":300,"min_chars":3},"results":{"position":"bottom","width":"auto","offset":{"x":0,"y":5}},"spinner":{"lines":12,"length":8,"width":3,"radius":8,"scale":1,"corners":1,"color":"#424242","fadeColor":"transparent","speed":1,"rotate":0,"animation":"searchwp-spinner-line-fade-quick","direction":1,"zIndex":2000000000,"className":"spinner","top":"50%","left":"50%","shadow":"0 0 1px transparent","position":"absolute"}}},"msg_no_config_found":"No valid SearchWP Live Search configuration found!","aria_instructions":"When autocomplete results are available use up and down arrows to review and enter to go to the desired page. Touch device users, explore by touch or with swipe gestures.","searchwp_live_search_client_nonce":"278cf39709"};; </script> <script src="https://www.techieheap.com/wp-content/plugins/searchwp-live-ajax-search/assets/javascript/dist/script.min.js?ver=1.8.2" id="swp-live-search-client-js"></script> <script>window.lazyLoadOptions = { elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, callback_loaded: function(element) { if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) { if (element.classList.contains("lazyloaded") ) { if (typeof window.jQuery != "undefined") { if (jQuery.fn.fitVids) { jQuery(element).parent().fitVids(); } } } } }}; window.addEventListener('LazyLoad::Initialized', function (e) { var lazyLoadInstance = e.detail.instance; if (window.MutationObserver) { var observer = new MutationObserver(function(mutations) { var image_count = 0; var iframe_count = 0; var rocketlazy_count = 0; mutations.forEach(function(mutation) { for (i = 0; i < mutation.addedNodes.length; i++) { if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { return; } if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { return; } images = mutation.addedNodes[i].getElementsByTagName('img'); is_image = mutation.addedNodes[i].tagName == "IMG"; iframes = mutation.addedNodes[i].getElementsByTagName('iframe'); is_iframe = mutation.addedNodes[i].tagName == "IFRAME"; rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload'); image_count += images.length; iframe_count += iframes.length; rocketlazy_count += rocket_lazy.length; if(is_image){ image_count += 1; } if(is_iframe){ iframe_count += 1; } } } ); if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){ lazyLoadInstance.update(); } } ); var b = document.getElementsByTagName("body")[0]; var config = { childList: true, subtree: true }; observer.observe(b, config); } }, false);</script><script data-no-minify="1" async src="https://www.techieheap.com/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img loading="lazy" data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<div class="play"></div>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.dataset.query.length?'':'&'+this.dataset.query;e.setAttribute("src",t.replace("ID",this.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.replaceChild(e,this)}document.addEventListener("DOMContentLoaded",function(){var e,t,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),e.onclick=lazyLoadYoutubeIframe,a[t].appendChild(e)});</script></body> </html> <!-- Page supported by LiteSpeed Cache 6.2.0.1 on 2024-05-02 03:58:40 -->