Congratulations!

[Valid RSS] This is a valid RSS feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

Source: http://superblogger3.blogspot.com/feeds/posts/default?alt=rss

  1. <?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-6845208423476345068</atom:id><lastBuildDate>Thu, 18 Apr 2024 06:04:27 +0000</lastBuildDate><category>Tutorials</category><category>HTML</category><category>Java</category><category>Blogger</category><category>Word Press</category><category>Scripts</category><category>Tools</category><category>CSS</category><category>Menu</category><category>SEO</category><category>Media</category><category>Template</category><category>News</category><category>Ecommerce</category><category>Gadget</category><category>Google</category><category>« Navigate</category><category>Forms</category><category>Books</category><title>Web Page and Blog design</title><description>web design wordpress template paralx blog yoast seo responsive mobile friendly SEO SEM</description><link>http://superblogger3.blogspot.com/</link><managingEditor>noreply@blogger.com (Web Page Design)</managingEditor><generator>Blogger</generator><openSearch:totalResults>294</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-7009471817682958316</guid><pubDate>Mon, 04 Dec 2023 08:33:00 +0000</pubDate><atom:updated>2023-12-04T08:53:23.645+00:00</atom:updated><title>Line break Removal tool</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1vtVBGqgfmMH_2aSsA66fDkd2ldOjCXKlfHQ-_PIh2iPaOtwXt7_kUwwGZoRNaeKzIDpfIpY6iOKZFEf4hMvT3VKHDT86QXjGR89buATRJPO8eP0qRpmOvYGh6PsgG4n2Y8hsoz2QcP6PP99LMttjpjv-9K-KHVnU1xvnyF2H6sumNPFv85i7kNgQ3kk/s582/iframe%20remove%20tool.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;366&quot; data-original-width=&quot;582&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1vtVBGqgfmMH_2aSsA66fDkd2ldOjCXKlfHQ-_PIh2iPaOtwXt7_kUwwGZoRNaeKzIDpfIpY6iOKZFEf4hMvT3VKHDT86QXjGR89buATRJPO8eP0qRpmOvYGh6PsgG4n2Y8hsoz2QcP6PP99LMttjpjv-9K-KHVnU1xvnyF2H6sumNPFv85i7kNgQ3kk/s600/iframe%20remove%20tool.jpg&quot; width=&quot;600&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1vtVBGqgfmMH_2aSsA66fDkd2ldOjCXKlfHQ-_PIh2iPaOtwXt7_kUwwGZoRNaeKzIDpfIpY6iOKZFEf4hMvT3VKHDT86QXjGR89buATRJPO8eP0qRpmOvYGh6PsgG4n2Y8hsoz2QcP6PP99LMttjpjv-9K-KHVnU1xvnyF2H6sumNPFv85i7kNgQ3kk/s582/iframe%20remove%20tool.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;
  2.  
  3. &lt;style&gt;
  4. textarea {
  5.  width: 100%;
  6.  height: 200px;
  7. }
  8. &lt;/style&gt;
  9.  
  10.  
  11. &lt;html&gt;
  12.  &lt;head&gt;
  13.    &lt;title&gt;Line Break Remover&lt;/title&gt;
  14.  &lt;/head&gt;
  15.  &lt;body&gt;
  16.    &lt;h1&gt;Line Break Remover&lt;/h1&gt;
  17.    &lt;p&gt;Paste your formatted text here:&lt;/p&gt;
  18.    &lt;textarea id=&quot;input&quot;&gt;&lt;/textarea&gt;
  19.    &lt;br /&gt;
  20.    &lt;button onclick=&quot;removeLineBreaks()&quot;&gt;Remove Line Breaks&lt;/button&gt;
  21.    &lt;br /&gt;
  22.    &lt;p&gt;Your text without line breaks:&lt;/p&gt;
  23.    &lt;textarea id=&quot;output&quot;&gt;&lt;/textarea&gt;
  24.    &lt;br /&gt;
  25.    &lt;button onclick=&quot;copyToClipboard()&quot;&gt;Copy to Clipboard&lt;/button&gt;
  26.  &lt;/body&gt;
  27. &lt;/html&gt;
  28.  
  29. &lt;script&gt;
  30.  function removeLineBreaks() {
  31.  var input = document.getElementById(&quot;input&quot;).value;
  32.  var output = input.replace(/(\r\n|\n|\r)/gm, &quot;&quot;);
  33.  document.getElementById(&quot;output&quot;).value = output;
  34. }
  35.  
  36. function copyToClipboard() {
  37.  var output = document.getElementById(&quot;output&quot;);
  38.  output.select();
  39.  document.execCommand(&quot;copy&quot;);
  40.  alert(&quot;Text copied to clipboard!&quot;);
  41. }
  42. &lt;/script&gt;
  43.  
  44. &lt;br /&gt;
  45.  
  46. &lt;iframe allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;no&quot; height=&quot;300&quot; loading=&quot;lazy&quot; scrolling=&quot;no&quot; src=&quot;https://codepen.io/johngreek/embed/gOqQQpm?default-tab=html%2Cresult&quot; style=&quot;width: 100%;&quot; title=&quot;Untitled&quot;&gt;
  47.  See the Pen &lt;a href=&quot;https://codepen.io/johngreek/pen/gOqQQpm&quot;&gt;
  48.  Untitled&lt;/a&gt; by Theodorakis Ioannis (&lt;a href=&quot;https://codepen.io/johngreek&quot;&gt;@johngreek&lt;/a&gt;)
  49.  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.
  50. &lt;/iframe&gt;</description><link>http://superblogger3.blogspot.com/2023/12/line-break-removal-tool.html</link><author>noreply@blogger.com (mixanikos365)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1vtVBGqgfmMH_2aSsA66fDkd2ldOjCXKlfHQ-_PIh2iPaOtwXt7_kUwwGZoRNaeKzIDpfIpY6iOKZFEf4hMvT3VKHDT86QXjGR89buATRJPO8eP0qRpmOvYGh6PsgG4n2Y8hsoz2QcP6PP99LMttjpjv-9K-KHVnU1xvnyF2H6sumNPFv85i7kNgQ3kk/s72-c/iframe%20remove%20tool.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-2950657739288340581</guid><pubDate>Sat, 11 Nov 2023 21:40:00 +0000</pubDate><atom:updated>2023-11-11T21:40:36.385+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blogger</category><title>How To Create Sitemap For Blogger</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;h1 style=&quot;background-color: white; box-sizing: border-box; color: var(--jt-heading-color); font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 40px; margin-bottom: 1rem; margin-top: 0px; padding-top: 0em;&quot;&gt;How To Create Sitemap For Blogger?&lt;/h1&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;To create a sitemap you need to have the site URL and if your site is on Blogger then your domain can be one of two types either you are using a free domain or you are using a custom domain. In both cases, the sitemap creation process will be the same.&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;You can submit this sitemap to&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;Google Search Console&lt;/span&gt;. This sitemap complies with all Google rules.&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;To create a&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;sitemap&lt;/span&gt;, you have to&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;paste the URL&lt;/span&gt;&amp;nbsp;of your site in the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;yellow&lt;/span&gt;&amp;nbsp;color space in this URL and your sitemap will be ready.&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVdw50gda_7gg9xRmuNxRAnjZHNMjFhE_5cvKOcSjqGpMf0FWihIMvOh9ih_qY9L-EmS9U2GTOoa_o8PsWd_PPJSA9-aQ_sRJio8xEirPpCCRnv_UWSNDEQmcHj_53duOnmMEkc5odTPZZp-VNkiuAFuLPBaFH2yo788sFisFXY-8qtqtgleaCeTTaqZM/s733/HowToCreateSitemapForBloggerbwptheme.net.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;374&quot; data-original-width=&quot;733&quot; height=&quot;163&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVdw50gda_7gg9xRmuNxRAnjZHNMjFhE_5cvKOcSjqGpMf0FWihIMvOh9ih_qY9L-EmS9U2GTOoa_o8PsWd_PPJSA9-aQ_sRJio8xEirPpCCRnv_UWSNDEQmcHj_53duOnmMEkc5odTPZZp-VNkiuAFuLPBaFH2yo788sFisFXY-8qtqtgleaCeTTaqZM/s320/HowToCreateSitemapForBloggerbwptheme.net.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;No 1. Custom Domain :&amp;nbsp;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box; color: #4c1130;&quot;&gt;https://www.Your domain.com&lt;/span&gt;/sitemap.xml&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;No 2. Custom Domain :&amp;nbsp;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box; color: #4c1130;&quot;&gt;https://www.Your domain.com&lt;/span&gt;/sitemap-pages.xml&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; clear: both; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px; height: auto; width: 1288px;&quot;&gt;&lt;div style=&quot;-webkit-box-align: initial !important; -webkit-box-decoration-break: initial !important; -webkit-box-direction: initial !important; -webkit-box-flex: initial !important; -webkit-box-ordinal-group: initial !important; -webkit-box-orient: initial !important; -webkit-box-pack: initial !important; -webkit-box-reflect: initial !important; -webkit-font-smoothing: initial !important; -webkit-line-break: initial !important; -webkit-line-clamp: initial !important; -webkit-locale: initial !important; -webkit-mask-box-image: initial !important; -webkit-mask-composite: initial !important; -webkit-mask: initial !important; -webkit-print-color-adjust: initial !important; -webkit-rtl-ordering: initial !important; -webkit-ruby-position: initial !important; -webkit-tap-highlight-color: initial !important; -webkit-text-combine: initial !important; -webkit-text-decorations-in-effect: initial !important; -webkit-text-fill-color: unset !important; -webkit-text-orientation: initial !important; -webkit-text-security: initial !important; -webkit-text-stroke: initial !important; -webkit-user-drag: initial !important; -webkit-user-modify: initial !important; -webkit-writing-mode: initial !important; accent-color: initial !important; alignment-baseline: initial !important; animation-composition: initial !important; animation: initial !important; app-region: initial !important; appearance: initial !important; aspect-ratio: initial !important; backdrop-filter: initial !important; backface-visibility: initial !important; background-attachment: initial !important; background-blend-mode: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; baseline-shift: initial !important; baseline-source: initial !important; block-size: initial !important; border-block: initial !important; border-collapse: initial !important; border-end-end-radius: initial !important; border-end-start-radius: initial !important; border-inline: initial !important; border-radius: initial !important; border-spacing: initial !important; border-start-end-radius: initial !important; border-start-start-radius: initial !important; border: initial !important; box-shadow: initial !important; box-sizing: initial !important; break-after: initial !important; break-before: initial !important; break-inside: initial !important; buffered-rendering: initial !important; caption-side: initial !important; caret-color: initial !important; clear: initial !important; clip-path: initial !important; clip-rule: initial !important; clip: initial !important; color-interpolation-filters: initial !important; color-interpolation: initial !important; color-rendering: initial !important; color-scheme: initial !important; color: initial !important; column-fill: initial !important; column-rule: initial !important; column-span: initial !important; columns: initial !important; contain-intrinsic-block-size: initial !important; contain-intrinsic-inline-size: initial !important; contain-intrinsic-size: initial !important; contain: initial !important; container: initial !important; content-visibility: initial !important; content: initial !important; counter-increment: initial !important; counter-reset: initial !important; counter-set: initial !important; cursor: initial !important; cx: initial !important; cy: initial !important; d: initial !important; dominant-baseline: initial !important; empty-cells: initial !important; fill-opacity: initial !important; fill-rule: initial !important; fill: initial !important; filter: initial !important; flex-flow: initial !important; flex: initial !important; float: initial !important; flood-color: initial !important; flood-opacity: initial !important; font-palette: initial !important; font-synthesis: initial !important; font: initial !important; forced-color-adjust: initial !important; gap: initial !important; grid-area: initial !important; grid: initial !important; height: initial !important; hyphenate-character: initial !important; hyphenate-limit-chars: initial !important; hyphens: initial !important; image-orientation: initial !important; image-rendering: initial !important; initial-letter: initial !important; inline-size: initial !important; inset-block: initial !important; inset-inline: initial !important; inset: initial !important; isolation: initial !important; letter-spacing: initial !important; lighting-color: initial !important; line-break: initial !important; list-style: initial !important; margin-block: initial !important; margin-inline: initial !important; margin: initial !important; marker: initial !important; mask-type: initial !important; mask: initial !important; math-depth: initial !important; math-shift: initial !important; math-style: initial !important; max-block-size: initial !important; max-height: initial !important; max-inline-size: initial !important; max-width: initial !important; min-block-size: initial !important; min-height: initial !important; min-inline-size: initial !important; min-width: initial !important; mix-blend-mode: initial !important; object-fit: initial !important; object-position: initial !important; object-view-box: initial !important; offset: initial !important; opacity: initial !important; order: initial !important; orphans: initial !important; outline-offset: initial !important; outline: initial !important; overflow-anchor: initial !important; overflow-clip-margin: initial !important; overflow-wrap: initial !important; overflow: initial !important; overlay: initial !important; overscroll-behavior-block: initial !important; overscroll-behavior-inline: initial !important; overscroll-behavior: initial !important; padding-block: initial !important; padding-inline: initial !important; padding: 5px 5px 2px !important; page-orientation: initial !important; page: initial !important; paint-order: initial !important; perspective-origin: initial !important; perspective: initial !important; place-content: initial !important; place-items: initial !important; place-self: initial !important; pointer-events: initial !important; position: initial !important; quotes: initial !important; r: initial !important; resize: initial !important; rotate: initial !important; ruby-position: initial !important; rx: initial !important; ry: initial !important; scale: initial !important; scroll-behavior: initial !important; scroll-margin-block: initial !important; scroll-margin-inline: initial !important; scroll-margin: initial !important; scroll-padding-block: initial !important; scroll-padding-inline: initial !important; scroll-padding: initial !important; scroll-snap-align: initial !important; scroll-snap-stop: initial !important; scroll-snap-type: initial !important; scroll-timeline: initial !important; scrollbar-gutter: initial !important; shape-image-threshold: initial !important; shape-margin: initial !important; shape-outside: initial !important; shape-rendering: initial !important; size: initial !important; speak: initial !important; stop-color: initial !important; stop-opacity: initial !important; stroke-dasharray: initial !important; stroke-dashoffset: initial !important; stroke-linecap: initial !important; stroke-linejoin: initial !important; stroke-miterlimit: initial !important; stroke-opacity: initial !important; stroke-width: initial !important; stroke: initial !important; tab-size: initial !important; table-layout: initial !important; text-align-last: initial !important; text-align: center !important; text-anchor: initial !important; text-combine-upright: initial !important; text-decoration-line: initial !important; text-decoration-skip-ink: initial !important; text-emphasis-position: initial !important; text-emphasis: initial !important; text-indent: initial !important; text-orientation: initial !important; text-overflow: initial !important; text-rendering: initial !important; text-shadow: initial !important; text-size-adjust: initial !important; text-transform: initial !important; text-underline-offset: initial !important; text-underline-position: initial !important; timeline-scope: initial !important; touch-action: initial !important; transform-box: initial !important; transform-origin: initial !important; transform-style: initial !important; transform: initial !important; transition: initial !important; translate: initial !important; user-select: initial !important; vector-effect: initial !important; vertical-align: initial !important; view-timeline: initial !important; view-transition-name: initial !important; visibility: initial !important; white-space: initial !important; widows: initial !important; width: initial !important; will-change: initial !important; word-break: initial !important; word-spacing: initial !important; writing-mode: initial !important; x: initial !important; y: initial !important; z-index: initial !important; zoom: initial !important;&quot;&gt;&lt;div style=&quot;-webkit-box-align: initial !important; -webkit-box-decoration-break: initial !important; -webkit-box-direction: initial !important; -webkit-box-flex: initial !important; -webkit-box-ordinal-group: initial !important; -webkit-box-orient: initial !important; -webkit-box-pack: initial !important; -webkit-box-reflect: initial !important; -webkit-font-smoothing: initial !important; -webkit-line-break: initial !important; -webkit-line-clamp: initial !important; -webkit-locale: initial !important; -webkit-mask-box-image: initial !important; -webkit-mask-composite: initial !important; -webkit-mask: initial !important; -webkit-print-color-adjust: initial !important; -webkit-rtl-ordering: initial !important; -webkit-ruby-position: initial !important; -webkit-tap-highlight-color: initial !important; -webkit-text-combine: initial !important; -webkit-text-decorations-in-effect: initial !important; -webkit-text-fill-color: unset !important; -webkit-text-orientation: initial !important; -webkit-text-security: initial !important; -webkit-text-stroke: initial !important; -webkit-user-drag: initial !important; -webkit-user-modify: initial !important; -webkit-writing-mode: initial !important; accent-color: initial !important; alignment-baseline: initial !important; animation-composition: initial !important; animation: initial !important; app-region: initial !important; appearance: initial !important; aspect-ratio: initial !important; backdrop-filter: initial !important; backface-visibility: initial !important; background-blend-mode: initial !important; background: initial !important; baseline-shift: initial !important; baseline-source: initial !important; block-size: initial !important; border-block: initial !important; border-collapse: initial !important; border-end-end-radius: initial !important; border-end-start-radius: initial !important; border-inline: initial !important; border-radius: initial !important; border-spacing: initial !important; border-start-end-radius: initial !important; border-start-start-radius: initial !important; border: initial !important; box-shadow: initial !important; box-sizing: initial !important; break-after: initial !important; break-before: initial !important; break-inside: initial !important; buffered-rendering: initial !important; caption-side: initial !important; caret-color: initial !important; clear: initial !important; clip-path: initial !important; clip-rule: initial !important; clip: initial !important; color-interpolation-filters: initial !important; color-interpolation: initial !important; color-rendering: initial !important; color-scheme: initial !important; color: initial !important; column-fill: initial !important; column-rule: initial !important; column-span: initial !important; columns: initial !important; contain-intrinsic-block-size: initial !important; contain-intrinsic-inline-size: initial !important; contain-intrinsic-size: initial !important; contain: initial !important; container: initial !important; content-visibility: initial !important; content: initial !important; counter-increment: initial !important; counter-reset: initial !important; counter-set: initial !important; cursor: initial !important; cx: initial !important; cy: initial !important; d: initial !important; display: initial !important; dominant-baseline: initial !important; empty-cells: initial !important; fill-opacity: initial !important; fill-rule: initial !important; fill: initial !important; filter: initial !important; flex-flow: initial !important; flex: initial !important; float: initial !important; flood-color: initial !important; flood-opacity: initial !important; font-palette: initial !important; font-synthesis: initial !important; font: initial !important; forced-color-adjust: initial !important; gap: initial !important; grid-area: initial !important; grid: initial !important; height: initial !important; hyphenate-character: initial !important; hyphenate-limit-chars: initial !important; hyphens: initial !important; image-orientation: initial !important; image-rendering: initial !important; initial-letter: initial !important; inline-size: initial !important; inset-block: initial !important; inset-inline: initial !important; inset: initial !important; isolation: initial !important; letter-spacing: initial !important; lighting-color: initial !important; line-break: initial !important; list-style: initial !important; margin-block: initial !important; margin-inline: initial !important; margin: auto !important; marker: initial !important; mask-type: initial !important; mask: initial !important; math-depth: initial !important; math-shift: initial !important; math-style: initial !important; max-block-size: initial !important; max-height: initial !important; max-inline-size: initial !important; max-width: 1000px !important; min-block-size: initial !important; min-height: initial !important; min-inline-size: initial !important; min-width: initial !important; mix-blend-mode: initial !important; object-fit: initial !important; object-position: initial !important; object-view-box: initial !important; offset: initial !important; opacity: initial !important; order: initial !important; orphans: initial !important; outline-offset: initial !important; outline: initial !important; overflow-anchor: initial !important; overflow-clip-margin: initial !important; overflow-wrap: initial !important; overflow: initial !important; overlay: initial !important; overscroll-behavior-block: initial !important; overscroll-behavior-inline: initial !important; overscroll-behavior: initial !important; padding-block: initial !important; padding-inline: initial !important; padding: initial !important; page-orientation: initial !important; page: initial !important; paint-order: initial !important; perspective-origin: initial !important; perspective: initial !important; place-content: initial !important; place-items: initial !important; place-self: initial !important; pointer-events: initial !important; position: initial !important; quotes: initial !important; r: initial !important; resize: initial !important; rotate: initial !important; ruby-position: initial !important; rx: initial !important; ry: initial !important; scale: initial !important; scroll-behavior: initial !important; scroll-margin-block: initial !important; scroll-margin-inline: initial !important; scroll-margin: initial !important; scroll-padding-block: initial !important; scroll-padding-inline: initial !important; scroll-padding: initial !important; scroll-snap-align: initial !important; scroll-snap-stop: initial !important; scroll-snap-type: initial !important; scroll-timeline: initial !important; scrollbar-gutter: initial !important; shape-image-threshold: initial !important; shape-margin: initial !important; shape-outside: initial !important; shape-rendering: initial !important; size: initial !important; speak: initial !important; stop-color: initial !important; stop-opacity: initial !important; stroke-dasharray: initial !important; stroke-dashoffset: initial !important; stroke-linecap: initial !important; stroke-linejoin: initial !important; stroke-miterlimit: initial !important; stroke-opacity: initial !important; stroke-width: initial !important; stroke: initial !important; tab-size: initial !important; table-layout: initial !important; text-align-last: initial !important; text-align: initial !important; text-anchor: initial !important; text-combine-upright: initial !important; text-decoration-line: initial !important; text-decoration-skip-ink: initial !important; text-emphasis-position: initial !important; text-emphasis: initial !important; text-indent: initial !important; text-orientation: initial !important; text-overflow: initial !important; text-rendering: initial !important; text-shadow: initial !important; text-size-adjust: initial !important; text-transform: initial !important; text-underline-offset: initial !important; text-underline-position: initial !important; timeline-scope: initial !important; touch-action: initial !important; transform-box: initial !important; transform-origin: initial !important; transform-style: initial !important; transform: initial !important; transition: initial !important; translate: initial !important; user-select: initial !important; vector-effect: initial !important; vertical-align: initial !important; view-timeline: initial !important; view-transition-name: initial !important; visibility: initial !important; white-space: initial !important; widows: initial !important; width: initial !important; will-change: initial !important; word-break: initial !important; word-spacing: initial !important; writing-mode: initial !important; x: initial !important; y: initial !important; z-index: initial !important; zoom: initial !important;&quot;&gt;&lt;div id=&quot;autors-container-0&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;iframe allowtransparency=&quot;true&quot; data-lle=&quot;1&quot; data-observe=&quot;1&quot; frameborder=&quot;0&quot; id=&quot;master-1&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; name=&quot;{&amp;quot;name&amp;quot;:&amp;quot;master-1&amp;quot;,&amp;quot;master-1&amp;quot;:{&amp;quot;container&amp;quot;:&amp;quot;autors-container-0&amp;quot;,&amp;quot;styleId&amp;quot;:&amp;quot;5134551505&amp;quot;,&amp;quot;channel&amp;quot;:&amp;quot;AutoRsVariant&amp;quot;,&amp;quot;cx&amp;quot;:&amp;quot;r-92299f2548d02c4fd&amp;quot;,&amp;quot;domainName&amp;quot;:&amp;quot;www.bwptheme.net&amp;quot;,&amp;quot;fexp&amp;quot;:&amp;quot;42532561,21404,17301383&amp;quot;,&amp;quot;masterNumber&amp;quot;:1,&amp;quot;number&amp;quot;:0,&amp;quot;pubId&amp;quot;:&amp;quot;pub-8749293913489426&amp;quot;,&amp;quot;role&amp;quot;:&amp;quot;m&amp;quot;,&amp;quot;sct&amp;quot;:&amp;quot;ID=5bc3bfd71aad5150:T=1699738266:RT=1699738266:S=ALNI_MYtkQsl85bek2hndl82A3i-8KJ-uw&amp;quot;,&amp;quot;sc_status&amp;quot;:6,&amp;quot;hl&amp;quot;:&amp;quot;en&amp;quot;,&amp;quot;resultsPageBaseUrl&amp;quot;:&amp;quot;http://google.com&amp;quot;,&amp;quot;columns&amp;quot;:1,&amp;quot;horizontalAlignment&amp;quot;:&amp;quot;left&amp;quot;,&amp;quot;resultsPageQueryParam&amp;quot;:&amp;quot;q&amp;quot;,&amp;quot;relatedSearchUseResultCallback&amp;quot;:true,&amp;quot;ie&amp;quot;:&amp;quot;UTF-8&amp;quot;,&amp;quot;maxTop&amp;quot;:0,&amp;quot;minTop&amp;quot;:0,&amp;quot;oe&amp;quot;:&amp;quot;UTF-8&amp;quot;,&amp;quot;relatedSearches&amp;quot;:5,&amp;quot;type&amp;quot;:&amp;quot;relatedsearch&amp;quot;,&amp;quot;linkTarget&amp;quot;:&amp;quot;_blank&amp;quot;,&amp;quot;fontSizeTitle&amp;quot;:18,&amp;quot;fontSizeAttribution&amp;quot;:13,&amp;quot;relatedSearchTargeting&amp;quot;:&amp;quot;content&amp;quot;}}&quot; scrolling=&quot;no&quot; src=&quot;https://www.adsensecustomsearchads.com/afs/ads?psid=5134551505&amp;amp;channel=AutoRsVariant&amp;amp;cx=r-92299f2548d02c4fd&amp;amp;fexp=42532561%2C21404%2C17301383&amp;amp;client=pub-8749293913489426&amp;amp;r=m&amp;amp;sct=ID%3D5bc3bfd71aad5150%3AT%3D1699738266%3ART%3D1699738266%3AS%3DALNI_MYtkQsl85bek2hndl82A3i-8KJ-uw&amp;amp;sc_status=6&amp;amp;hl=en&amp;amp;rpbu=http%3A%2F%2Fgoogle.com&amp;amp;rpqp=q&amp;amp;type=3&amp;amp;rs_tt=c&amp;amp;oe=UTF-8&amp;amp;ie=UTF-8&amp;amp;format=r5&amp;amp;nocache=9141699738628113&amp;amp;num=0&amp;amp;output=afd_ads&amp;amp;domain_name=www.bwptheme.net&amp;amp;v=3&amp;amp;bsl=10&amp;amp;pac=0&amp;amp;u_his=12&amp;amp;u_tz=120&amp;amp;dt=1699738628114&amp;amp;u_w=1920&amp;amp;u_h=1080&amp;amp;biw=1903&amp;amp;bih=923&amp;amp;psw=1903&amp;amp;psh=2795&amp;amp;frm=0&amp;amp;cl=579967862&amp;amp;uio=-&amp;amp;cont=autors-container-0&amp;amp;jsid=csa&amp;amp;nfp=1&amp;amp;jsv=579967862&amp;amp;rurl=https%3A%2F%2Fwww.bwptheme.net%2F2022%2F07%2Fhow-to-create-sitemap-for-blogger.html&amp;amp;referer=https%3A%2F%2Fwww.bwptheme.net%2Fsearch%3Fupdated-max%3D2022-08-03T22%3A49%3A00%252B05%3A00%26max-results%3D11%26page%3D4&quot; style=&quot;border-style: initial; border-width: 0px; box-sizing: border-box; display: block; height: 0px; max-width: 100%; visibility: hidden;&quot; title=&quot;&quot; width=&quot;100%&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;No 1. Free Domain :&amp;nbsp;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box; color: #4c1130;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;https://&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;www.&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Your domain&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;.blogspot.com&lt;/span&gt;&lt;/span&gt;/sitemap.xml&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;No 2. Free Domain :&amp;nbsp;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box; color: #4c1130;&quot;&gt;https://www.Your domain.blogspot.com&lt;/span&gt;/sitemap-pages.xml&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;After pasting your domain in the yellow space your sitemap is ready now you can submit your sitemap to Google Search Console.&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description><link>http://superblogger3.blogspot.com/2023/11/how-to-create-sitemap-for-blogger.html</link><author>noreply@blogger.com (mixanikos365)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVdw50gda_7gg9xRmuNxRAnjZHNMjFhE_5cvKOcSjqGpMf0FWihIMvOh9ih_qY9L-EmS9U2GTOoa_o8PsWd_PPJSA9-aQ_sRJio8xEirPpCCRnv_UWSNDEQmcHj_53duOnmMEkc5odTPZZp-VNkiuAFuLPBaFH2yo788sFisFXY-8qtqtgleaCeTTaqZM/s72-c/HowToCreateSitemapForBloggerbwptheme.net.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-1581811282013788868</guid><pubDate>Sat, 11 Nov 2023 21:36:00 +0000</pubDate><atom:updated>2023-11-11T21:40:46.943+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blogger</category><title>How To Create Robot.txt For Blogger</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSOPTDKGPB-HAVo8ZAtPZKielV5cXeyVMoh7cSM4t_2Ej6Su5_ZcFGzX5sCMHsHr5U43zfySBzWqGfEnRIFu0QsG03zbeY48VIamSPyupI4vUoWondw1LuM7j3rLnPKU3uu48CUx6S3a_vZdFYM4-urFjTaIT_b6VP7LZg-YvPlx7p5kuM-VlJQPOmSNM/s749/HowToCreateRobot.txtForBloggerbwptheme.net.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;369&quot; data-original-width=&quot;749&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSOPTDKGPB-HAVo8ZAtPZKielV5cXeyVMoh7cSM4t_2Ej6Su5_ZcFGzX5sCMHsHr5U43zfySBzWqGfEnRIFu0QsG03zbeY48VIamSPyupI4vUoWondw1LuM7j3rLnPKU3uu48CUx6S3a_vZdFYM4-urFjTaIT_b6VP7LZg-YvPlx7p5kuM-VlJQPOmSNM/s16000/HowToCreateRobot.txtForBloggerbwptheme.net.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;Before creating&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;reboot.txt&lt;/span&gt;&amp;nbsp;you should know why it is important to use it in your site. Earlier search engines were very slow and had a lot of trouble getting search results because search engines had a hard time telling a site which&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;pages&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;posts&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;tags&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;labels&amp;nbsp;&lt;/span&gt;and&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;categories&amp;nbsp;&lt;/span&gt;to show and which not to show. In this problem the crawl time of the site was running out due to which the site was not showing any results and&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;therefore&amp;nbsp;&lt;/span&gt;it was very difficult to rank in the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;search engines&lt;/span&gt;&amp;nbsp;but since Google introduced&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;robot.txt&lt;/span&gt;. Search engines don&#39;t have to face so much trouble, rather they easily know which pages to search and which ones not to search.&amp;nbsp;And that&#39;s what&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;robot.txt&lt;/span&gt;&amp;nbsp;does, where you put everything on your site that you want to show up and things that you don&#39;t want to show up in search engines.&amp;nbsp;Then you write&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;Allow&lt;/span&gt;&amp;nbsp;with the things you want to show and&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;Disallow&lt;/span&gt;&amp;nbsp;with the things you don&#39;t have to show, and that&#39;s why it&#39;s easy for Roborts to know&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;what to show&lt;/span&gt;&amp;nbsp;and what&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;not to show&lt;/span&gt;.&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;h3 id=&quot;Create_Robot_txt_For_Blogger_&quot; style=&quot;background-color: white; box-sizing: border-box; color: var(--jt-heading-color); font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 22px; margin-bottom: 1rem; margin-top: 0px; padding-top: 0em;&quot;&gt;Create Robot.txt For Blogger:&lt;/h3&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;All you have to do is&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;paste your site URL&lt;/span&gt;&amp;nbsp;in place of this&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;yellow&amp;nbsp;&lt;/span&gt;and you will get a nice robot.txt for your site.&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;No 1. Custom Domain:&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #4f4f4f; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Arial, &amp;quot;Noto Sans&amp;quot;, &amp;quot;Liberation Sans&amp;quot;, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;, &amp;quot;Noto Color Emoji&amp;quot;; font-size: 16px;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;User-agent: *&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Disallow: /search?q=&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Allow: /&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Sitemap:&amp;nbsp;&lt;span style=&quot;background-color: #ffd966; box-sizing: border-box; color: #4c1130;&quot;&gt;https://www.Your domain.com&lt;/span&gt;/sitemap.xml&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Sitemap:&lt;span style=&quot;box-sizing: border-box; color: #4c1130;&quot;&gt;&amp;nbsp;&lt;span style=&quot;background-color: #ffd966; box-sizing: border-box;&quot;&gt;https://www.Your domain.com&lt;/span&gt;&lt;/span&gt;/sitemap-pages.xml&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;No 2. Free Domain:&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;User-agent: *&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Disallow: /search?q=&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Allow: /&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Sitemap:&lt;span style=&quot;box-sizing: border-box; color: #4c1130;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box; color: #4c1130;&quot;&gt;https://&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box; color: #4c1130;&quot;&gt;www.&lt;/span&gt;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box; color: #4c1130;&quot;&gt;Your domain&lt;/span&gt;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box; color: #4c1130;&quot;&gt;.blogspot.com&lt;/span&gt;&lt;/span&gt;/sitemap.xml&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Sitemap:&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; color: #4c1130;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box; color: #4c1130;&quot;&gt;https://www.Your domain.blogspot.com&lt;/span&gt;/sitemap-pages.xml&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;h2 id=&quot;How_to_Disallow_a_particular_post_or_page_&quot; style=&quot;box-sizing: border-box; color: var(--jt-heading-color); font-size: 26px; margin-bottom: 1rem; margin-top: 0px; padding-top: 0em;&quot;&gt;How to Disallow a particular post or page:&lt;/h2&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;If you want to Disallow a post or page you have to do two things&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;No. 1 You have to put this ( Disallow: ) in front of&amp;nbsp; Disallow in your Robot.txt.&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;No. 2 You have to paste the URL of that post or page in front of it.&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;h4 id=&quot;example&quot; style=&quot;box-sizing: border-box; color: var(--jt-heading-color); font-size: 20px; margin-bottom: 1rem; margin-top: 0px; padding-top: 0em; text-align: center;&quot;&gt;example&lt;/h4&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;User-agent: *&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Disallow: /search?q=&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Disallow:&amp;nbsp;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; color: #4c1130;&quot;&gt;The URL of your post&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Disallow:&amp;nbsp;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; color: #4c1130;&quot;&gt;The URL of your page&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Allow: /&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Sitemap:&amp;nbsp;&lt;span style=&quot;background-color: #ffd966; box-sizing: border-box; color: #4c1130;&quot;&gt;https://www.Your domain.com&lt;/span&gt;/sitemap.xml&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Sitemap:&lt;span style=&quot;box-sizing: border-box; color: #4c1130;&quot;&gt;&amp;nbsp;&lt;span style=&quot;background-color: #ffd966; box-sizing: border-box;&quot;&gt;https://www.Your domain.com&lt;/span&gt;&lt;/span&gt;/sitemap-pages.xml&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;h2 id=&quot;How_to_Disallow_Labels_and_Categories_&quot; style=&quot;box-sizing: border-box; color: var(--jt-heading-color); font-size: 26px; margin-bottom: 1rem; margin-top: 0px; padding-top: 0em;&quot;&gt;How to Disallow Labels and Categories:&lt;/h2&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;If you want to Disallow a Labels or Categories you have to do two things&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;No. 1 You have to put this ( Disallow: ) in front of&amp;nbsp; Disallow in your Robot.txt.&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;No. 2 You have to paste the URL of that post or page in front of it.&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;User-agent: *&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Disallow: /search?q=&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Disallow:&amp;nbsp;&lt;span style=&quot;background-color: #f1c232; box-sizing: border-box; color: #4c1130;&quot;&gt;Your label and category&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Allow: /&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Sitemap:&amp;nbsp;&lt;span style=&quot;background-color: #ffd966; box-sizing: border-box; color: #4c1130;&quot;&gt;https://www.Your domain.com&lt;/span&gt;/sitemap.xml&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;Sitemap:&lt;span style=&quot;box-sizing: border-box; color: #4c1130;&quot;&gt;&amp;nbsp;&lt;span style=&quot;background-color: #ffd966; box-sizing: border-box;&quot;&gt;https://www.Your domain.com&lt;/span&gt;&lt;/span&gt;/sitemap-pages.xml&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;Note!&amp;nbsp;&lt;/span&gt;Whether it is a custom domain or a free domain, the procedure for all domains is the same.&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://superblogger3.blogspot.com/2023/11/how-to-create-robottxt-for-blogger.html</link><author>noreply@blogger.com (mixanikos365)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSOPTDKGPB-HAVo8ZAtPZKielV5cXeyVMoh7cSM4t_2Ej6Su5_ZcFGzX5sCMHsHr5U43zfySBzWqGfEnRIFu0QsG03zbeY48VIamSPyupI4vUoWondw1LuM7j3rLnPKU3uu48CUx6S3a_vZdFYM4-urFjTaIT_b6VP7LZg-YvPlx7p5kuM-VlJQPOmSNM/s72-c/HowToCreateRobot.txtForBloggerbwptheme.net.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-2934736937932809673</guid><pubDate>Fri, 28 Apr 2023 05:18:00 +0000</pubDate><atom:updated>2023-08-28T15:52:50.566+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Java</category><title>JavaScript Tools: AngularJS Programming</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcyNheO3MNAwMwv4c6Ho4TD-yX7JgpxDyO6jSHvUhjP8PhxKClwW8OnQ6euI7K9sTYL1GnNlYyLsvFgJiByj10LdDSCgwoWGTxO-nSeSQ_7eIftltfStblKmvjEdOAXLXcwnDfHv5EhfP6pFLgASZftFbX8XQzeFFvHxdkGUIYxmxNAKmoqo-QsDcB/s600/AngularJS_logo.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;160&quot; data-original-width=&quot;600&quot; height=&quot;85&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcyNheO3MNAwMwv4c6Ho4TD-yX7JgpxDyO6jSHvUhjP8PhxKClwW8OnQ6euI7K9sTYL1GnNlYyLsvFgJiByj10LdDSCgwoWGTxO-nSeSQ_7eIftltfStblKmvjEdOAXLXcwnDfHv5EhfP6pFLgASZftFbX8XQzeFFvHxdkGUIYxmxNAKmoqo-QsDcB/s320/AngularJS_logo.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;h1 class=&quot;ng-scope&quot; id=&quot;what-is-angularjs-&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 36px; font-weight: 500; line-height: 1.1; margin: 20px 0px 10px;&quot;&gt;Introductions AngularJS?&lt;/h1&gt;&lt;p class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0px 0px 10px;&quot;&gt;AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML&#39;s syntax to express your application&#39;s components clearly and succinctly. AngularJS&#39;s data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.&lt;/p&gt;&lt;p class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0px 0px 10px;&quot;&gt;AngularJS is what HTML would have been, had it been designed for applications. HTML is a great declarative language for static documents. It does not contain much in the way of creating applications, and as a result building web applications is an exercise in&amp;nbsp;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;what do I have to do to trick the browser into doing what I want?&lt;span&gt;&lt;/span&gt;&lt;/em&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;p&gt;&lt;/p&gt;&lt;p class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0px 0px 10px;&quot;&gt;The impedance mismatch between dynamic applications and static documents is often solved with:&lt;/p&gt;&lt;ul class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;a library&lt;/span&gt;&amp;nbsp;- a collection of functions which are useful when writing web apps. Your code is in charge and it calls into the library when it sees fit. E.g.,&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12.6px; padding: 2px 4px; white-space: nowrap;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;box-sizing: border-box; color: #333333;&quot;&gt;jQuery&lt;/span&gt;&lt;/code&gt;.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;frameworks&lt;/span&gt;&amp;nbsp;- a particular implementation of a web application, where your code fills in the details. The framework is in charge and it calls into your code when it needs something app specific. E.g.,&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12.6px; padding: 2px 4px; white-space: nowrap;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;box-sizing: border-box; color: #333333;&quot;&gt;durandal&lt;/span&gt;&lt;/code&gt;,&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12.6px; padding: 2px 4px; white-space: nowrap;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;box-sizing: border-box; color: #333333;&quot;&gt;ember&lt;/span&gt;&lt;/code&gt;, etc.&lt;/li&gt;&lt;/ul&gt;&lt;p class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin: 10px 0px;&quot;&gt;AngularJS takes another approach. It attempts to minimize the impedance mismatch between document centric HTML and what an application needs by creating new HTML constructs. AngularJS teaches the browser new syntax through a construct we call&amp;nbsp;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;directives&lt;/em&gt;. Examples include:&lt;/p&gt;&lt;ul class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Data binding, as in&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12.6px; padding: 2px 4px; white-space: nowrap;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;box-sizing: border-box; color: #333333;&quot;&gt;{{}}&lt;/span&gt;&lt;/code&gt;.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;DOM control structures for repeating, showing and hiding DOM fragments.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Support for forms and form validation.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Attaching new behavior to DOM elements, such as DOM event handling.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Grouping of HTML into reusable components.&lt;span&gt;&lt;!--more--&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 class=&quot;ng-scope&quot; id=&quot;a-complete-client-side-solution&quot; style=&quot;background-color: white; border-top: 1px solid rgb(238, 238, 238); box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 30px; padding-top: 30px;&quot;&gt;A complete client-side solution&lt;/h2&gt;&lt;p class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0px 0px 10px;&quot;&gt;AngularJS is not a single piece in the overall puzzle of building the client-side of a web application. It handles all of the DOM and AJAX glue code you once wrote by hand and puts it in a well-defined structure. This makes AngularJS opinionated about how a CRUD (Create, Read, Update, Delete) application should be built. But while it is opinionated, it also tries to make sure that its opinion is just a starting point you can easily change. AngularJS comes with the following out-of-the-box:&lt;/p&gt;&lt;ul class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Everything you need to build a CRUD app in a cohesive set: Data-binding, basic templating directives, form validation, routing, deep-linking, reusable components and dependency injection.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Testability story: Unit-testing, end-to-end testing, mocks and test harnesses.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Seed application with directory layout and test scripts as a starting point.&lt;/li&gt;&lt;/ul&gt;&lt;h2 class=&quot;ng-scope&quot; id=&quot;angularjs-s-sweet-spot&quot; style=&quot;background-color: white; border-top: 1px solid rgb(238, 238, 238); box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 30px; padding-top: 30px;&quot;&gt;AngularJS&#39;s sweet spot&lt;/h2&gt;&lt;p class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0px 0px 10px;&quot;&gt;AngularJS simplifies application development by presenting a higher level of abstraction to the developer. Like any abstraction, it comes at a cost of flexibility. In other words, not every app is a good fit for AngularJS. AngularJS was built with the CRUD application in mind. Luckily CRUD applications represent the majority of web applications. To understand what AngularJS is good at, though, it helps to understand when an app is not a good fit for AngularJS.&lt;/p&gt;&lt;p class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0px 0px 10px;&quot;&gt;Games and GUI editors are examples of applications with intensive and tricky DOM manipulation. These kinds of apps are different from CRUD apps, and as a result are probably not a good fit for AngularJS. In these cases it may be better to use a library with a lower level of abstraction, such as&amp;nbsp;&lt;code style=&quot;background: rgb(244, 244, 244); border-radius: 5px; box-sizing: border-box; color: maroon; font-family: Menlo, Monaco, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12.6px; padding: 2px 5px; white-space: nowrap;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;box-sizing: border-box; color: #333333;&quot;&gt;jQuery&lt;/span&gt;&lt;/code&gt;.&lt;/p&gt;&lt;h2 class=&quot;ng-scope&quot; id=&quot;the-zen-of-angularjs&quot; style=&quot;background-color: white; border-top: 1px solid rgb(238, 238, 238); box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 30px; padding-top: 30px;&quot;&gt;The Zen of AngularJS&lt;/h2&gt;&lt;p class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0px 0px 10px;&quot;&gt;AngularJS is built around the belief that declarative code is better than imperative when it comes to building UIs and wiring software components together, while imperative code is excellent for expressing business logic.&lt;/p&gt;&lt;ul class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;It is a very good idea to decouple DOM manipulation from app logic. This dramatically improves the testability of the code.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;It is a really,&amp;nbsp;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;really&lt;/em&gt;&amp;nbsp;good idea to regard app testing as equal in importance to app writing. Testing difficulty is dramatically affected by the way the code is structured.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;It is an excellent idea to decouple the client side of an app from the server side. This allows development work to progress in parallel, and allows for reuse of both sides.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;It is very helpful indeed if the framework guides developers through the entire journey of building an app: From designing the UI, through writing the business logic, to testing.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;It is always good to make common tasks trivial and difficult tasks possible.&lt;/li&gt;&lt;/ul&gt;&lt;p class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin: 10px 0px;&quot;&gt;AngularJS frees you from the following pains:&lt;/p&gt;&lt;ul class=&quot;ng-scope&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Registering callbacks:&lt;/span&gt;&amp;nbsp;Registering callbacks clutters your code, making it hard to see the forest for the trees. Removing common boilerplate code such as callbacks is a good thing. It vastly reduces the amount of JavaScript coding&amp;nbsp;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;you&lt;/em&gt;&amp;nbsp;have to do, and it makes it easier to see what your application does.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Manipulating HTML DOM programmatically:&lt;/span&gt;&amp;nbsp;Manipulating HTML DOM is a cornerstone of AJAX applications, but it&#39;s cumbersome and error-prone. By declaratively describing how the UI should change as your application state changes, you are freed from low-level DOM manipulation tasks. Most applications written with AngularJS never have to programmatically manipulate the DOM, although you can if you want to.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Marshaling data to and from the UI:&lt;/span&gt;&amp;nbsp;CRUD operations make up the majority of AJAX applications&#39; tasks. The flow of marshaling data from the server to an internal object to an HTML form, allowing users to modify the form, validating the form, displaying validation errors, returning to an internal model, and then back to the server, creates a lot of boilerplate code. AngularJS eliminates almost all of this boilerplate, leaving code that describes the overall flow of the application rather than all of the implementation details.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Writing tons of initialization code just to get started:&lt;/span&gt;&amp;nbsp;Typically you need to write a lot of plumbing just to get a basic &quot;Hello World&quot; AJAX app working. With AngularJS you can bootstrap your app easily using services, which are auto-injected into your application in a&amp;nbsp;&lt;a href=&quot;https://github.com/google/guice&quot; style=&quot;background: 0px 0px; box-sizing: border-box; color: #428bca; text-decoration-line: none;&quot;&gt;Guice&lt;/a&gt;-like dependency-injection style. This allows you to get started developing features quickly. As a bonus, you get full control over the initialization process in automated tests.&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp;
  51. &lt;br /&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;no&quot; height=&quot;300&quot; loading=&quot;lazy&quot; scrolling=&quot;no&quot; src=&quot;https://codepen.io/paulbhartzog/embed/BaaGbm?default-tab=html%2Cresult&quot; style=&quot;width: 100%;&quot; title=&quot;AngularJS Text-Angular WYSIWYG Rich-text Editor&quot;&gt;
  52.  See the Pen &lt;a href=&quot;https://codepen.io/paulbhartzog/pen/BaaGbm&quot;&gt;
  53.  AngularJS Text-Angular WYSIWYG Rich-text Editor&lt;/a&gt; by Paul B. Hartzog (&lt;a href=&quot;https://codepen.io/paulbhartzog&quot;&gt;@paulbhartzog&lt;/a&gt;)
  54.  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.
  55. &lt;/iframe&gt;&lt;/div&gt;
  56. &lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;a href=&quot;https://angularjs.org/&quot;&gt;AngularJS&lt;/a&gt;&amp;nbsp;is a robust JavaScript framework used to build Single Page Application (SPA) projects. SPA-based web apps allow developers to deliver valuable and dynamic content.&lt;br /&gt;&lt;br /&gt;They work by loading content from the webserver rather than the web browser leading to faster load times. A primary feature of Angular is that it extends HTML into the application and interpolates attributes to perform data binding and dependency injection.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;no&quot; height=&quot;300&quot; loading=&quot;lazy&quot; scrolling=&quot;no&quot; src=&quot;https://codepen.io/AndrewThian/embed/QdeOVa?default-tab=html%2Cresult&quot; style=&quot;width: 100%;&quot; title=&quot;Vue search filter&quot;&gt;
  57.  See the Pen &lt;a href=&quot;https://codepen.io/AndrewThian/pen/QdeOVa&quot;&gt;
  58.  Vue search filter&lt;/a&gt; by Andrew thian (&lt;a href=&quot;https://codepen.io/AndrewThian&quot;&gt;@AndrewThian&lt;/a&gt;)
  59.  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.
  60. &lt;/iframe&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Links&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;a href=&quot;https://www.section.io/engineering-education/javascript-tools-every-developer-should-know/&quot;&gt;https://www.section.io/engineering-education/javascript-tools-every-developer-should-know/&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;a href=&quot;https://docs.angularjs.org/guide/introduction&quot;&gt;https://docs.angularjs.org/guide/introduction&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;a href=&quot;https://x-team.com/blog/essential-javascript-tools/&quot;&gt;https://x-team.com/blog/essential-javascript-tools/&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;</description><link>http://superblogger3.blogspot.com/2023/04/javascript-tools-angularjs-programming.html</link><author>noreply@blogger.com (mixanikos365)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcyNheO3MNAwMwv4c6Ho4TD-yX7JgpxDyO6jSHvUhjP8PhxKClwW8OnQ6euI7K9sTYL1GnNlYyLsvFgJiByj10LdDSCgwoWGTxO-nSeSQ_7eIftltfStblKmvjEdOAXLXcwnDfHv5EhfP6pFLgASZftFbX8XQzeFFvHxdkGUIYxmxNAKmoqo-QsDcB/s72-c/AngularJS_logo.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-8729161008443514045</guid><pubDate>Wed, 26 Apr 2023 08:13:00 +0000</pubDate><atom:updated>2023-04-28T04:11:15.898+00:00</atom:updated><title>JavaScript Tools: Node.js Programming</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiffcEHhodVUuMZbodJHZxu-KQQWscXaccl6LRWs2dkb0MYeI0YqtWM4vMARONaleCXwZx06lTgRutmEmMqnqb1M2eixrq9dSoooC-XeYyEOohVsDAC5aCxmmGMaHOTv77O69B-WuNSWvZgQBgdZAYp1euV6-ne3G7wUlCMpj1TglVJ15jllR_krPSl/s275/node-js.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;183&quot; data-original-width=&quot;275&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiffcEHhodVUuMZbodJHZxu-KQQWscXaccl6LRWs2dkb0MYeI0YqtWM4vMARONaleCXwZx06lTgRutmEmMqnqb1M2eixrq9dSoooC-XeYyEOohVsDAC5aCxmmGMaHOTv77O69B-WuNSWvZgQBgdZAYp1euV6-ne3G7wUlCMpj1TglVJ15jllR_krPSl/s320/node-js.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  61. &lt;p&gt;&amp;nbsp;&lt;/p&gt;
  62.  
  63. &lt;div style=&quot;text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;no&quot; height=&quot;300&quot; loading=&quot;lazy&quot; scrolling=&quot;no&quot; src=&quot;https://codepen.io/xiaohua/embed/oLpQxw?default-tab=html%2Cresult&quot; style=&quot;width: 100%;&quot; title=&quot;Node.js Programming&quot;&gt;
  64.  See the Pen &lt;a href=&quot;https://codepen.io/xiaohua/pen/oLpQxw&quot;&gt;
  65.  Node.js Programming&lt;/a&gt; by Yuting (&lt;a href=&quot;https://codepen.io/xiaohua&quot;&gt;@xiaohua&lt;/a&gt;)
  66.  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.
  67. &lt;/iframe&gt;&lt;/div&gt;
  68. &lt;br /&gt;&lt;h1 id=&quot;about-node.js®&quot; style=&quot;font-family: __Source_Sans_Pro_1326d9, __Source_Sans_Pro_Fallback_1326d9, &amp;quot;Open Sans&amp;quot;, Roboto, &amp;quot;San Francisco&amp;quot;, Helvetica, Arial, sans-serif; font-weight: 400; transition: background-color 0.24s ease 0s;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;About Node.js®&lt;span style=&quot;background-attachment: inherit; background-clip: inherit; background-image: inherit; background-origin: inherit; background-position: inherit; background-repeat: inherit; background-size: inherit; padding-left: 0.25em; padding-right: 0.25em; transition-property: background-color;&quot;&gt;&lt;a aria-labelledby=&quot;about-node.js®&quot; class=&quot;anchor&quot; href=&quot;https://nodejs.org/en/about#about-node.js%C2%AE&quot; id=&quot;header-about-node.js®&quot; style=&quot;background-attachment: inherit; background-clip: inherit; background-image: inherit; background-origin: inherit; background-position: inherit; background-repeat: inherit; background-size: inherit; border-radius: 5px; padding: 0px 0.25em; text-decoration-line: none; transition: background-color 0.24s ease 0s; word-break: break-word;&quot;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;font-family: __Source_Sans_Pro_1326d9, __Source_Sans_Pro_Fallback_1326d9, &amp;quot;Open Sans&amp;quot;, Roboto, &amp;quot;San Francisco&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; transition: background-color 0.24s ease 0s;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications. In the following &quot;hello world&quot; example, many connections can be handled concurrently. Upon each connection, the callback is fired, but if there is no work to be done, Node.js will sleep.&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;background-color: #2c3437; border-radius: 3px; color: #f0f0f0; font-size: 0.8em; overflow-x: auto; padding: 0.75em 1.2em; transition: background-color 0.24s ease 0s;&quot;&gt;&lt;code class=&quot;language-javascript hljs&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #64de64; direction: ltr; display: block; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, monospace; font-size: 13.6px; hyphens: none; line-height: 1.5; overflow-x: auto; padding: 1em; tab-size: 4; transition: background-color 0.24s ease 0s; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #dcc6e0; transition: background-color 0.24s ease 0s;&quot;&gt;const&lt;/span&gt; http = &lt;span class=&quot;hljs-built_in&quot; style=&quot;color: #f5ab35; transition: background-color 0.24s ease 0s;&quot;&gt;require&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;color: #abe338; transition: background-color 0.24s ease 0s;&quot;&gt;&#39;http&#39;&lt;/span&gt;);
  69.  
  70. &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #dcc6e0; transition: background-color 0.24s ease 0s;&quot;&gt;const&lt;/span&gt; hostname = &lt;span class=&quot;hljs-string&quot; style=&quot;color: #abe338; transition: background-color 0.24s ease 0s;&quot;&gt;&#39;127.0.0.1&#39;&lt;/span&gt;;
  71. &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #dcc6e0; transition: background-color 0.24s ease 0s;&quot;&gt;const&lt;/span&gt; port = &lt;span class=&quot;hljs-number&quot; style=&quot;color: #f5ab35; transition: background-color 0.24s ease 0s;&quot;&gt;3000&lt;/span&gt;;
  72.  
  73. &lt;span class=&quot;hljs-keyword&quot; style=&quot;color: #dcc6e0; transition: background-color 0.24s ease 0s;&quot;&gt;const&lt;/span&gt; server = http.&lt;span class=&quot;hljs-title function_&quot; style=&quot;color: #00e0e0; transition: background-color 0.24s ease 0s;&quot;&gt;createServer&lt;/span&gt;(&lt;span class=&quot;hljs-function&quot; style=&quot;transition: background-color 0.24s ease 0s;&quot;&gt;(&lt;span class=&quot;hljs-params&quot; style=&quot;color: #f5ab35; transition: background-color 0.24s ease 0s;&quot;&gt;req, res&lt;/span&gt;) =&amp;gt;&lt;/span&gt; {
  74.  res.&lt;span class=&quot;hljs-property&quot; style=&quot;transition: background-color 0.24s ease 0s;&quot;&gt;statusCode&lt;/span&gt; = &lt;span class=&quot;hljs-number&quot; style=&quot;color: #f5ab35; transition: background-color 0.24s ease 0s;&quot;&gt;200&lt;/span&gt;;
  75.  res.&lt;span class=&quot;hljs-title function_&quot; style=&quot;color: #00e0e0; transition: background-color 0.24s ease 0s;&quot;&gt;setHeader&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;color: #abe338; transition: background-color 0.24s ease 0s;&quot;&gt;&#39;Content-Type&#39;&lt;/span&gt;, &lt;span class=&quot;hljs-string&quot; style=&quot;color: #abe338; transition: background-color 0.24s ease 0s;&quot;&gt;&#39;text/plain&#39;&lt;/span&gt;);
  76.  res.&lt;span class=&quot;hljs-title function_&quot; style=&quot;color: #00e0e0; transition: background-color 0.24s ease 0s;&quot;&gt;end&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;color: #abe338; transition: background-color 0.24s ease 0s;&quot;&gt;&#39;Hello World&#39;&lt;/span&gt;);
  77. });
  78.  
  79. server.&lt;span class=&quot;hljs-title function_&quot; style=&quot;color: #00e0e0; transition: background-color 0.24s ease 0s;&quot;&gt;listen&lt;/span&gt;(port, hostname, &lt;span class=&quot;hljs-function&quot; style=&quot;transition: background-color 0.24s ease 0s;&quot;&gt;() =&amp;gt;&lt;/span&gt; {
  80.  &lt;span class=&quot;hljs-variable language_&quot; style=&quot;color: lightsalmon; transition: background-color 0.24s ease 0s;&quot;&gt;console&lt;/span&gt;.&lt;span class=&quot;hljs-title function_&quot; style=&quot;color: #00e0e0; transition: background-color 0.24s ease 0s;&quot;&gt;log&lt;/span&gt;(&lt;span class=&quot;hljs-string&quot; style=&quot;color: #abe338; transition: background-color 0.24s ease 0s;&quot;&gt;`Server running at http://&lt;span class=&quot;hljs-subst&quot; style=&quot;transition: background-color 0.24s ease 0s;&quot;&gt;${hostname}&lt;/span&gt;:&lt;span class=&quot;hljs-subst&quot; style=&quot;transition: background-color 0.24s ease 0s;&quot;&gt;${port}&lt;/span&gt;/`&lt;/span&gt;);
  81. });
  82. &lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;font-family: __Source_Sans_Pro_1326d9, __Source_Sans_Pro_Fallback_1326d9, &amp;quot;Open Sans&amp;quot;, Roboto, &amp;quot;San Francisco&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; transition: background-color 0.24s ease 0s;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;This is in contrast to today&#39;s more common concurrency model, in which OS threads are employed. Thread-based networking is relatively inefficient and very difficult to use. Furthermore, users of Node.js are free from worries of dead-locking the process, since there are no locks. Almost no function in Node.js directly performs I/O, so the process never blocks except when the I/O is performed using synchronous methods of Node.js standard library. Because nothing blocks, scalable systems are very reasonable to develop in Node.js.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-family: __Source_Sans_Pro_1326d9, __Source_Sans_Pro_Fallback_1326d9, &amp;quot;Open Sans&amp;quot;, Roboto, &amp;quot;San Francisco&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; transition: background-color 0.24s ease 0s;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;If some of this language is unfamiliar, there is a full article on&amp;nbsp;&lt;a href=&quot;https://nodejs.org/en/docs/guides/blocking-vs-non-blocking/&quot; style=&quot;border-radius: 5px; margin-left: -2px; margin-right: -2px; padding-left: 2px; padding-right: 2px; text-decoration-line: none; transition: background-color 0.24s ease 0s; word-break: break-word;&quot;&gt;Blocking vs. Non-Blocking&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;font-family: __Source_Sans_Pro_1326d9, __Source_Sans_Pro_Fallback_1326d9, &amp;quot;Open Sans&amp;quot;, Roboto, &amp;quot;San Francisco&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; transition: background-color 0.24s ease 0s;&quot; /&gt;&lt;p style=&quot;font-family: __Source_Sans_Pro_1326d9, __Source_Sans_Pro_Fallback_1326d9, &amp;quot;Open Sans&amp;quot;, Roboto, &amp;quot;San Francisco&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; transition: background-color 0.24s ease 0s;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;Node.js is similar in design to, and influenced by, systems like Ruby&#39;s&amp;nbsp;&lt;a href=&quot;https://github.com/eventmachine/eventmachine&quot; style=&quot;border-radius: 5px; margin-left: -2px; margin-right: -2px; padding-left: 2px; padding-right: 2px; text-decoration-line: none; transition: background-color 0.24s ease 0s; word-break: break-word;&quot;&gt;Event Machine&lt;/a&gt;&amp;nbsp;and Python&#39;s&amp;nbsp;&lt;a href=&quot;https://twistedmatrix.com/trac/&quot; style=&quot;border-radius: 5px; margin-left: -2px; margin-right: -2px; padding-left: 2px; padding-right: 2px; text-decoration-line: none; transition: background-color 0.24s ease 0s; word-break: break-word;&quot;&gt;Twisted&lt;/a&gt;. Node.js takes the event model a bit further. It presents an&amp;nbsp;&lt;a href=&quot;https://nodejs.org/en/docs/guides/event-loop-timers-and-nexttick/&quot; style=&quot;border-radius: 5px; margin-left: -2px; margin-right: -2px; padding-left: 2px; padding-right: 2px; text-decoration-line: none; transition: background-color 0.24s ease 0s; word-break: break-word;&quot;&gt;event loop&lt;/a&gt;&amp;nbsp;as a runtime construct instead of as a library. In other systems, there is always a blocking call to start the event-loop. Typically, behavior is defined through callbacks at the beginning of a script, and at the end a server is started through a blocking call like&amp;nbsp;&lt;code style=&quot;font-size: 17px; padding: 0.2em; transition: background-color 0.24s ease 0s;&quot;&gt;EventMachine::run()&lt;/code&gt;. In Node.js, there is no such start-the-event-loop call. Node.js simply enters the event loop after executing the input script. Node.js exits the event loop when there are no more callbacks to perform. This behavior is like browser JavaScript — the event loop is hidden from the user.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-family: __Source_Sans_Pro_1326d9, __Source_Sans_Pro_Fallback_1326d9, &amp;quot;Open Sans&amp;quot;, Roboto, &amp;quot;San Francisco&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; transition: background-color 0.24s ease 0s;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;HTTP is a first-class citizen in Node.js, designed with streaming and low latency in mind. This makes Node.js well suited for the foundation of a web library or framework.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-family: __Source_Sans_Pro_1326d9, __Source_Sans_Pro_Fallback_1326d9, &amp;quot;Open Sans&amp;quot;, Roboto, &amp;quot;San Francisco&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; transition: background-color 0.24s ease 0s;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;Node.js being designed without threads doesn&#39;t mean you can&#39;t take advantage of multiple cores in your environment. Child processes can be spawned by using our&amp;nbsp;&lt;a href=&quot;https://nodejs.org/api/child_process.html#child_process_child_process_fork_modulepath_args_options&quot; style=&quot;border-radius: 5px; margin-left: -2px; margin-right: -2px; padding-left: 2px; padding-right: 2px; text-decoration-line: none; transition: background-color 0.24s ease 0s; word-break: break-word;&quot;&gt;&lt;code style=&quot;font-size: 17px; padding: 0.2em; transition: background-color 0.24s ease 0s;&quot;&gt;child_process.fork()&lt;/code&gt;&lt;/a&gt;&amp;nbsp;API, and are designed to be easy to communicate with. Built upon that same interface is the&amp;nbsp;&lt;a href=&quot;https://nodejs.org/api/cluster.html&quot; style=&quot;border-radius: 5px; margin-left: -2px; margin-right: -2px; padding-left: 2px; padding-right: 2px; text-decoration-line: none; transition: background-color 0.24s ease 0s; word-break: break-word;&quot;&gt;&lt;code style=&quot;font-size: 17px; padding: 0.2em; transition: background-color 0.24s ease 0s;&quot;&gt;cluster&lt;/code&gt;&lt;/a&gt;&amp;nbsp;module, which allows you to share sockets between processes to enable load balancing over your cores.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-family: __Source_Sans_Pro_1326d9, __Source_Sans_Pro_Fallback_1326d9, &amp;quot;Open Sans&amp;quot;, Roboto, &amp;quot;San Francisco&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; transition: background-color 0.24s ease 0s;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;</description><link>http://superblogger3.blogspot.com/2023/04/nodejs-programming.html</link><author>noreply@blogger.com (mixanikos365)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiffcEHhodVUuMZbodJHZxu-KQQWscXaccl6LRWs2dkb0MYeI0YqtWM4vMARONaleCXwZx06lTgRutmEmMqnqb1M2eixrq9dSoooC-XeYyEOohVsDAC5aCxmmGMaHOTv77O69B-WuNSWvZgQBgdZAYp1euV6-ne3G7wUlCMpj1TglVJ15jllR_krPSl/s72-c/node-js.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-8089886787156764864</guid><pubDate>Sun, 16 Apr 2023 21:20:00 +0000</pubDate><atom:updated>2023-04-17T21:07:17.617+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Java</category><title>live edit - CodePen</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNo7lvEDfUDgIF5JSA0uLj3EGJhJJBCtiTuu-vX8RQ4Rfh0H6lT8A3uPFaylLCytUUUC1s7-VBh0ajQ1TuUKJcsUVOun24K914i5QZeJTX5a56CdWPdrxoUhAmL6OXO2BqVp0vc_m7IrwvxBdFPU_DDHwdGjuVWiM5OaxutXUUg-ukK9-hCFwxHpec_w/s1600/LIVE%20EDIT.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;222&quot; data-original-width=&quot;700&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNo7lvEDfUDgIF5JSA0uLj3EGJhJJBCtiTuu-vX8RQ4Rfh0H6lT8A3uPFaylLCytUUUC1s7-VBh0ajQ1TuUKJcsUVOun24K914i5QZeJTX5a56CdWPdrxoUhAmL6OXO2BqVp0vc_m7IrwvxBdFPU_DDHwdGjuVWiM5OaxutXUUg-ukK9-hCFwxHpec_w/s1600/LIVE%20EDIT.jpg&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNo7lvEDfUDgIF5JSA0uLj3EGJhJJBCtiTuu-vX8RQ4Rfh0H6lT8A3uPFaylLCytUUUC1s7-VBh0ajQ1TuUKJcsUVOun24K914i5QZeJTX5a56CdWPdrxoUhAmL6OXO2BqVp0vc_m7IrwvxBdFPU_DDHwdGjuVWiM5OaxutXUUg-ukK9-hCFwxHpec_w/s1600/LIVE%20EDIT.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;
  83.  
  84.  &lt;iframe allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;no&quot; height=&quot;600&quot; loading=&quot;lazy&quot; scrolling=&quot;no&quot; src=&quot;https://codepen.io/vigneshwarsridharan/embed/xdMpgL?default-tab=html%2Cresult&quot; style=&quot;width: 100%;&quot; title=&quot;live edit&quot;&gt;
  85.  See the Pen &lt;a href=&quot;https://codepen.io/vigneshwarsridharan/pen/xdMpgL&quot;&gt;
  86.  live edit&lt;/a&gt; by vigneshwar (&lt;a href=&quot;https://codepen.io/vigneshwarsridharan&quot;&gt;@vigneshwarsridharan&lt;/a&gt;)
  87.  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.
  88. &lt;/iframe&gt;&lt;/a&gt;&lt;/div&gt;</description><link>http://superblogger3.blogspot.com/2023/04/live-edit-codepen.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNo7lvEDfUDgIF5JSA0uLj3EGJhJJBCtiTuu-vX8RQ4Rfh0H6lT8A3uPFaylLCytUUUC1s7-VBh0ajQ1TuUKJcsUVOun24K914i5QZeJTX5a56CdWPdrxoUhAmL6OXO2BqVp0vc_m7IrwvxBdFPU_DDHwdGjuVWiM5OaxutXUUg-ukK9-hCFwxHpec_w/s72-c/LIVE%20EDIT.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-2952708213624702111</guid><pubDate>Mon, 10 Apr 2023 19:54:00 +0000</pubDate><atom:updated>2023-04-16T16:34:31.835+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Java</category><category domain="http://www.blogger.com/atom/ns#">Tools</category><title>Advanced HTML Character Encoder - Decoder test</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gM9gE2yol_5gf8n8vef2UudP8tooAhMnNRMHENAYMONEkJZaiwJlkrrRz6ZKPgoS7rO3JzD-TxVkcX6kCBt6nTvKh2vGzhQF4YmCd_jdZUKuhv4TRMkHqdm12AsgK2-P3cd4JoBiggKwsa05QODT1BsHNd77uc1ikC3tLx_SXkGB4K_FhAotR35hXA/s1600/Html-Encoder.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;265&quot; data-original-width=&quot;274&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gM9gE2yol_5gf8n8vef2UudP8tooAhMnNRMHENAYMONEkJZaiwJlkrrRz6ZKPgoS7rO3JzD-TxVkcX6kCBt6nTvKh2vGzhQF4YmCd_jdZUKuhv4TRMkHqdm12AsgK2-P3cd4JoBiggKwsa05QODT1BsHNd77uc1ikC3tLx_SXkGB4K_FhAotR35hXA/s1600/Html-Encoder.jpg&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;h1&gt;HTML Character Encoder tested for Newspaper: https://yourss365.blogspot.com/&lt;/h1&gt;
  89. &lt;p&gt;Encode text with accents and special characters into HTML character entities for use in a web page. This free online tool can also decode some text if you want to do that also.&lt;/p&gt;
  90. &lt;p&gt;If you create multilingual websites then this can be a super helpful tool for encoding the languages in HTML&lt;/p&gt;
  91. &lt;p&gt;Take any block of text contain special characters like € as well as accented letters like È and encode them into their html codes.&lt;/p&gt;
  92.  
  93. &lt;p&gt;You can also format the text into HTML paragraphs so that you have a ready use chunk of encoded content to put online.&lt;/p&gt;
  94. &lt;p&gt;This conversion tool can be especially handy when publishing non-English languages like French, German, Dutch that sometimes need encoded accents to display properly on a web page.&lt;/p&gt;
  95. &lt;form action=&quot;convert-text-html.php&quot; class=&quot;online-tools&quot; method=&quot;post&quot;&gt;
  96. &lt;h2&gt;Convert Ascii Text to HTML Character Entities&lt;/h2&gt;
  97. &lt;p&gt;Select these encoding options for encoding text to HTML characters.&lt;/p&gt;
  98. &lt;p&gt;&lt;strong&gt;Encoding Preferences&lt;/strong&gt; (optional)&lt;/p&gt;
  99. &lt;p&gt;&lt;input id=&quot;tfFormat&quot; name=&quot;tfFormat&quot; type=&quot;checkbox&quot; value=&quot;yes&quot; /&gt; &lt;label&gt;Add &amp;lt;p&amp;gt; paragraph tags to create basic HTML formatting around your text&lt;/label&gt;&lt;/p&gt;
  100. &lt;p class=&quot;flat&quot;&gt;&lt;input id=&quot;tfQuotes2&quot; name=&quot;tfQuotes2&quot; type=&quot;checkbox&quot; value=&quot;yes&quot; /&gt; &lt;label&gt;Encode double quotation marks&lt;/label&gt;&lt;/p&gt;
  101. &lt;p class=&quot;flat&quot;&gt;&lt;input id=&quot;tfQuotes1&quot; name=&quot;tfQuotes1&quot; type=&quot;checkbox&quot; value=&quot;yes&quot; /&gt; &lt;label&gt;Encode single quotation marks&lt;/label&gt;&lt;/p&gt;
  102. &lt;p class=&quot;flat&quot;&gt;&lt;input id=&quot;tfGreat&quot; name=&quot;tfGreat&quot; type=&quot;checkbox&quot; value=&quot;yes&quot; /&gt; &lt;label&gt;Encode the less than and greater than sign&lt;/label&gt;&lt;/p&gt;
  103. &lt;p&gt;&lt;label&gt;Paste your text in the box below and then click the encode or decode button. &lt;br /&gt;
  104. The newly encoded HTML code will appear in the box at the bottom of the page.&lt;/label&gt;&lt;/p&gt;
  105. &lt;p&gt;&lt;textarea cols=&quot;36&quot; id=&quot;oldText&quot; name=&quot;oldText&quot; rows=&quot;6&quot;&gt;&lt;/textarea&gt;&lt;/p&gt;
  106. &lt;p&gt;&lt;textarea cols=&quot;36&quot; id=&quot;oldText2&quot; name=&quot;oldText2&quot; rows=&quot;6&quot; style=&quot;display: none;&quot;&gt;&lt;/textarea&gt;&lt;/p&gt;
  107. &lt;p&gt;&lt;input class=&quot;subbtn&quot; id=&quot;tfEncode&quot; name=&quot;Convert-Text-HTML&quot; style=&quot;margin-right: 20px;&quot; type=&quot;button&quot; value=&quot;Encode HTML Text&quot; /&gt; &lt;input class=&quot;subbtn&quot; id=&quot;tfDecode&quot; name=&quot;Decode-Text-HTML&quot; type=&quot;button&quot; value=&quot;Decode HTML Text&quot; /&gt;&lt;/p&gt;
  108. &lt;h2&gt;Newly encoded HTML Text&lt;/h2&gt;
  109. &lt;p class=&quot;flat&quot;&gt;&lt;label&gt;Copy your new HTML code from the box below.&lt;/label&gt;&lt;/p&gt;
  110. &lt;p&gt;&lt;textarea cols=&quot;36&quot; id=&quot;newCode&quot; name=&quot;newCode&quot; rows=&quot;9&quot;&gt;&lt;/textarea&gt; &lt;/p&gt;
  111. &lt;p&gt;
  112.  
  113. &lt;input class=&quot;actbtn&quot; data-clipboard-target=&quot;#newCode&quot; id=&quot;copyClip&quot; name=&quot;copyClip&quot; type=&quot;button&quot; value=&quot;Copy to Clipboard&quot; /&gt;
  114. &lt;/p&gt;
  115. &lt;/form&gt;
  116.  
  117. &lt;/div&gt;
  118. &lt;p&gt;To Access all free tools visit the Newspaper tools section: https://yourss365.blogspot.com/search/label/TOOLS &lt;/p&gt;
  119.  
  120.  &lt;!----&gt;
  121. &lt;div id=&quot;tempo&quot; style=&quot;display: hidden;&quot;&gt; &lt;/div&gt;
  122.  
  123. &lt;script type=&quot;text/javascript&quot;&gt;
  124. document.addEventListener(&#39;DOMContentLoaded&#39;, function () {
  126. var newCode = &quot;&quot;;
  127. var tfFormat = &quot;&quot;;
  128. var thebr = &quot;&quot;;
  129. var tfQuotes2 = &quot;&quot;;
  130. var tfQuotes1 = &quot;&quot;;
  131. var tfGreat = &quot;&quot;;
  133. //var tf1 =new Array(&quot;&amp;#169;&quot;,&quot;&amp;#174;&quot;,&quot;&amp;#178;&quot;,&quot;&amp;#179;&quot;,&quot;&amp;#34;&quot;,&quot;&amp;#38;&quot;,&quot;&amp;#39&quot;,&quot;&amp;#60;&quot;,&quot;&amp;#62;&quot;,&quot;&amp;#8211;&quot;,&quot;&amp;#8212;&quot;,&quot;&amp;#8216;&quot;,&quot;&amp;#8217;&quot;,&quot;&amp;#8220;&quot;,&quot;&amp;#8221;&quot;,&quot;&amp;#8226;&quot;,&quot;&amp;#8224;&quot;,&quot;&amp;#8225;&quot;,&quot;&amp;#8242;&quot;,&quot;&amp;#8243;&quot;,&quot;&amp;#8249;&quot;,&quot;&amp;#8250;&quot;,&quot;&amp;#8364;&quot;,&quot;&amp;#8482;&quot;,&quot;&amp;#732;&quot;,&quot;&amp;#710;&quot;,&quot;&amp;#9824;&quot;,&quot;&amp;#9827;&quot;,&quot;&amp;#9829;&quot;,&quot;&amp;#9830;&quot;,&quot;&amp;#9674;&quot;,&quot;&amp;#8592;&quot;,&quot;&amp;#8594;&quot;,&quot;&amp;#8593;&quot;,&quot;&amp;#8595;&quot;,&quot;&amp;#8596;&quot;,&quot;&amp;#172;&quot;,&quot;&amp;#161;&quot;,&quot;&amp;#162;&quot;,&quot;&amp;#163;&quot;,&quot;&amp;#164;&quot;,&quot;&amp;#165;&quot;,&quot;&amp;#166;&quot;,&quot;&amp;#167;&quot;,&quot;&amp;#168;&quot;,&quot;&amp;#170;&quot;,&quot;&amp;#171;&quot;,&quot;&amp;#172;&quot;,&quot;&amp;#173;&quot;,&quot;&amp;#175;&quot;,&quot;&amp;#176;&quot;,&quot;&amp;#177;&quot;,&quot;&amp;#180;&quot;,&quot;&amp;#181;&quot;,&quot;&amp;#182;&quot;,&quot;&amp;#183;&quot;,&quot;&amp;#184;&quot;,&quot;&amp;#185;&quot;,&quot;&amp;#186;&quot;,&quot;&amp;#187;&quot;,&quot;&amp;#188;&quot;,&quot;&amp;#189;&quot;,&quot;&amp;#190;&quot;,&quot;&amp;#191;&quot;,&quot;&amp;#192;&quot;,&quot;&amp;#193;&quot;,&quot;&amp;#194;&quot;,&quot;&amp;#195;&quot;,&quot;&amp;#196;&quot;,&quot;&amp;#197;&quot;,&quot;&amp;#198;&quot;,&quot;&amp;#199;&quot;,&quot;&amp;#200;&quot;,&quot;&amp;#201;&quot;,&quot;&amp;#202;&quot;,&quot;&amp;#203;&quot;,&quot;&amp;#204;&quot;,&quot;&amp;#205;&quot;,&quot;&amp;#206;&quot;,&quot;&amp;#207;&quot;,&quot;&amp;#208;&quot;,&quot;&amp;#209;&quot;,&quot;&amp;#210;&quot;,&quot;&amp;#211;&quot;,&quot;&amp;#212;&quot;,&quot;&amp;#213;&quot;,&quot;&amp;#214;&quot;,&quot;&amp;#215;&quot;,&quot;&amp;#216;&quot;,&quot;&amp;#217;&quot;,&quot;&amp;#218;&quot;,&quot;&amp;#219;&quot;,&quot;&amp;#220;&quot;,&quot;&amp;#221;&quot;,&quot;&amp;#222;&quot;,&quot;&amp;#223;&quot;,&quot;&amp;#224;&quot;,&quot;&amp;#225;&quot;,&quot;&amp;#226;&quot;,&quot;&amp;#227;&quot;,&quot;&amp;#228;&quot;,&quot;&amp;#229;&quot;,&quot;&amp;#230;&quot;,&quot;&amp;#231;&quot;,&quot;&amp;#232;&quot;,&quot;&amp;#233;&quot;,&quot;&amp;#234;&quot;,&quot;&amp;#235;&quot;,&quot;&amp;#236;&quot;,&quot;&amp;#237;&quot;,&quot;&amp;#238;&quot;,&quot;&amp;#239;&quot;,&quot;&amp;#240;&quot;,&quot;&amp;#241;&quot;,&quot;&amp;#242;&quot;,&quot;&amp;#243;&quot;,&quot;&amp;#244;&quot;,&quot;&amp;#245;&quot;,&quot;&amp;#246;&quot;,&quot;&amp;#247;&quot;,&quot;&amp;#248;&quot;,&quot;&amp;#249;&quot;,&quot;&amp;#250;&quot;,&quot;&amp;#251;&quot;,&quot;&amp;#252;&quot;,&quot;&amp;#253;&quot;,&quot;&amp;#254;&quot;,&quot;&amp;#255;&quot;);
  134. //var tf2=new Array(&quot;&amp;copy;&quot;,&quot;&amp;reg;&quot;,&quot;&amp;sup2;&quot;,&quot;&amp;sup3;&quot;,&quot;&amp;quot;&quot;,&quot;&amp;amp;&quot;,&quot;&#39;&quot;,&quot;&amp;lt;&quot;,&quot;&amp;gt;&quot;,&quot;&amp;ndash;&quot;,&quot;&amp;mdash;&quot;,&quot;&amp;lsquo;&quot;,&quot;&amp;rsquo;&quot;,&quot;&amp;ldquo;&quot;,&quot;&amp;rdquo;&quot;,&quot;&amp;bull;&quot;,&quot;&amp;dagger;&quot;,&quot;&amp;Dagger;&quot;,&quot;&amp;prime;&quot;,&quot;&amp;Prime;&quot;,&quot;&amp;lsaquo;&quot;,&quot;&amp;rsaquo;&quot;,&quot;&amp;euro;&quot;,&quot;&amp;trade;&quot;,&quot;&amp;tilde;&quot;,&quot;&amp;circ;&quot;,&quot;&amp;spades;&quot;,&quot;&amp;clubs;&quot;,&quot;&amp;hearts;&quot;,&quot;&amp;diams;&quot;,&quot;&amp;loz;&quot;,&quot;&amp;larr;&quot;,&quot;&amp;rarr;&quot;,&quot;&amp;uarr;&quot;,&quot;&amp;darr;&quot;,&quot;&amp;harr;&quot;,&quot;&amp;not;&quot;,&quot;&amp;iexcl;&quot;,&quot;&amp;cent;&quot;,&quot;&amp;pound;&quot;,&quot;&amp;curren;&quot;,&quot;&amp;yen;&quot;,&quot;&amp;brvbar;&quot;,&quot;&amp;sect;&quot;,&quot;&amp;uml;&quot;,&quot;&amp;ordf;&quot;,&quot;&amp;laquo;&quot;,&quot;&amp;not;&quot;,&quot;&amp;shy;&quot;,&quot;&amp;macr;&quot;,&quot;&amp;deg;&quot;,&quot;&amp;plusmn;&quot;,&quot;&amp;acute;&quot;,&quot;&amp;micro;&quot;,&quot;&amp;para;&quot;,&quot;&amp;middot;&quot;,&quot;&amp;cedil;&quot;,&quot;&amp;sup1;&quot;,&quot;&amp;ordm;&quot;,&quot;&amp;raquo;&quot;,&quot;&amp;frac14;&quot;,&quot;&amp;frac12;&quot;,&quot;&amp;frac34;&quot;,&quot;&amp;iquest;&quot;,&quot;&amp;Agrave;&quot;,&quot;&amp;Aacute;&quot;,&quot;&amp;Acirc;&quot;,&quot;&amp;Atilde;&quot;,&quot;&amp;Auml;&quot;,&quot;&amp;Aring;&quot;,&quot;&amp;AElig;&quot;,&quot;&amp;Ccedil;&quot;,&quot;&amp;Egrave;&quot;,&quot;&amp;Eacute;&quot;,&quot;&amp;Ecirc;&quot;,&quot;&amp;Euml;&quot;,&quot;&amp;Igrave;&quot;,&quot;&amp;Iacute;&quot;,&quot;&amp;Icirc;&quot;,&quot;&amp;Iuml;&quot;,&quot;&amp;ETH;&quot;,&quot;&amp;Ntilde;&quot;,&quot;&amp;Ograve;&quot;,&quot;&amp;Oacute;&quot;,&quot;&amp;Ocirc;&quot;,&quot;&amp;Otilde;&quot;,&quot;&amp;Ouml;&quot;,&quot;&amp;times;&quot;,&quot;&amp;Oslash;&quot;,&quot;&amp;Ugrave;&quot;,&quot;&amp;Uacute;&quot;,&quot;&amp;Ucirc;&quot;,&quot;&amp;Uml;&quot;,&quot;&amp;Yacute;&quot;,&quot;&amp;THORN;&quot;,&quot;&amp;szlig;&quot;,&quot;&amp;agrave;&quot;,&quot;&amp;aacute;&quot;,&quot;&amp;acirc;&quot;,&quot;&amp;atilde;&quot;,&quot;&amp;auml;&quot;,&quot;&amp;aring;&quot;,&quot;&amp;aelig;&quot;,&quot;&amp;ccedil;&quot;,&quot;&amp;egrave;&quot;,&quot;&amp;eacute;&quot;,&quot;&amp;ecirc;&quot;,&quot;&amp;euml;&quot;,&quot;&amp;igrave;&quot;,&quot;&amp;iacute;&quot;,&quot;&amp;icirc;&quot;,&quot;&amp;iuml;&quot;,&quot;&amp;eth;&quot;,&quot;&amp;ntilde;&quot;,&quot;&amp;ograve;&quot;,&quot;&amp;oacute;&quot;,&quot;&amp;ocirc;&quot;,&quot;&amp;otilde;&quot;,&quot;&amp;ouml;&quot;,&quot;&amp;divide;&quot;,&quot;&amp;oslash;&quot;,&quot;&amp;ugrave;&quot;,&quot;&amp;uacute;&quot;,&quot;&amp;ucirc;&quot;,&quot;&amp;uuml;&quot;,&quot;&amp;yacute;&quot;,&quot;&amp;thorn;&quot;,&quot;&amp;yuml;&quot;);
  135. //Excluding some characters for this script (copy the arrays above if you&#39;re looking for them)
  136. var tf1 =new Array(&quot;&amp;#38;&quot;,&quot;&amp;#169;&quot;,&quot;&amp;#174;&quot;,&quot;&amp;#178;&quot;,&quot;&amp;#179;&quot;,&quot;&amp;#8211;&quot;,&quot;&amp;#8212;&quot;,&quot;&amp;#8216;&quot;,&quot;&amp;#8217;&quot;,&quot;&amp;#8220;&quot;,&quot;&amp;#8221;&quot;,&quot;&amp;#8226;&quot;,&quot;&amp;#8224;&quot;,&quot;&amp;#8225;&quot;,&quot;&amp;#8242;&quot;,&quot;&amp;#8243;&quot;,&quot;&amp;#8249;&quot;,&quot;&amp;#8250;&quot;,&quot;&amp;#8364;&quot;,&quot;&amp;#8482;&quot;,&quot;&amp;#732;&quot;,&quot;&amp;#710;&quot;,&quot;&amp;#9824;&quot;,&quot;&amp;#9827;&quot;,&quot;&amp;#9829;&quot;,&quot;&amp;#9830;&quot;,&quot;&amp;#9674;&quot;,&quot;&amp;#8592;&quot;,&quot;&amp;#8594;&quot;,&quot;&amp;#8593;&quot;,&quot;&amp;#8595;&quot;,&quot;&amp;#8596;&quot;,&quot;&amp;#172;&quot;,&quot;&amp;#161;&quot;,&quot;&amp;#162;&quot;,&quot;&amp;#163;&quot;,&quot;&amp;#164;&quot;,&quot;&amp;#165;&quot;,&quot;&amp;#166;&quot;,&quot;&amp;#167;&quot;,&quot;&amp;#168;&quot;,&quot;&amp;#170;&quot;,&quot;&amp;#171;&quot;,&quot;&amp;#172;&quot;,&quot;&amp;#173;&quot;,&quot;&amp;#175;&quot;,&quot;&amp;#176;&quot;,&quot;&amp;#177;&quot;,&quot;&amp;#180;&quot;,&quot;&amp;#181;&quot;,&quot;&amp;#182;&quot;,&quot;&amp;#183;&quot;,&quot;&amp;#184;&quot;,&quot;&amp;#185;&quot;,&quot;&amp;#186;&quot;,&quot;&amp;#187;&quot;,&quot;&amp;#188;&quot;,&quot;&amp;#189;&quot;,&quot;&amp;#190;&quot;,&quot;&amp;#191;&quot;,&quot;&amp;#192;&quot;,&quot;&amp;#193;&quot;,&quot;&amp;#194;&quot;,&quot;&amp;#195;&quot;,&quot;&amp;#196;&quot;,&quot;&amp;#197;&quot;,&quot;&amp;#198;&quot;,&quot;&amp;#199;&quot;,&quot;&amp;#200;&quot;,&quot;&amp;#201;&quot;,&quot;&amp;#202;&quot;,&quot;&amp;#203;&quot;,&quot;&amp;#204;&quot;,&quot;&amp;#205;&quot;,&quot;&amp;#206;&quot;,&quot;&amp;#207;&quot;,&quot;&amp;#208;&quot;,&quot;&amp;#209;&quot;,&quot;&amp;#210;&quot;,&quot;&amp;#211;&quot;,&quot;&amp;#212;&quot;,&quot;&amp;#213;&quot;,&quot;&amp;#214;&quot;,&quot;&amp;#215;&quot;,&quot;&amp;#216;&quot;,&quot;&amp;#217;&quot;,&quot;&amp;#218;&quot;,&quot;&amp;#219;&quot;,&quot;&amp;#220;&quot;,&quot;&amp;#221;&quot;,&quot;&amp;#222;&quot;,&quot;&amp;#223;&quot;,&quot;&amp;#224;&quot;,&quot;&amp;#225;&quot;,&quot;&amp;#226;&quot;,&quot;&amp;#227;&quot;,&quot;&amp;#228;&quot;,&quot;&amp;#229;&quot;,&quot;&amp;#230;&quot;,&quot;&amp;#231;&quot;,&quot;&amp;#232;&quot;,&quot;&amp;#233;&quot;,&quot;&amp;#234;&quot;,&quot;&amp;#235;&quot;,&quot;&amp;#236;&quot;,&quot;&amp;#237;&quot;,&quot;&amp;#238;&quot;,&quot;&amp;#239;&quot;,&quot;&amp;#240;&quot;,&quot;&amp;#241;&quot;,&quot;&amp;#242;&quot;,&quot;&amp;#243;&quot;,&quot;&amp;#244;&quot;,&quot;&amp;#245;&quot;,&quot;&amp;#246;&quot;,&quot;&amp;#247;&quot;,&quot;&amp;#248;&quot;,&quot;&amp;#249;&quot;,&quot;&amp;#250;&quot;,&quot;&amp;#251;&quot;,&quot;&amp;#252;&quot;,&quot;&amp;#253;&quot;,&quot;&amp;#254;&quot;,&quot;&amp;#255;&quot;,&quot;&amp;#60;&quot;,&quot;&amp;#62;&quot;);
  137. var tf2=new Array(&quot;&amp;amp;&quot;,&quot;&amp;copy;&quot;,&quot;&amp;reg;&quot;,&quot;&amp;sup2;&quot;,&quot;&amp;sup3;&quot;,&quot;&amp;ndash;&quot;,&quot;&amp;mdash;&quot;,&quot;&amp;lsquo;&quot;,&quot;&amp;rsquo;&quot;,&quot;&amp;ldquo;&quot;,&quot;&amp;rdquo;&quot;,&quot;&amp;bull;&quot;,&quot;&amp;dagger;&quot;,&quot;&amp;Dagger;&quot;,&quot;&amp;prime;&quot;,&quot;&amp;Prime;&quot;,&quot;&amp;lsaquo;&quot;,&quot;&amp;rsaquo;&quot;,&quot;&amp;euro;&quot;,&quot;&amp;trade;&quot;,&quot;&amp;tilde;&quot;,&quot;&amp;circ;&quot;,&quot;&amp;spades;&quot;,&quot;&amp;clubs;&quot;,&quot;&amp;hearts;&quot;,&quot;&amp;diams;&quot;,&quot;&amp;loz;&quot;,&quot;&amp;larr;&quot;,&quot;&amp;rarr;&quot;,&quot;&amp;uarr;&quot;,&quot;&amp;darr;&quot;,&quot;&amp;harr;&quot;,&quot;&amp;not;&quot;,&quot;&amp;iexcl;&quot;,&quot;&amp;cent;&quot;,&quot;&amp;pound;&quot;,&quot;&amp;curren;&quot;,&quot;&amp;yen;&quot;,&quot;&amp;brvbar;&quot;,&quot;&amp;sect;&quot;,&quot;&amp;uml;&quot;,&quot;&amp;ordf;&quot;,&quot;&amp;laquo;&quot;,&quot;&amp;not;&quot;,&quot;&amp;shy;&quot;,&quot;&amp;macr;&quot;,&quot;&amp;deg;&quot;,&quot;&amp;plusmn;&quot;,&quot;&amp;acute;&quot;,&quot;&amp;micro;&quot;,&quot;&amp;para;&quot;,&quot;&amp;middot;&quot;,&quot;&amp;cedil;&quot;,&quot;&amp;sup1;&quot;,&quot;&amp;ordm;&quot;,&quot;&amp;raquo;&quot;,&quot;&amp;frac14;&quot;,&quot;&amp;frac12;&quot;,&quot;&amp;frac34;&quot;,&quot;&amp;iquest;&quot;,&quot;&amp;Agrave;&quot;,&quot;&amp;Aacute;&quot;,&quot;&amp;Acirc;&quot;,&quot;&amp;Atilde;&quot;,&quot;&amp;Auml;&quot;,&quot;&amp;Aring;&quot;,&quot;&amp;AElig;&quot;,&quot;&amp;Ccedil;&quot;,&quot;&amp;Egrave;&quot;,&quot;&amp;Eacute;&quot;,&quot;&amp;Ecirc;&quot;,&quot;&amp;Euml;&quot;,&quot;&amp;Igrave;&quot;,&quot;&amp;Iacute;&quot;,&quot;&amp;Icirc;&quot;,&quot;&amp;Iuml;&quot;,&quot;&amp;ETH;&quot;,&quot;&amp;Ntilde;&quot;,&quot;&amp;Ograve;&quot;,&quot;&amp;Oacute;&quot;,&quot;&amp;Ocirc;&quot;,&quot;&amp;Otilde;&quot;,&quot;&amp;Ouml;&quot;,&quot;&amp;times;&quot;,&quot;&amp;Oslash;&quot;,&quot;&amp;Ugrave;&quot;,&quot;&amp;Uacute;&quot;,&quot;&amp;Ucirc;&quot;,&quot;&amp;Uuml;&quot;,&quot;&amp;Yacute;&quot;,&quot;&amp;THORN;&quot;,&quot;&amp;szlig;&quot;,&quot;&amp;agrave;&quot;,&quot;&amp;aacute;&quot;,&quot;&amp;acirc;&quot;,&quot;&amp;atilde;&quot;,&quot;&amp;auml;&quot;,&quot;&amp;aring;&quot;,&quot;&amp;aelig;&quot;,&quot;&amp;ccedil;&quot;,&quot;&amp;egrave;&quot;,&quot;&amp;eacute;&quot;,&quot;&amp;ecirc;&quot;,&quot;&amp;euml;&quot;,&quot;&amp;igrave;&quot;,&quot;&amp;iacute;&quot;,&quot;&amp;icirc;&quot;,&quot;&amp;iuml;&quot;,&quot;&amp;eth;&quot;,&quot;&amp;ntilde;&quot;,&quot;&amp;ograve;&quot;,&quot;&amp;oacute;&quot;,&quot;&amp;ocirc;&quot;,&quot;&amp;otilde;&quot;,&quot;&amp;ouml;&quot;,&quot;&amp;divide;&quot;,&quot;&amp;oslash;&quot;,&quot;&amp;ugrave;&quot;,&quot;&amp;uacute;&quot;,&quot;&amp;ucirc;&quot;,&quot;&amp;uuml;&quot;,&quot;&amp;yacute;&quot;,&quot;&amp;thorn;&quot;,&quot;&amp;yuml;&quot;,&quot;&amp;lt;&quot;,&quot;&amp;gt;&quot;);
  140. function tfEncoder(){
  141. var i = newCode.length;
  142. var aRet = [];
  143. while (i--) {
  144. var iC = newCode [i].charCodeAt();
  145. if (iC == 38 || (iC ==96) || iC &gt; 127) {
  146. aRet[i] = &#39;&amp;#&#39;+iC+&#39;;&#39;;
  147. } else {
  148. aRet[i] = newCode[i];
  149. }
  150. }
  151. newCode = aRet.join(&#39;&#39;);
  152. //make some friendly replacements
  153. for (var ii = 0; ii &lt; tf1.length; ii++) {
  154. newCode = newCode.replace(new RegExp(tf1[ii],&quot;g&quot;),tf2[ii]);
  155. }
  156. //Check encoding preferences
  157. if(document.querySelector(&#39;#tfQuotes2:checked&#39;)){
  158. tfQuotes2 = document.querySelector(&#39;#tfQuotes2:checked&#39;).value;
  159. }else{ tfQuotes2 = &quot;nope&quot;;}
  160. if (tfQuotes2 == &quot;yes&quot;){newCode = newCode.replace(new RegExp(&#39;&quot;&#39;,&quot;g&quot;),&#39;&amp;quot;&#39;);}
  161. if(document.querySelector(&#39;#tfQuotes1:checked&#39;)){
  162. tfQuotes1 = document.querySelector(&#39;#tfQuotes1:checked&#39;).value;
  163. }else{ tfQuotes1 = &quot;nope&quot;;}
  164. if (tfQuotes1 == &quot;yes&quot;){newCode = newCode.replace(new RegExp(&quot;&#39;&quot;,&quot;g&quot;),&#39;&amp;#39;&#39;);}
  165. if(document.querySelector(&#39;#tfGreat:checked&#39;)){
  166. tfGreat = document.querySelector(&#39;#tfGreat:checked&#39;).value;
  167. }else{ tfGreat = &quot;nope&quot;;}
  168. if (tfGreat == &quot;yes&quot;){newCode = newCode.replace(new RegExp(&quot;&gt;&quot;,&quot;g&quot;),&#39;&amp;gt;&#39;);newCode = newCode.replace(new RegExp(&quot;&lt;&quot;,&quot;g&quot;),&#39;&amp;lt;&#39;);
  169. }
  170. }
  171.  
  172. function tfDecoder(oldText){
  173. //return $(&#39;&lt;div/&gt;&#39;).html(oldText).text();
  174. return &quot;&lt;span&gt;&quot;+oldText+&quot;&lt;/span&gt;&quot;;
  175. }
  177. document.getElementById(&quot;tfEncode&quot;).addEventListener(&quot;click&quot;, function () {
  178. //Get parameters
  179. if(document.querySelector(&#39;#tfFormat:checked&#39;)){
  180. tfFormat = document.querySelector(&#39;#tfFormat:checked&#39;).value;
  181. }else{
  182. tfFormat = &quot;nope&quot;;
  183. }
  184. //thebr = document.querySelector(&#39;#thebr:checked&#39;).value;
  187. newCode = document.getElementById(&quot;oldText&quot;).value;
  188. newCode = newCode.trim();
  189. //Temporarily replace linebreaks
  190. newCode = newCode.replace(/\r\n/g,&quot;linexbr1&quot;);
  191. newCode = newCode.replace(/\n/g,&quot;linexbr1&quot;);
  192. newCode = newCode.replace(/\r/g,&quot;linexbr1&quot;);
  193. //Format the text into a simple HTML structure
  194. if (tfFormat == &quot;yes&quot;){
  195. //encode HTML characters
  196. tfEncoder();
  197. //get rid of multiple white spaces
  198. resp = /\s+/g;
  199. newCode = newCode.replace(resp,&quot; &quot;);
  200. relb = /linexbr1/g;
  201. newCode = newCode.replace(relb,&quot;\n&quot;);
  202. relb = /\n+/g;
  203. newCode = newCode.replace(relb,&quot;\n&quot;);
  204. relb = /\n/g;
  205. newCode = newCode.replace(relb,&quot;&lt;/p&gt;\r\n\r\n&lt;p&gt;&quot;);
  206. newCode = &quot;&lt;p&gt;&quot; + newCode + &quot;&lt;/p&gt;&quot;;
  207. newCode = newCode.replace(new RegExp(&quot; &lt;/p&gt;&quot;,&quot;g&quot;),&quot;&lt;/p&gt;&quot;);
  208. //Place back into page
  209. document.getElementById(&quot;newCode&quot;).value = newCode;
  210. }else{
  211. //encode HTML characters
  212. tfEncoder();
  213. //get rid of multiple white spaces
  214. resp = /\s+/g;
  215. newCode = newCode.replace(resp,&quot; &quot;);
  216. //Put line breaks back in
  217. relb = /linexbr1/g;
  218. newCode = newCode.replace(relb,&quot;\r\n&quot;);
  220. //Place back into page
  221. document.getElementById(&quot;newCode&quot;).value = newCode;
  222. }
  223. });
  225. document.getElementById(&quot;tfDecode&quot;).addEventListener(&quot;click&quot;, function () {
  226. newCode = document.getElementById(&quot;oldText&quot;).value;
  227. newCode = newCode.trim();
  228. //Preserving the basic HTML formatting if it exists
  229. //newCode = newCode.replace(new RegExp(&quot;&lt;&quot;,&quot;gi&quot;),&quot;xxxLTxx&quot;);
  230. //newCode = newCode.replace(new RegExp(&quot;&gt;&quot;,&quot;gi&quot;),&quot;xxxGTxx&quot;);
  232. //document.getElementById(&quot;oldText2&quot;).value = newCode;
  233. //document.getElementById(&quot;oldText2&quot;).value = tfDecoder(document.getElementById(&quot;oldText2&quot;).value);
  234. document.getElementById(&quot;tempo&quot;).innerHTML = newCode;
  235. document.getElementById(&quot;oldText2&quot;).value = document.getElementById(&quot;tempo&quot;).innerHTML;
  236. document.getElementById(&quot;tempo&quot;).style.visibility = &quot;hidden&quot;;
  238. newCode = document.getElementById(&quot;oldText2&quot;).value;
  239. //newCode = newCode.replace(new RegExp(&quot;xxxLTxx&quot;,&quot;gi&quot;),&quot;&lt;&quot;);
  240. //newCode = newCode.replace(new RegExp(&quot;xxxGTxx&quot;,&quot;gi&quot;),&quot;&gt;&quot;);
  242. newCode = newCode.replace(new RegExp(&quot;&amp;amp;&quot;,&quot;gi&quot;),&quot;&amp;&quot;);
  243. newCode = newCode.replace(new RegExp(&quot;&amp;lt;&quot;,&quot;gi&quot;),&quot;&lt;&quot;);
  244. newCode = newCode.replace(new RegExp(&quot;&amp;#60;&quot;,&quot;gi&quot;),&quot;&lt;&quot;);
  245. newCode = newCode.replace(new RegExp(&quot;&amp;gt;&quot;,&quot;gi&quot;),&quot;&gt;&quot;);
  246. newCode = newCode.replace(new RegExp(&quot;&amp;#62;&quot;,&quot;gi&quot;),&quot;&gt;&quot;);
  248. //newCode = newCode.replace(&quot;&amp;amp;&quot;,&quot;&amp;&quot;);
  250. //Put new code in place
  251. document.getElementById(&quot;newCode&quot;).value = newCode;
  252. });
  254. document.getElementById(&quot;tfFormat&quot;).addEventListener(&quot;click&quot;, function () {
  255. if(document.querySelector(&#39;#tfFormat:checked&#39;)){
  256. tfFormat = document.querySelector(&#39;#tfFormat:checked&#39;).value;
  257. if(tfFormat == &quot;yes&quot;){
  258. //Taking it for now unless someone complains - 2017/01/21
  259. //document.getElementById(&quot;tfGreat&quot;).checked = false;
  260. }
  261. }
  262. });
  264. document.getElementById(&quot;tfGreat&quot;).addEventListener(&quot;click&quot;, function () {
  265. if(document.querySelector(&#39;#tftfGreat:checked&#39;)){
  266. tfGreat = document.querySelector(&#39;#tfGreat:checked&#39;).value;
  267. if(tfGreat == &quot;yes&quot;){
  268. document.getElementById(&quot;tfFormat&quot;).checked = false;
  269. }
  270. }
  271. });
  273. var textBox = document.getElementById(&quot;newCode&quot;);
  274. textBox.onfocus = function() {
  275.        textBox.select();
  276.        textBox.onmouseup = function() {
  277.            textBox.onmouseup = null;
  278.            return false;
  279. };
  280. };
  282. });
  283. &lt;/script&gt;
  284.  
  285.  
  286.  
  287. &lt;script type=&quot;text/javascript&quot;&gt;
  288. /*!
  289. * clipboard.js v1.5.16
  290. * https://zenorocha.github.io/clipboard.js
  291. *
  292. * Licensed MIT Β© Zeno Rocha
  293. */
  294. !function(e){if(&quot;object&quot;==typeof exports&amp;&amp;&quot;undefined&quot;!=typeof module)module.exports=e();else if(&quot;function&quot;==typeof define&amp;&amp;define.amd)define([],e);else{var t;t=&quot;undefined&quot;!=typeof window?window:&quot;undefined&quot;!=typeof global?global:&quot;undefined&quot;!=typeof self?self:this,t.Clipboard=e()}}(function(){var e,t,n;return function e(t,n,i){function o(a,c){if(!n[a]){if(!t[a]){var l=&quot;function&quot;==typeof require&amp;&amp;require;if(!c&amp;&amp;l)return l(a,!0);if(r)return r(a,!0);var s=new Error(&quot;Cannot find module &#39;&quot;+a+&quot;&#39;&quot;);throw s.code=&quot;MODULE_NOT_FOUND&quot;,s}var u=n[a]={exports:{}};t[a][0].call(u.exports,function(e){var n=t[a][1][e];return o(n?n:e)},u,u.exports,e,t,n,i)}return n[a].exports}for(var r=&quot;function&quot;==typeof require&amp;&amp;require,a=0;a&lt;i.length;a++)o(i[a]);return o}({1:[function(e,t,n){function i(e,t){for(;e&amp;&amp;e.nodeType!==o;){if(e.matches(t))return e;e=e.parentNode}}var o=9;if(Element&amp;&amp;!Element.prototype.matches){var r=Element.prototype;r.matches=r.matchesSelector||r.mozMatchesSelector||r.msMatchesSelector||r.oMatchesSelector||r.webkitMatchesSelector}t.exports=i},{}],2:[function(e,t,n){function i(e,t,n,i,r){var a=o.apply(this,arguments);return e.addEventListener(n,a,r),{destroy:function(){e.removeEventListener(n,a,r)}}}function o(e,t,n,i){return function(n){n.delegateTarget=r(n.target,t),n.delegateTarget&amp;&amp;i.call(e,n)}}var r=e(&quot;./closest&quot;);t.exports=i},{&quot;./closest&quot;:1}],3:[function(e,t,n){n.node=function(e){return void 0!==e&amp;&amp;e instanceof HTMLElement&amp;&amp;1===e.nodeType},n.nodeList=function(e){var t=Object.prototype.toString.call(e);return void 0!==e&amp;&amp;(&quot;[object NodeList]&quot;===t||&quot;[object HTMLCollection]&quot;===t)&amp;&amp;&quot;length&quot;in e&amp;&amp;(0===e.length||n.node(e[0]))},n.string=function(e){return&quot;string&quot;==typeof e||e instanceof String},n.fn=function(e){var t=Object.prototype.toString.call(e);return&quot;[object Function]&quot;===t}},{}],4:[function(e,t,n){function i(e,t,n){if(!e&amp;&amp;!t&amp;&amp;!n)throw new Error(&quot;Missing required arguments&quot;);if(!c.string(t))throw new TypeError(&quot;Second argument must be a String&quot;);if(!c.fn(n))throw new TypeError(&quot;Third argument must be a Function&quot;);if(c.node(e))return o(e,t,n);if(c.nodeList(e))return r(e,t,n);if(c.string(e))return a(e,t,n);throw new TypeError(&quot;First argument must be a String, HTMLElement, HTMLCollection, or NodeList&quot;)}function o(e,t,n){return e.addEventListener(t,n),{destroy:function(){e.removeEventListener(t,n)}}}function r(e,t,n){return Array.prototype.forEach.call(e,function(e){e.addEventListener(t,n)}),{destroy:function(){Array.prototype.forEach.call(e,function(e){e.removeEventListener(t,n)})}}}function a(e,t,n){return l(document.body,e,t,n)}var c=e(&quot;./is&quot;),l=e(&quot;delegate&quot;);t.exports=i},{&quot;./is&quot;:3,delegate:2}],5:[function(e,t,n){function i(e){var t;if(&quot;SELECT&quot;===e.nodeName)e.focus(),t=e.value;else if(&quot;INPUT&quot;===e.nodeName||&quot;TEXTAREA&quot;===e.nodeName)e.focus(),e.setSelectionRange(0,e.value.length),t=e.value;else{e.hasAttribute(&quot;contenteditable&quot;)&amp;&amp;e.focus();var n=window.getSelection(),i=document.createRange();i.selectNodeContents(e),n.removeAllRanges(),n.addRange(i),t=n.toString()}return t}t.exports=i},{}],6:[function(e,t,n){function i(){}i.prototype={on:function(e,t,n){var i=this.e||(this.e={});return(i[e]||(i[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){function i(){o.off(e,i),t.apply(n,arguments)}var o=this;return i._=t,this.on(e,i,n)},emit:function(e){var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),i=0,o=n.length;for(i;i&lt;o;i++)n[i].fn.apply(n[i].ctx,t);return this},off:function(e,t){var n=this.e||(this.e={}),i=n[e],o=[];if(i&amp;&amp;t)for(var r=0,a=i.length;r&lt;a;r++)i[r].fn!==t&amp;&amp;i[r].fn._!==t&amp;&amp;o.push(i[r]);return o.length?n[e]=o:delete n[e],this}},t.exports=i},{}],7:[function(t,n,i){!function(o,r){if(&quot;function&quot;==typeof e&amp;&amp;e.amd)e([&quot;module&quot;,&quot;select&quot;],r);else if(&quot;undefined&quot;!=typeof i)r(n,t(&quot;select&quot;));else{var a={exports:{}};r(a,o.select),o.clipboardAction=a.exports}}(this,function(e,t){&quot;use strict&quot;;function n(e){return e&amp;&amp;e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError(&quot;Cannot call a class as a function&quot;)}var o=n(t),r=&quot;function&quot;==typeof Symbol&amp;&amp;&quot;symbol&quot;==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&amp;&amp;&quot;function&quot;==typeof Symbol&amp;&amp;e.constructor===Symbol&amp;&amp;e!==Symbol.prototype?&quot;symbol&quot;:typeof e},a=function(){function e(e,t){for(var n=0;n&lt;t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,&quot;value&quot;in i&amp;&amp;(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&amp;&amp;e(t.prototype,n),i&amp;&amp;e(t,i),t}}(),c=function(){function e(t){i(this,e),this.resolveOptions(t),this.initSelection()}return a(e,[{key:&quot;resolveOptions&quot;,value:function e(){var t=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=&quot;&quot;}},{key:&quot;initSelection&quot;,value:function e(){this.text?this.selectFake():this.target&amp;&amp;this.selectTarget()}},{key:&quot;selectFake&quot;,value:function e(){var t=this,n=&quot;rtl&quot;==document.documentElement.getAttribute(&quot;dir&quot;);this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=document.body.addEventListener(&quot;click&quot;,this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement(&quot;textarea&quot;),this.fakeElem.style.fontSize=&quot;12pt&quot;,this.fakeElem.style.border=&quot;0&quot;,this.fakeElem.style.padding=&quot;0&quot;,this.fakeElem.style.margin=&quot;0&quot;,this.fakeElem.style.position=&quot;absolute&quot;,this.fakeElem.style[n?&quot;right&quot;:&quot;left&quot;]=&quot;-9999px&quot;;var i=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.addEventListener(&quot;focus&quot;,window.scrollTo(0,i)),this.fakeElem.style.top=i+&quot;px&quot;,this.fakeElem.setAttribute(&quot;readonly&quot;,&quot;&quot;),this.fakeElem.value=this.text,document.body.appendChild(this.fakeElem),this.selectedText=(0,o.default)(this.fakeElem),this.copyText()}},{key:&quot;removeFake&quot;,value:function e(){this.fakeHandler&amp;&amp;(document.body.removeEventListener(&quot;click&quot;,this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&amp;&amp;(document.body.removeChild(this.fakeElem),this.fakeElem=null)}},{key:&quot;selectTarget&quot;,value:function e(){this.selectedText=(0,o.default)(this.target),this.copyText()}},{key:&quot;copyText&quot;,value:function e(){var t=void 0;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}},{key:&quot;handleResult&quot;,value:function e(t){this.emitter.emit(t?&quot;success&quot;:&quot;error&quot;,{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:&quot;clearSelection&quot;,value:function e(){this.target&amp;&amp;this.target.blur(),window.getSelection().removeAllRanges()}},{key:&quot;destroy&quot;,value:function e(){this.removeFake()}},{key:&quot;action&quot;,set:function e(){var t=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:&quot;copy&quot;;if(this._action=t,&quot;copy&quot;!==this._action&amp;&amp;&quot;cut&quot;!==this._action)throw new Error(&#39;Invalid &quot;action&quot; value, use either &quot;copy&quot; or &quot;cut&quot;&#39;)},get:function e(){return this._action}},{key:&quot;target&quot;,set:function e(t){if(void 0!==t){if(!t||&quot;object&quot;!==(&quot;undefined&quot;==typeof t?&quot;undefined&quot;:r(t))||1!==t.nodeType)throw new Error(&#39;Invalid &quot;target&quot; value, use a valid Element&#39;);if(&quot;copy&quot;===this.action&amp;&amp;t.hasAttribute(&quot;disabled&quot;))throw new Error(&#39;Invalid &quot;target&quot; attribute. Please use &quot;readonly&quot; instead of &quot;disabled&quot; attribute&#39;);if(&quot;cut&quot;===this.action&amp;&amp;(t.hasAttribute(&quot;readonly&quot;)||t.hasAttribute(&quot;disabled&quot;)))throw new Error(&#39;Invalid &quot;target&quot; attribute. You can\&#39;t cut text from elements with &quot;readonly&quot; or &quot;disabled&quot; attributes&#39;);this._target=t}},get:function e(){return this._target}}]),e}();e.exports=c})},{select:5}],8:[function(t,n,i){!function(o,r){if(&quot;function&quot;==typeof e&amp;&amp;e.amd)e([&quot;module&quot;,&quot;./clipboard-action&quot;,&quot;tiny-emitter&quot;,&quot;good-listener&quot;],r);else if(&quot;undefined&quot;!=typeof i)r(n,t(&quot;./clipboard-action&quot;),t(&quot;tiny-emitter&quot;),t(&quot;good-listener&quot;));else{var a={exports:{}};r(a,o.clipboardAction,o.tinyEmitter,o.goodListener),o.clipboard=a.exports}}(this,function(e,t,n,i){&quot;use strict&quot;;function o(e){return e&amp;&amp;e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError(&quot;Cannot call a class as a function&quot;)}function a(e,t){if(!e)throw new ReferenceError(&quot;this hasn&#39;t been initialised - super() hasn&#39;t been called&quot;);return!t||&quot;object&quot;!=typeof t&amp;&amp;&quot;function&quot;!=typeof t?e:t}function c(e,t){if(&quot;function&quot;!=typeof t&amp;&amp;null!==t)throw new TypeError(&quot;Super expression must either be null or a function, not &quot;+typeof t);e.prototype=Object.create(t&amp;&amp;t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&amp;&amp;(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function l(e,t){var n=&quot;data-clipboard-&quot;+e;if(t.hasAttribute(n))return t.getAttribute(n)}var s=o(t),u=o(n),f=o(i),d=function(){function e(e,t){for(var n=0;n&lt;t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,&quot;value&quot;in i&amp;&amp;(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&amp;&amp;e(t.prototype,n),i&amp;&amp;e(t,i),t}}(),h=function(e){function t(e,n){r(this,t);var i=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return i.resolveOptions(n),i.listenClick(e),i}return c(t,e),d(t,[{key:&quot;resolveOptions&quot;,value:function e(){var t=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:{};this.action=&quot;function&quot;==typeof t.action?t.action:this.defaultAction,this.target=&quot;function&quot;==typeof t.target?t.target:this.defaultTarget,this.text=&quot;function&quot;==typeof t.text?t.text:this.defaultText}},{key:&quot;listenClick&quot;,value:function e(t){var n=this;this.listener=(0,f.default)(t,&quot;click&quot;,function(e){return n.onClick(e)})}},{key:&quot;onClick&quot;,value:function e(t){var n=t.delegateTarget||t.currentTarget;this.clipboardAction&amp;&amp;(this.clipboardAction=null),this.clipboardAction=new s.default({action:this.action(n),target:this.target(n),text:this.text(n),trigger:n,emitter:this})}},{key:&quot;defaultAction&quot;,value:function e(t){return l(&quot;action&quot;,t)}},{key:&quot;defaultTarget&quot;,value:function e(t){var n=l(&quot;target&quot;,t);if(n)return document.querySelector(n)}},{key:&quot;defaultText&quot;,value:function e(t){return l(&quot;text&quot;,t)}},{key:&quot;destroy&quot;,value:function e(){this.listener.destroy(),this.clipboardAction&amp;&amp;(this.clipboardAction.destroy(),this.clipboardAction=null)}}]),t}(u.default);e.exports=h})},{&quot;./clipboard-action&quot;:7,&quot;good-listener&quot;:4,&quot;tiny-emitter&quot;:6}]},{},[8])(8)});
  295. var clipboard = new Clipboard(&#39;#copyClip&#39;);clipboard.on(&#39;success&#39;, function(event) {document.getElementById(&quot;copyClip&quot;).value = &quot;       COPIED!      &quot;;document.getElementById(&quot;copyClip&quot;).style.backgroundColor = &quot;#e86032&quot;;window.setTimeout(function() {document.getElementById(&quot;copyClip&quot;).value = &quot;Copy to Clipboard&quot;;document.getElementById(&quot;copyClip&quot;).style.backgroundColor = &quot;&quot;;}, 1500);});
  296. var isSafari = navigator.vendor &amp;&amp; navigator.vendor.indexOf(&#39;Apple&#39;) &gt; -1 &amp;&amp; navigator.userAgent &amp;&amp; !navigator.userAgent.match(&#39;CriOS&#39;);if(isSafari){document.getElementById(&quot;copyClip&quot;).style.display = &quot;none&quot;;}
  297. &lt;/script&gt;
  298.  
  299. </description><link>http://superblogger3.blogspot.com/2023/04/advanced-html-character-encoder-decoder.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gM9gE2yol_5gf8n8vef2UudP8tooAhMnNRMHENAYMONEkJZaiwJlkrrRz6ZKPgoS7rO3JzD-TxVkcX6kCBt6nTvKh2vGzhQF4YmCd_jdZUKuhv4TRMkHqdm12AsgK2-P3cd4JoBiggKwsa05QODT1BsHNd77uc1ikC3tLx_SXkGB4K_FhAotR35hXA/s72-c/Html-Encoder.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-5614892446731645573</guid><pubDate>Wed, 05 Apr 2023 12:00:00 +0000</pubDate><atom:updated>2023-04-05T12:00:19.059+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">HTML</category><category domain="http://www.blogger.com/atom/ns#">Media</category><title>Youtube Lazyload video Generator</title><description>
  300.  
  301. &lt;div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://superblogger3.blogspot.com/2023/03/lazy-load-video.html&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;467&quot; data-original-width=&quot;700&quot; height=&quot;426&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmthlwPl92DozbIJY_9XPIyL93rDqWkWkZqJpezP5bHaVKldgFajS2DqoJ8dmMpRFbT0N_562mTLBfSU1s4IdVNdp9kvZe2KTy-L-7xa2f-RpcWe_sYzlsygjV0kmCot6HdilzrHy7cA_XpPXYomvdVUUk-RyZ_BISlEvp0M2DMDiGtU4RMLSDq6gMEg/w640-h426/Youtube%20Lazyload%20video%20Generator700.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  302.  
  303.  &lt;style&gt;
  304.  
  305.      
  306.  
  307.        textarea {
  308.            width: 100%;
  309.            height: 15em;
  310.            box-sizing: border-box;
  311.        }
  312.  
  313.        p, .section {
  314.            margin: 1.5em 0;
  315.        }
  316.  
  317.        label {
  318.            display: block;
  319.            cursor: pointer;
  320.        }
  321.        h2, h3 {
  322.            display: inline-block;
  323.            margin-bottom: 0;
  324.        }
  325.        h3 {
  326.            font-size: 1em;
  327.        }
  328.        
  329.        #thumbnails label {
  330.            display: inline-block;
  331.            width: 155px;
  332.            margin-bottom: 1em;
  333.            margin-right: 0.5em;
  334.            text-align: center;
  335.        }
  336.        #thumbnails img {
  337.            width: 120px;
  338.            height: 90px;
  339.            object-fit: contain;
  340.        }
  341.  
  342.        #refreshPreview {
  343.            font-size: 0.8em;
  344.        }
  345.    &lt;/style&gt;
  346.  
  347.  
  348.  &lt;h1 style=&quot;font-family: sans-serif;&quot;&gt;Youtube Lazyload-Embed Generator &lt;small&gt;by &lt;a href=&quot;https://github.com/jtbrinkmann&quot;&gt;JTBrinkmann&lt;/a&gt;&lt;/small&gt;&lt;/h1&gt;
  349. &lt;label style=&quot;font-family: sans-serif;&quot;&gt;
  350. Video-URL or ID:
  351. &lt;input id=&quot;videourl&quot; style=&quot;width: 40em;&quot; /&gt;
  352. &lt;/label&gt;
  353. &lt;p id=&quot;warning&quot; style=&quot;background: yellow; display: none; font-weight: bold;&quot;&gt;
  354. Warning: couldn&#39;t extract video ID (or id is invalid)
  355. &lt;/p&gt;
  356. &lt;label style=&quot;font-family: sans-serif;&quot;&gt;
  357. parsed video-ID: &lt;input disabled=&quot;&quot; id=&quot;videoid&quot; /&gt;
  358. &lt;/label&gt;
  359. &lt;label style=&quot;font-family: sans-serif;&quot;&gt;
  360. (optional) Preview title: &lt;input id=&quot;embedtitle&quot; value=&quot;Sample Text&quot; /&gt;
  361. &lt;/label&gt;
  362. &lt;label style=&quot;font-family: sans-serif;&quot;&gt;
  363. (optional) hint at bottom of preview: &lt;input id=&quot;hintInput&quot; value=&quot;&quot; /&gt;
  364. &lt;/label&gt;
  365. &lt;div class=&quot;section&quot; style=&quot;font-family: sans-serif;&quot;&gt;
  366. &lt;input checked=&quot;&quot; class=&quot;collapse-checkbox&quot; id=&quot;thumbnail-collapse&quot; type=&quot;checkbox&quot; /&gt;
  367.  &lt;label&gt;choose thumbnail&lt;/label&gt;
  368.  
  369. &lt;div id=&quot;thumbnails&quot;&gt;
  370. &lt;p&gt;
  371. &lt;label&gt;
  372. &lt;img /&gt;
  373. &lt;br /&gt;
  374. &lt;input name=&quot;thumbnail&quot; type=&quot;radio&quot; value=&quot;default&quot; /&gt;
  375. &lt;span class=&quot;filename&quot;&gt;default.jpg &lt;sup&gt;low res&lt;/sup&gt;&lt;/span&gt;
  376. &lt;/label&gt;
  377. &lt;label&gt;
  378. &lt;img /&gt;
  379. &lt;br /&gt;
  380. &lt;input checked=&quot;&quot; name=&quot;thumbnail&quot; type=&quot;radio&quot; value=&quot;0&quot; /&gt;
  381. &lt;span class=&quot;filename&quot;&gt;0.jpg&lt;/span&gt;
  382. &lt;/label&gt;
  383. &lt;label&gt;
  384. &lt;img /&gt;
  385. &lt;br /&gt;
  386. &lt;input name=&quot;thumbnail&quot; type=&quot;radio&quot; value=&quot;1&quot; /&gt;
  387. &lt;span class=&quot;filename&quot;&gt;1.jpg &lt;sup&gt;low resolution&lt;/sup&gt;&lt;/span&gt;
  388. &lt;/label&gt;
  389. &lt;label&gt;
  390. &lt;img /&gt;
  391. &lt;br /&gt;
  392. &lt;input name=&quot;thumbnail&quot; type=&quot;radio&quot; value=&quot;2&quot; /&gt;
  393. &lt;span class=&quot;filename&quot;&gt;2.jpg &lt;sup&gt;low resolution&lt;/sup&gt;&lt;/span&gt;
  394. &lt;/label&gt;
  395. &lt;label&gt;
  396. &lt;img /&gt;
  397. &lt;br /&gt;
  398. &lt;input name=&quot;thumbnail&quot; type=&quot;radio&quot; value=&quot;3&quot; /&gt;
  399. &lt;span class=&quot;filename&quot;&gt;3.jpg &lt;sup&gt;low resolution&lt;/sup&gt;&lt;/span&gt;
  400. &lt;/label&gt;
  401. &lt;/p&gt;
  402. &lt;p&gt;
  403. &lt;label&gt;
  404. &lt;img /&gt;
  405. &lt;br /&gt;
  406. &lt;input name=&quot;thumbnail&quot; type=&quot;radio&quot; value=&quot;hqdefault&quot; /&gt;
  407. &lt;span class=&quot;filename&quot;&gt;hqdefault.jpg&lt;/span&gt;
  408. &lt;/label&gt;
  409. &lt;label&gt;
  410. &lt;img onerror=&quot;console.log(this)&quot; /&gt;
  411. &lt;br /&gt;
  412. &lt;input name=&quot;thumbnail&quot; type=&quot;radio&quot; value=&quot;maxresdefault&quot; /&gt;
  413. &lt;span class=&quot;filename&quot;&gt;maxresdefault.jpg&lt;/span&gt;
  414. &lt;/label&gt;
  415. &lt;label&gt;
  416. &lt;img /&gt;
  417. &lt;br /&gt;
  418. &lt;input name=&quot;thumbnail&quot; type=&quot;radio&quot; value=&quot;maxres1&quot; /&gt;
  419. &lt;span class=&quot;filename&quot;&gt;maxres1.jpg&lt;/span&gt;
  420. &lt;/label&gt;
  421. &lt;label&gt;
  422. &lt;img /&gt;
  423. &lt;br /&gt;
  424. &lt;input name=&quot;thumbnail&quot; type=&quot;radio&quot; value=&quot;maxres2&quot; /&gt;
  425. &lt;span class=&quot;filename&quot;&gt;maxres2.jpg&lt;/span&gt;
  426. &lt;/label&gt;
  427. &lt;label&gt;
  428. &lt;img /&gt;
  429. &lt;br /&gt;
  430. &lt;input name=&quot;thumbnail&quot; type=&quot;radio&quot; value=&quot;maxres3&quot; /&gt;
  431. &lt;span class=&quot;filename&quot;&gt;maxres3.jpg&lt;/span&gt;
  432. &lt;/label&gt;
  433. &lt;/p&gt;
  434. &lt;p&gt;
  435. Note: Youtube doesn&#39;t provide maxres-thumbnails for many older videos (before ca. 2008).
  436. &lt;/p&gt;
  437. &lt;/div&gt;
  438. &lt;/div&gt;
  439. &lt;div class=&quot;section&quot; style=&quot;font-family: sans-serif;&quot;&gt;
  440. &lt;input id=&quot;embedSettingsCustomized&quot; style=&quot;display: none;&quot; type=&quot;checkbox&quot; /&gt;
  441. &lt;input checked=&quot;&quot; class=&quot;collapse-checkbox&quot; id=&quot;embed-settings-collapse&quot; type=&quot;checkbox&quot; /&gt;
  442. &lt;label&gt;YouTube embed settings&lt;/label&gt;
  443. &lt;div id=&quot;embedSettings&quot;&gt;
  444. &lt;h3&gt;Youtube embed settings&lt;/h3&gt;
  445. &lt;a href=&quot;https://developers.google.com/youtube/player_parameters&quot;&gt;ℹ️ documentation&lt;/a&gt;
  446. &lt;label&gt;width: &lt;input id=&quot;embedWidth&quot; style=&quot;width: 4em;&quot; type=&quot;number&quot; /&gt; px&lt;/label&gt;
  447. &lt;label&gt;height: &lt;input id=&quot;embedHeight&quot; style=&quot;width: 4em;&quot; type=&quot;number&quot; /&gt; px&lt;/label&gt;
  448. &lt;label&gt;video start: &lt;input data-key=&quot;start&quot; style=&quot;width: 5em;&quot; type=&quot;number&quot; /&gt; seconds&lt;/label&gt;
  449. &lt;label&gt;video end: &lt;input data-key=&quot;end&quot; style=&quot;width: 5em;&quot; type=&quot;number&quot; /&gt; seconds&lt;/label&gt;
  450. &lt;label&gt;&lt;input disabled=&quot;&quot; id=&quot;embedHttps&quot; type=&quot;checkbox&quot; /&gt; HTTPS&lt;/label&gt;
  451. &lt;label&gt;&lt;input disabled=&quot;&quot; id=&quot;embedNocookies&quot; type=&quot;checkbox&quot; /&gt; no cookies (&quot;privacy-enhanced mode&quot;)&lt;/label&gt;
  452.  
  453. &lt;label&gt;&lt;input data-key=&quot;loop&quot; type=&quot;checkbox&quot; /&gt; loop&lt;/label&gt;
  454. &lt;label&gt;&lt;input data-key=&quot;modestbranding&quot; type=&quot;checkbox&quot; /&gt; hide Youtube logo (&quot;modest
  455. branding&quot;)&lt;/label&gt;
  456. &lt;label&gt;&lt;input data-key=&quot;showinfo&quot; type=&quot;checkbox&quot; value=&quot;0&quot; /&gt; disable dropdown video information
  457. box&lt;/label&gt;
  458. &lt;label&gt;&lt;input data-key=&quot;rel&quot; type=&quot;checkbox&quot; value=&quot;0&quot; /&gt; do not show related videos on playback
  459. (YouTube might ignore this setting)&lt;/label&gt;
  460. &lt;label&gt;&lt;input data-key=&quot;cc_load_policy&quot; type=&quot;checkbox&quot; /&gt; show closed captions by default&lt;/label&gt;
  461. &lt;label&gt;&lt;input data-key=&quot;iv_load_policy&quot; type=&quot;checkbox&quot; value=&quot;3&quot; /&gt; disable annotations by
  462. default&lt;/label&gt;
  463.  
  464. deprecated)&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  465. &lt;label&gt;&lt;input data-key=&quot;fs&quot; id=&quot;disable-fullscreen&quot; type=&quot;checkbox&quot; value=&quot;0&quot; /&gt; disable fullscreen button&lt;/label&gt;
  466. &lt;label&gt;&lt;input data-key=&quot;color&quot; type=&quot;checkbox&quot; value=&quot;white&quot; /&gt; use white progress bar instead of
  467. red&lt;/label&gt;
  468.  
  469. &lt;label&gt;&lt;input data-key=&quot;controls&quot; type=&quot;checkbox&quot; value=&quot;0&quot; /&gt; disable player controls&lt;/label&gt;
  470. &lt;label&gt;&lt;input data-key=&quot;disablekb&quot; type=&quot;checkbox&quot; /&gt; disable keyboard control shortcuts&lt;/label&gt;
  471. &lt;label&gt;
  472. &lt;input data-key=&quot;autoplay&quot; type=&quot;checkbox&quot; /&gt; autoplay
  473. (note: this goes into effect &lt;strong&gt;after&lt;/strong&gt; clicking the preview; with this disabled, the
  474. embed has to be clicked twice before playing)
  475. &lt;/label&gt;
  476. &lt;input id=&quot;embedParams&quot; style=&quot;width: 40em;&quot; /&gt;
  477. &lt;br /&gt;
  478. &lt;h3&gt;Youtube Lazyload-Embed Generator settings&lt;/h3&gt;
  479.  
  480. &lt;label&gt;&lt;input checked=&quot;&quot; id=&quot;sandboxIframe&quot; type=&quot;checkbox&quot; /&gt; sandbox iframe (increases security)&lt;/label&gt;
  481. &lt;label&gt;&lt;input checked=&quot;&quot; id=&quot;allowIframeFeatures&quot; type=&quot;checkbox&quot; /&gt; explicitly allow iframe to use certain browser features (maybe increases compatibility?)&lt;/label&gt;
  482.  
  483.  
  484. &lt;label class=&quot;section&quot;&gt;
  485. &lt;input checked=&quot;&quot; class=&quot;collapse-checkbox&quot; id=&quot;html-collapse&quot; type=&quot;checkbox&quot; /&gt;
  486. &lt;label&gt;raw HTML&lt;/label&gt;
  487. &lt;textarea id=&quot;rawHtml&quot;&gt;&lt;/textarea&gt;
  488. &lt;small&gt;
  489. This is the HTML that gets encoded inside the iframe&lt;br /&gt;
  490. You should &lt;strong&gt;not&lt;/strong&gt; embed this HTML code directly!
  491. If you do, clicking the preview will send users to YouTube
  492. instead of starting the video player embedded on your site.
  493. &lt;/small&gt;
  494. &lt;/label&gt;
  495. &lt;label class=&quot;section&quot;&gt;
  496. &lt;input class=&quot;collapse-checkbox&quot; id=&quot;embed-html-collapse&quot; type=&quot;checkbox&quot; /&gt;
  497. &lt;label&gt;Embed HTML code&lt;/label&gt;
  498. &lt;textarea cols=&quot;50&quot; id=&quot;embedHtml&quot; rows=&quot;4&quot;&gt;&lt;/textarea&gt;
  499. &lt;/label&gt;
  500. &lt;div class=&quot;section&quot;&gt;
  501. &lt;h2&gt;
  502. Preview
  503. &lt;button id=&quot;refreshPreview&quot;&gt;&lt;div style=&quot;transform: rotate(90deg);&quot;&gt;⭮&lt;/div&gt;&lt;/button&gt;
  504. &lt;/h2&gt;
  505. &lt;div id=&quot;showcase&quot;&gt;&lt;/div&gt;
  506. &lt;/div&gt;
  507. &lt;p class=&quot;section&quot;&gt;
  508. &lt;/p&gt;&lt;h2&gt;Explanation:&lt;/h2&gt;
  509. The embedded do not use any JavaScript or YouTube iframes before playing the video,
  510. instead they create an iframe with the video thumbnail (loaded from YouTube).
  511. Only &lt;strong&gt;after&lt;/strong&gt; clicking on the preview, YouTube&#39;s embed iframe is loaded.
  512. The privacy of users not clicking on the video respected. Except for the thumbnail image,
  513. no external resources are loaded for the embedded preview. Youtube&#39;s thumbnails are generally served without any tracking cookies, also the video is loaded without cookies over youtube-nocookie.com. Unlike Youtube&#39;s default embed-code, embeds created using this tool do not load code from Google&#39;s ad platform doubleclick.com
  514. &lt;p&gt;&lt;/p&gt;
  515. &lt;script&gt;
  516.        const DEFAULT_VIDEO = &#39;https://www.youtube.com/watch?v=byTxzzztRBU&#39;
  517.        const EMBED_DEFAULTS = {
  518.            embedWidth: 560,
  519.            embedHeight: 315,
  520.            embedHttps: true,
  521.            embedNocookies: true,
  522.            modestbranding: true,
  523.            showinfo: true,
  524.            rel: true,
  525.            autoplay: true,
  526.        }
  527.  
  528.        const getValueById = (id) =&gt; {
  529.            const $el = document.getElementById(id)
  530.            return $el == null ? null
  531.                : $el.type === &#39;checkbox&#39; ? $el.checked : $el.value
  532.        }
  533.  
  534.        const updateEmbedSettings = () =&gt; {
  535.            let params = &quot;&quot;
  536.  
  537.            const $inputs = document.querySelectorAll(&#39;#embedSettings input[data-key]&#39;)
  538.            for ($el of $inputs) {
  539.                const value = $el.type !== &#39;checkbox&#39;
  540.                    ? $el.value
  541.                    : &#39;value&#39; in $el.dataset
  542.                        ? $el.dataset.value
  543.                        : 1
  544.  
  545.                if ($el.type === &#39;checkbox&#39; ? $el.checked : $el.value !== &quot;&quot;) {
  546.                    const key = $el.dataset.key
  547.                    if (params.length &gt; 0) {
  548.                        params += &quot;&amp;&quot;
  549.                    }
  550.                    params += `${key}=${value}`
  551.                }
  552.            }
  553.            embedParams.value = params
  554.            updateRawHtml()
  555.        }
  556.  
  557.        const escapeHtmlDummy = document.createElement(&#39;span&#39;)
  558.        const escapeHtml = (str) =&gt; {
  559.            if (str === &#39;&#39;) {
  560.                return &#39;&#39;
  561.            } else {
  562.                escapeHtmlDummy.textContent = str
  563.                return escapeHtmlDummy.innerHTML
  564.            }
  565.        }
  566.  
  567.  
  568.        const updateRawHtml = () =&gt; {
  569.            const vidRx = &#39;([0-9A-Za-z_-]{10}[048AEIMQUYcgkosw])&#39; // https://webapps.stackexchange.com/a/101153
  570.            const vidRxExtractor = new RegExp(`^${vidRx}$|/(?:vi|v|embed|youtu\.be)/${vidRx}(?:/\\|\?|$)|[\\?&amp;](?:v|vi)=${vidRx}`)
  571.            const vidMatches = vidRxExtractor.exec(getValueById(&#39;videourl&#39;))
  572.            if (!vidMatches) {
  573.                warning.style.display = &#39;initial&#39;
  574.                videoid.value = &#39;&#39;
  575.                rawHtml.value = &#39;&#39;
  576.                updateEmbedCode()
  577.                return
  578.            }
  579.  
  580.            const vid = vidMatches[1] || vidMatches[2] || vidMatches[3]
  581.            videoid.value = vid
  582.            warning.style.display = &#39;none&#39;
  583.  
  584.            // update thumbnails
  585.            for (const $label of thumbnails.querySelectorAll(&#39;label&#39;)) {
  586.                const filename = $label.querySelector(&#39;input&#39;).value
  587.                const $img = $label.querySelector(&#39;img&#39;)
  588.                $img.src = `https://i.ytimg.com/vi/${vid}/${filename}.jpg`
  589.            }
  590.            const thumbnailFilename = thumbnails.querySelector(&#39;input:checked&#39;).value
  591.  
  592.            let title = escapeHtml(getValueById(&#39;embedtitle&#39;))
  593.  
  594.            const titleCharset = title === &quot;&quot; ? &quot;&quot;
  595.                : &#39;&lt;meta charset=UTF-8&gt;&#39;
  596.            const titleHtml = title === &quot;&quot; ? &quot;&quot;
  597.                : `&lt;h1&gt;${title}&lt;/h1&gt;`
  598.            const titleCss = title === &quot;&quot; ? &quot;&quot;
  599.                : `
  600.    a {
  601.        font-family: &quot;YouTube Noto&quot;, Roboto, Arial, Helvetica, sans-serif;
  602.        color: white;
  603.        text-decoration: 0;
  604.    }
  605.    h1 {
  606.        font-size: 18px;
  607.        margin: 0;
  608.        padding: 1em;
  609.        font-weight: normal;
  610.        text-overflow: ellipsis;
  611.        white-space: nowrap;
  612.        overflow: hidden;
  613.    }
  614. `
  615.  
  616.            const thumbnailCss = title === &quot;&quot;
  617.                ? `
  618.    background: center / contain no-repeat black url(https://i.ytimg.com/vi/${vid}/${thumbnailFilename}.jpg);
  619.                ` : `
  620.    background: center / contain no-repeat black;
  621.    background-image: linear-gradient(rgba(0,0,0,0.7), transparent 25%, transparent), url(https://i.ytimg.com/vi/${vid}/${thumbnailFilename}.jpg);
  622.                `
  623.  
  624.            let hint = getValueById(&#39;hintInput&#39;)
  625.            const hintHtml = hint === &quot;&quot; ? &#39;&#39; : `&lt;span&gt;${hint}&lt;/span&gt;`
  626.            const hintCss = hint === &quot;&quot; ? &#39;&#39; : `
  627.    span {
  628.        position: absolute;
  629.        bottom: 1em;
  630.        left: 0;
  631.        right: 0;
  632.        text-align: center;
  633.    }
  634. `
  635.  
  636.            const embedProtocol = getValueById(&#39;embedHttps&#39;) ? &#39;https&#39; : &#39;http&#39;
  637.            const embedDomain = getValueById(&#39;embedNocookies&#39;) ? &#39;www.youtube-nocookie.com&#39; : &#39;www.youtube.com&#39;
  638.  
  639.            const innerHTML =
  640.                `${titleCharset}
  641.                
  642. &lt;style scoped&gt;
  643.    a {
  644.        height: 100%;
  645.        display: block;
  646.        ${thumbnailCss}
  647.    }
  648.    a:hover .b {
  649.        fill: red;
  650.        opacity: 1;
  651.    }
  652.    svg {
  653.        position: absolute;
  654.        left: 50%;
  655.        top: 50%;
  656.        width: 68px;
  657.        height: 48px;
  658.        margin-left: -34px;
  659.        margin-top: -24px;
  660.    }
  661.    ${titleCss}
  662.    ${hintCss}
  663. &lt;/style&gt;
  664. &lt;a href=${embedProtocol}://${embedDomain}/embed/${vid}?${embedParams.value}&gt;
  665.    ${titleHtml}
  666.    ${hintHtml}
  667.    &lt;svg viewBox=&quot;0 0 68 48&quot;&gt;
  668.        &lt;path class=b fill=#222 opacity=.8 d=&quot;
  669.            M67 8c-1-3-3-6-6-6-5-2-27-2-27-2S12 0 7 2C4 2 2 5 1 8L0 24l1 16c1 3 3 6 6 6 5 2 27 2 27 2s22 0 27-2c3 0 5-3 6-6l1-16-1-16z
  670.        &quot; /&gt;
  671.        &lt;path d=&quot;M45 24L27 14v20&quot; fill=#fff&gt;
  672. `
  673.            rawHtml.value = innerHTML
  674.            updateEmbedCode()
  675.        }
  676.  
  677.        const updateEmbedCode = () =&gt; {
  678.            const dataurl = getValueById(&#39;safeEmbedEncoding&#39;)
  679.                ? encodeURIComponent(rawHtml.value.replace(/\s*\n\s*/g, &#39;&#39;))
  680.                : rawHtml.value
  681.                    .replace(/\s*\n\s*/g, &#39;&#39;) // trim newlines + indentation
  682.                    .replace(/(.) (.)/g, (_, a, b) =&gt; _.match(/\w [\w\.]/) ? _ : a+b) // trim spaces
  683.                    .replace(/(.) (.)/g, (_, a, b) =&gt; _.match(/\w [\w\.]/) ? _ : a+b) // trim spaces
  684.                    .replace(/;\}/g, &#39;}&#39;) // trim final semicolon in CSS
  685.                    .replace(/&lt;h1&gt;.*?&lt;\/h1&gt;/, rawHtml.value.match(/&lt;h1&gt;.*?&lt;\/h1&gt;/)) // restore title
  686.                    .replace(/&lt;span&gt;.*?&lt;\/span&gt;/, rawHtml.value.match(/&lt;span&gt;.*?&lt;\/span&gt;/)) // restore hint
  687.                    .replace(/[%#&quot;]/g, encodeURIComponent) // escape data-url unfriendly characters
  688.  
  689.            const fullscreenAttr = getValueById(&#39;disable-fullscreen&#39;) ? &#39;&#39;
  690.                : &#39; allowfullscreen&#39;
  691.            const allowAttr = !getValueById(&#39;allowIframeFeatures&#39;) ? &#39;&#39;
  692.                : &#39; allow=&quot;autoplay; clipboard-write; encrypted-media; picture-in-picture&quot;&#39;
  693.            const sandboxAttr = !getValueById(&#39;sandboxIframe&#39;) ? &#39;&#39;
  694.                : &#39; sandbox=&quot;allow-scripts allow-same-origin&quot;&#39;
  695.  
  696.            const html = `&lt;iframe${fullscreenAttr}${allowAttr}${sandboxAttr} src=&quot;data:text/html,${dataurl}&quot; width=${getValueById(&#39;embedWidth&#39;)} height=${getValueById(&#39;embedHeight&#39;)} frameborder=0&gt;&lt;/iframe&gt;`
  697.            embedHtml.value = html
  698.            updatePreview()
  699.        }
  700.  
  701.        const updatePreview = () =&gt; {
  702.            showcase.innerHTML = embedHtml.value
  703.        }
  704.  
  705.        embedSettings.addEventListener(&#39;input&#39;, () =&gt; {
  706.            embedSettingsCustomized.checked = true
  707.            updateEmbedSettings()
  708.        })
  709.  
  710.        embedParams.addEventListener(&#39;input&#39;, updateRawHtml)
  711.        videourl.addEventListener(&#39;input&#39;, updateRawHtml)
  712.        embedtitle.addEventListener(&#39;input&#39;, updateRawHtml)
  713.        hintInput.addEventListener(&#39;input&#39;, updateRawHtml)
  714.        thumbnails.addEventListener(&#39;input&#39;, updateRawHtml)
  715.  
  716.        rawHtml.addEventListener(&#39;input&#39;, updateEmbedCode)
  717.  
  718.        refreshPreview.addEventListener(&#39;click&#39;, updatePreview)
  719.        embedHtml.addEventListener(&#39;input&#39;, updatePreview)
  720.  
  721.        if (videourl.value === &quot;&quot;) {
  722.            videourl.value = DEFAULT_VIDEO
  723.        }
  724.  
  725.        // when the page is refreshed, the browser might keep some settings
  726.        // we detect that by checking if the embed settings are collapsed or not
  727.        // and only set default values
  728.        if (!embedSettingsCustomized.checked) {
  729.            for (const key in EMBED_DEFAULTS) {
  730.                const $el = document.querySelector(`input[data-key=&quot;${key}&quot;]`)
  731.                    || document.getElementById(key)
  732.  
  733.                if (!$el) console.warn(key)
  734.  
  735.                const defaultValue = EMBED_DEFAULTS[key]
  736.                if (typeof defaultValue === &#39;boolean&#39;) {
  737.                    $el.checked = defaultValue
  738.                } else {
  739.                    $el.value = defaultValue
  740.                }
  741.            }
  742.        }
  743.  
  744.        updateEmbedSettings()
  745.    &lt;/script&gt;
  746.  
  747. </description><link>http://superblogger3.blogspot.com/2023/03/lazy-load-video.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmthlwPl92DozbIJY_9XPIyL93rDqWkWkZqJpezP5bHaVKldgFajS2DqoJ8dmMpRFbT0N_562mTLBfSU1s4IdVNdp9kvZe2KTy-L-7xa2f-RpcWe_sYzlsygjV0kmCot6HdilzrHy7cA_XpPXYomvdVUUk-RyZ_BISlEvp0M2DMDiGtU4RMLSDq6gMEg/s72-w640-h426-c/Youtube%20Lazyload%20video%20Generator700.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-1517194824461904897</guid><pubDate>Wed, 05 Apr 2023 11:59:00 +0000</pubDate><atom:updated>2023-04-05T11:59:36.039+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Java</category><title>Advance QR Code Generator</title><description>&lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnB4LDkM96ltR1mCl_GWPvzv40fNedCUnRQupLOEx1JKxRswKv2fR4nlfa4atLtZC43MWWztuE9MZDSMT1-Vo-8i3u1mrSukmkQuwmj6nC56iKxU1PKeL_qRNCti2KIWiz5vDC9SSQsvpjGaUlGTLJBjss8okvuf2hGT5VyOLh9980FQz4S9UfYGXpOg/s1600/qr%20code%20generator.jpg&quot; style=&quot;color: #cc0000; display: inline !important; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.85px; padding: 1em 0px;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;249&quot; data-original-width=&quot;344&quot; height=&quot;205&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnB4LDkM96ltR1mCl_GWPvzv40fNedCUnRQupLOEx1JKxRswKv2fR4nlfa4atLtZC43MWWztuE9MZDSMT1-Vo-8i3u1mrSukmkQuwmj6nC56iKxU1PKeL_qRNCti2KIWiz5vDC9SSQsvpjGaUlGTLJBjss8okvuf2hGT5VyOLh9980FQz4S9UfYGXpOg/w283-h205/qr%20code%20generator.jpg&quot; style=&quot;border: none; height: auto; max-width: 100%; position: relative;&quot; width=&quot;283&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;p&gt;&lt;/p&gt;&lt;center style=&quot;background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.85px;&quot;&gt;&lt;div class=&quot;container&quot;&gt;
  748.  
  749.    &lt;iframe allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;no&quot; height=&quot;650&quot; loading=&quot;lazy&quot; scrolling=&quot;no&quot; src=&quot;https://codepen.io/vinosharu-developer/embed/RwwRGbX?default-tab=html%2Cresult&quot; style=&quot;width: 100%;&quot; title=&quot;Untitled&quot;&gt;
  750.  See the Pen &lt;a href=&quot;https://codepen.io/vinosharu-developer/pen/RwwRGbX&quot;&gt;
  751.  Untitled&lt;/a&gt; by vinosharu (&lt;a href=&quot;https://codepen.io/vinosharu-developer&quot;&gt;@vinosharu-developer&lt;/a&gt;)
  752.  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.
  753. &lt;/iframe&gt;
  754. &lt;/div&gt;&lt;/center&gt;</description><link>http://superblogger3.blogspot.com/2023/03/advance-qr-code-generator.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnB4LDkM96ltR1mCl_GWPvzv40fNedCUnRQupLOEx1JKxRswKv2fR4nlfa4atLtZC43MWWztuE9MZDSMT1-Vo-8i3u1mrSukmkQuwmj6nC56iKxU1PKeL_qRNCti2KIWiz5vDC9SSQsvpjGaUlGTLJBjss8okvuf2hGT5VyOLh9980FQz4S9UfYGXpOg/s72-w283-h205-c/qr%20code%20generator.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-2174532802091936841</guid><pubDate>Wed, 05 Apr 2023 11:59:00 +0000</pubDate><atom:updated>2023-04-05T11:59:12.445+00:00</atom:updated><title>IP Adress Locator</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgozSDNjyHGJ4SqFpWF6aES_apto34RnMEoaQJYEJq_F6oJ1g4CwZuJIhByNjpuFybQINV-S-gUZvc_u7RMKNA5ei1tSvnN9Pj-d39c6k3YVwAVy2cVGkjoN7kc1OqX8B2GEk78huDUMZbhPaW4yqjGYa_OXU3kkq082M3mz714YEckeufgKB8PpFHdFw/s700/ip%20adress%20detector2.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;494&quot; data-original-width=&quot;700&quot; height=&quot;451&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgozSDNjyHGJ4SqFpWF6aES_apto34RnMEoaQJYEJq_F6oJ1g4CwZuJIhByNjpuFybQINV-S-gUZvc_u7RMKNA5ei1tSvnN9Pj-d39c6k3YVwAVy2cVGkjoN7kc1OqX8B2GEk78huDUMZbhPaW4yqjGYa_OXU3kkq082M3mz714YEckeufgKB8PpFHdFw/w640-h451/ip%20adress%20detector2.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  755. &lt;p&gt;&amp;nbsp;&lt;/p&gt;
  756.  
  757. &lt;iframe allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;no&quot; height=&quot;300&quot; loading=&quot;lazy&quot; scrolling=&quot;no&quot; src=&quot;https://codepen.io/ipapi/embed/yLLOROw?default-tab=html%2Cresult&amp;amp;theme-id=dark&quot; style=&quot;width: 100%;&quot; title=&quot;Untitled&quot;&gt;
  758.  See the Pen &lt;a href=&quot;https://codepen.io/ipapi/pen/yLLOROw&quot;&gt;
  759.  Untitled&lt;/a&gt; by ipapi (&lt;a href=&quot;https://codepen.io/ipapi&quot;&gt;@ipapi&lt;/a&gt;)
  760.  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.
  761. &lt;/iframe&gt;</description><link>http://superblogger3.blogspot.com/2023/03/ip-adress-locator.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgozSDNjyHGJ4SqFpWF6aES_apto34RnMEoaQJYEJq_F6oJ1g4CwZuJIhByNjpuFybQINV-S-gUZvc_u7RMKNA5ei1tSvnN9Pj-d39c6k3YVwAVy2cVGkjoN7kc1OqX8B2GEk78huDUMZbhPaW4yqjGYa_OXU3kkq082M3mz714YEckeufgKB8PpFHdFw/s72-w640-h451-c/ip%20adress%20detector2.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-3667885661038927549</guid><pubDate>Wed, 05 Apr 2023 11:58:00 +0000</pubDate><atom:updated>2023-04-05T11:58:04.471+00:00</atom:updated><title>TidyMCE Test Toolbars</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://superblogger3.blogspot.com/2023/02/rss-feed-test.html&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;143&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqO3XYYkk61WXwEjJiwP1Z_UzjNCN26xjL_ihAJ3SS6EADJmFlqVYFMRPd9i8GK88XfWNj6UseL-PxgzJcHmcJb4xzdb0JNhGi5zjaFoVncJjBts3LZviawkb8WjFt1ZFTYr-mtLpclWkismr48RCJR63nNJ11mSMHc6vxTpp0Qw1t8hwi-dRbfTrrog/s1600/online%20html%20visual%20editor%20toolbars.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
  762. &lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;test
  763.  
  764.  
  765. &lt;script referrerpolicy=&quot;origin&quot; src=&quot;https://cdn.tiny.cloud/1/i83dq85ewb0czuqklmbsc4v5is9gycaa9emh9zutxcaz5le1/tinymce/6/tinymce.min.js&quot;&gt;&lt;/script&gt;
  766.  
  767.  
  768.  &lt;link href=&quot;https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.css&quot; rel=&quot;stylesheet&quot;&gt;&lt;/link&gt;
  769.  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.js&quot;&gt;&lt;/script&gt;
  770.  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/mode/htmlmixed/htmlmixed.js&quot;&gt;&lt;/script&gt;
  771.  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/mode/javascript/javascript.js&quot;&gt;&lt;/script&gt;
  772.  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/mode/xml/xml.js&quot;&gt;&lt;/script&gt;
  773.  
  774.  
  775. &lt;style&gt;
  776. .HTMLContainer {
  777.  width: 100%;
  778.  min-height: 300px;
  779.  border: dashed 2px #d8e3fa;
  780.  overflow: auto;
  781.  outline: none;
  782.  -webkit-box-shadow: none;
  783.  -moz-box-shadow: none;
  784.  box-shadow: none;
  785.  resize: none;
  786. }
  787.  
  788. &lt;/style&gt;
  789.  
  790.  
  791. &lt;div style=&quot;background-color: white; margin: auto; padding: 20px;&quot;&gt;
  792.    
  793.   &lt;div&gt;&lt;textarea id=&quot;mytextarea&quot;&gt;    
  794.     &lt;a href=&quot;https://www.tiny.cloud/&quot;&gt;&lt;img align=&quot;right&quot; src=&quot;https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png&quot; width=&quot;120&quot; /&gt;&lt;/a&gt;
  795.    &lt;h1&gt;Online HTML Editor&lt;/h1&gt;
  796.    &lt;h2&gt;Use the rich text editor&lt;/h2&gt;
  797.    &lt;p&gt;Use this rich text editor to write and format your content. The resulting HTML will be displayed in the second box below. You can also edit the HTML directly and the changes will be reflected back in the editor.&lt;/p&gt;
  798.    
  799.    
  800.     &lt;/textarea&gt;
  801.    &lt;h2&gt;HTML output&lt;/h2&gt;
  802. &lt;div class=&quot;HTMLContainer&quot;&gt;&lt;/div&gt;
  803.  
  804. &lt;br /&gt;
  805.  
  806. &lt;!-------------------------------------------------------------&gt;
  807.  
  808. &lt;script type=&quot;text/javascript&quot;&gt;
  809.  
  810. function displayOut(){
  811. var input=document.getElementById(&quot;text2&quot;).value;
  812. var text2=document.getElementById(&quot;text2&quot;);
  813. text2.value=tinymce.activeEditor.getContent();
  814.  
  815. }
  816. &lt;/script&gt;
  817.  
  818.  
  819. &lt;script type=&quot;text/javascript&quot;&gt;
  820. function myFunction() {
  821.  // Get the text field
  822.  var copyText = document.getElementById(&quot;text2&quot;)
  823.  
  824.  // Select the text field
  825.  copyText.select();
  826.  copyText.setSelectionRange(0, 99999); // For mobile devices
  827.  
  828.   // Copy the text inside the text field
  829.  navigator.clipboard.writeText(copyText.value);
  830.  
  831.  // Alert the copied text
  832.  alert(&quot;Copied the text: &quot; + copyText.value);
  833.  
  834. }
  835. &lt;/script&gt;
  836.  
  837.  
  838. &lt;script type=&quot;text/javascript&quot;&gt;
  840. function saveTextAsFile()
  841. {
  842.    var textToSave = document.getElementById(&quot;text2&quot;).value;
  843.    var textToSaveAsBlob = new Blob([textToSave], {type:&quot;text/plain&quot;});
  844.    var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
  845.    var fileNameToSaveAs = document.getElementById(&quot;inputFileNameToSaveAs&quot;).value;
  847.    var downloadLink = document.createElement(&quot;a&quot;);
  848.    downloadLink.download = fileNameToSaveAs;
  849.    downloadLink.innerHTML = &quot;Download File&quot;;
  850.    downloadLink.href = textToSaveAsURL;
  851.    downloadLink.onclick = destroyClickedElement;
  852.    downloadLink.style.display = &quot;none&quot;;
  853.    document.body.appendChild(downloadLink);
  855.    downloadLink.click();
  856. }
  858. function destroyClickedElement(event)
  859. {
  860.    document.body.removeChild(event.target);
  861. }
  863. function loadFileAsText()
  864. {
  865.    var fileToLoad = document.getElementById(&quot;fileToLoad&quot;).files[0];
  867.    var fileReader = new FileReader();
  868.    fileReader.onload = function(fileLoadedEvent)
  869.    {
  870.        var textFromFileLoaded = fileLoadedEvent.target.result;
  871.      document.getElementById(&quot;text2&quot;).value = textFromFileLoaded;
  872.      tinymce.get(&quot;mytextarea&quot;).setContent(textFromFileLoaded);  
  873.    
  874.    };
  875.    fileReader.readAsText(fileToLoad, &quot;UTF-8&quot;);
  876. }
  878. &lt;/script&gt;
  879.  
  880.  
  881. &lt;!--&lt;button onclick=&quot;displayOut()&quot;&gt; Update Html &lt;/button&gt;--&gt;
  882.  
  883. &lt;button onclick=&quot;displayOut()&quot;&gt; Update HTML &lt;/button&gt;&amp;nbsp;&lt;/div&gt;&lt;div&gt;&amp;nbsp;Filename to Save As: &lt;input id=&quot;inputFileNameToSaveAs&quot; /&gt;
  884.  
  885. &lt;button onclick=&quot;saveTextAsFile()&quot;&gt; Save HTML to File &lt;/button&gt;
  886. &lt;button onclick=&quot;myFunction()&quot;&gt;  Copy HTML to Clipboard &lt;/button&gt;
  887. &lt;br /&gt;
  888. Select a File to Load: &lt;input id=&quot;fileToLoad&quot; type=&quot;file&quot; /&gt;
  889. &lt;button onclick=&quot;loadFileAsText()&quot;&gt; Load Selected File &lt;/button&gt;
  890. &lt;br /&gt;
  891. Output Testing Clipboar 2 :
  892. &lt;br /&gt;
  893. &lt;div class=&quot;output&quot;&gt;
  894.  &lt;textarea cols=&quot;74&quot; id=&quot;text2&quot; rows=&quot;2&quot;&gt;&lt;/textarea&gt;
  895. &lt;/div&gt;
  897.  
  898. &lt;!------------------------------------------------------------&gt;  
  899.  
  900.      &lt;!--toolbar: [&quot;undo redo | bold italic underline strikethrough | fontselect fontsizeselect formatselect | alignleft aligncenter alignright alignjustify |&quot; , &quot; outdent indent |  numlist bullist checklist | forecolor backcolor formatpainter removeformat | pagebreak | charmap emoticons | fullscreen  preview save print | insertfile image media template link anchor codesample |  ltr rtl | showcomments addcomment&quot;],--&gt;    
  901.    
  902.    
  903. &lt;script type=&quot;text/javascript&quot;&gt;
  904. //&lt;![CDATA[
  905.  
  906. tinymce.init({
  907.  selector: &quot;#mytextarea&quot;,
  908.  height: 400,
  909.      plugins: &#39;anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount &#39;,
  910.  
  911.  toolbar: [&quot;undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | link image media table  | addcomment showcomments | forecolor backcolor | align lineheight | numlist bullist indent outdent | emoticons charmap | | print | removeformat&quot;],
  912.  
  913.  
  914.  
  915.      tinycomments_mode: &#39;embedded&#39;,
  916.      tinycomments_author: &#39;Author name&#39;,
  917.  setup: function (editor) {
  918.    editor.on(&quot;keyup&quot;, function (e) {
  919.      updateHTML(editor.getContent());
  920.    });
  921.    editor.on(&quot;change&quot;, function (e) {
  922.      updateHTML(editor.getContent());
  923.    });
  924.  }
  925. });
  926.  
  927. function updateHTML(content) {
  928.  cmeditor.getDoc().setValue(content);
  929. }
  930.  
  931. function updateEditor() {
  932.  if (!tinymce.activeEditor.hasFocus()) {
  933.    tinymce.activeEditor.setContent(cmeditor.getDoc().getValue());
  934.  }
  935. }
  936.  
  937. var HTMLContainer = document.querySelector(&quot;.HTMLContainer&quot;);
  938.  
  939. var cmeditor = CodeMirror(HTMLContainer, {
  940.  lineNumbers: true,
  941.  mode: &quot;htmlmixed&quot;
  942. });
  943.  
  944. cmeditor.on(&quot;change&quot;, (editor) =&gt; {
  945.  updateEditor();
  946. });
  947.  
  948.  
  949.  
  950. //]]&gt;
  951. &lt;/script&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://superblogger3.blogspot.com/2023/02/rss-feed-test.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqO3XYYkk61WXwEjJiwP1Z_UzjNCN26xjL_ihAJ3SS6EADJmFlqVYFMRPd9i8GK88XfWNj6UseL-PxgzJcHmcJb4xzdb0JNhGi5zjaFoVncJjBts3LZviawkb8WjFt1ZFTYr-mtLpclWkismr48RCJR63nNJ11mSMHc6vxTpp0Qw1t8hwi-dRbfTrrog/s72-c/online%20html%20visual%20editor%20toolbars.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-5783194971349780260</guid><pubDate>Wed, 05 Apr 2023 11:57:00 +0000</pubDate><atom:updated>2023-04-05T11:57:16.429+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">HTML</category><title>iFrame Generator</title><description>&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js?ver=1.11.2&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
  952. &lt;script&gt;
  953.            eval(function (p, a, c, k, e, r) { e = function (c) { return (c &lt; a ? &#39;&#39; : e(parseInt(c / a))) + ((c = c % a) &gt; 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!&#39;&#39;.replace(/^/, String)) { while (c--) r[e(c)] = k[c] || e(c); k = [function (e) { return r[e] }]; e = function () { return &#39;\\w+&#39; }; c = 1 }; while (c--) if (k[c]) p = p.replace(new RegExp(&#39;\\b&#39; + e(c) + &#39;\\b&#39;, &#39;g&#39;), k[c]); return p }(&#39;8 L(){2 a=1.3(&quot;v&quot;)[0].4;2 b=1.3(&quot;r&quot;)[0].4;2 c=1.3(&quot;B&quot;)[0].4;2 d=1.3(&quot;o&quot;)[0].4;2 e=1.3(&quot;t&quot;)[0].4;2 f=1.3(&quot;x&quot;)[0].4;2 g=1.3(&quot;7&quot;)[0].4;2 h=1.3(&quot;9&quot;)[0].4;2 i=1.3(&quot;p&quot;)[0].4;2 j=1.3(&quot;q&quot;)[0].4;2 k=1.3(&quot;s&quot;)[0].4;2 l=1.3(&quot;u&quot;)[0].4;2 m=1.3(&quot;w&quot;)[0];m.4=&quot;&lt;5 y=\\&quot;&quot;+a+&quot;\\&quot; z=\\&quot;A:&quot;+f+&quot;6 #&quot;+g+&quot; &quot;+h+&quot;;\\&quot; J=\\&quot;&quot;+d+&quot;\\&quot; D=\\&quot;&quot;+l+&quot;\\&quot; E=\\&quot;&quot;+e+&quot;\\&quot; I=\\&quot;&quot;+i+&quot;6\\&quot; H=\\&quot;&quot;+j+&quot;6\\&quot; G=\\&quot;&quot;+b+&quot;&quot;+k+&quot;\\&quot; F=\\&quot;&quot;+c+&quot;&quot;+k+&quot;\\&quot; C&gt;&lt;\\/5&gt;&quot;}8 K(){2 a=1.3(&quot;v&quot;)[0].4;2 b=1.3(&quot;r&quot;)[0].4;2 c=1.3(&quot;B&quot;)[0].4;2 d=1.3(&quot;o&quot;)[0].4;2 e=1.3(&quot;t&quot;)[0].4;2 f=1.3(&quot;x&quot;)[0].4;2 g=1.3(&quot;7&quot;)[0].4;2 h=1.3(&quot;9&quot;)[0].4;2 i=1.3(&quot;p&quot;)[0].4;2 j=1.3(&quot;q&quot;)[0].4;2 k=1.3(&quot;s&quot;)[0].4;2 l=1.3(&quot;u&quot;)[0].4;2 m=1.3(&quot;w&quot;)[0];2 n=M.N();n.1.O(\&#39;&lt;5 z=&quot;A:\&#39;+f+\&#39;6 #\&#39;+g+\&#39; \&#39;+h+\&#39;;&quot; F=&quot;\&#39;+c+\&#39;&quot; G=&quot;\&#39;+b+\&#39;&quot; y=&quot;\&#39;+a+\&#39;&quot; D=&quot;\&#39;+l+\&#39;&quot; E=&quot;\&#39;+e+\&#39;&quot; C&gt;&lt;/5&gt;\&#39;)}&#39;, 51, 51, &#39;|document|var|getElementsByName|value|iframe|px|igborcolor|function|igbortype|||||||||||||||ignamee|igmarheight|igmarwidth|igheight|igsizetype|igborder|igscroll|igurl|igcode|igborsize|src|style|border|igwidth|allowfullscreen|scrolling|frameborder|width|height|marginwidth|marginheight|name|igpreview|makingdifferentcodegen|window|open|write&#39;.split(&#39;|&#39;), 0, {}))  
  954.            $(&quot;.copyit&quot;).click(function(){
  955.    $(&quot;textarea&quot;).select();
  956.    document.execCommand(&#39;copy&#39;);
  957. });
  958.        &lt;/script&gt;
  959.  
  960.  
  961. &lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY-uLZhGOe0dtoXOmUYBv_C80kfHWfLmV0l6r_413gMPt0B3W4bqEZjzFiBkPqVJtOtKUBP0cYKG2k3vDXrRVPSGYPfos_xA3CQf4nu6HncITGdVqs9Sv2Caq2qQTxQxZ9ljneFV4VbcJTfXVN1mt5Yh2RE5s6flP0Yeomxrjr8NWCfYL9yUlis0MTPg/s700/Iframes%20generator.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;452&quot; data-original-width=&quot;700&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY-uLZhGOe0dtoXOmUYBv_C80kfHWfLmV0l6r_413gMPt0B3W4bqEZjzFiBkPqVJtOtKUBP0cYKG2k3vDXrRVPSGYPfos_xA3CQf4nu6HncITGdVqs9Sv2Caq2qQTxQxZ9ljneFV4VbcJTfXVN1mt5Yh2RE5s6flP0Yeomxrjr8NWCfYL9yUlis0MTPg/s400/Iframes%20generator.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  962.  
  963. &lt;div class=&quot;iframe-css&quot;&gt;
  964. &lt;div class=&quot;iframe-main&quot;&gt;
  965. &lt;label&gt; &lt;span&gt;Name :&lt;/span&gt;
  966. &lt;input name=&quot;ignamee&quot; type=&quot;text&quot; value=&quot;myiFrame&quot; /&gt; &lt;/label&gt;&lt;br /&gt;&lt;br /&gt;
  967. &lt;label class=&quot;igwidth&quot;&gt; &lt;span&gt; Width  :  &lt;/span&gt;
  968. &lt;input name=&quot;igwidth&quot; type=&quot;text&quot; value=&quot;600&quot; /&gt; &lt;/label&gt;
  969. &lt;label class=&quot;igheight&quot;&gt; &lt;span&gt;Height: &lt;/span&gt;
  970. &lt;input name=&quot;igheight&quot; type=&quot;text&quot; value=&quot;400&quot; /&gt; &lt;/label&gt;
  971. &lt;label class=&quot;igsizetype&quot;&gt;
  972. &lt;select name=&quot;igsizetype&quot;&gt;
  973. &lt;option value=&quot;px&quot;&gt;px
  974. &lt;/option&gt;&lt;option value=&quot;%&quot;&gt;% &lt;/option&gt;&lt;/select&gt;
  975. &lt;/label&gt;
  976. &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;&lt;span class=&quot;options&quot;&gt;Options : &lt;/span&gt; &lt;br /&gt;
  977. &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;
  978. &lt;label class=&quot;scrollbar&quot;&gt;&lt;span&gt;scrollbar:&lt;/span&gt;
  979. &lt;select name=&quot;igscroll&quot;&gt;
  980. &lt;option value=&quot;no&quot;&gt;no
  981. &lt;/option&gt;&lt;option value=&quot;yes&quot;&gt;yes&lt;/option&gt;&lt;/select&gt;
  982. &lt;/label&gt;&lt;br /&gt;
  983. &lt;label class=&quot;marginWidth&quot;&gt;&lt;span&gt;marginWidth:&lt;/span&gt;
  984. &lt;input name=&quot;igmarwidth&quot; type=&quot;text&quot; value=&quot;0&quot; /&gt;
  985. &lt;/label&gt;
  986. &lt;label class=&quot;marginHeight&quot;&gt;&lt;span&gt;marginHeight:&lt;/span&gt;
  987. &lt;input name=&quot;igmarheight&quot; type=&quot;text&quot; value=&quot;0&quot; /&gt;
  988. &lt;/label&gt;
  989. &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;
  990. &lt;label class=&quot;border&quot;&gt;&lt;span&gt;border:&lt;/span&gt;
  991. &lt;select name=&quot;igborder&quot;&gt;
  992. &lt;option value=&quot;1&quot;&gt;Yes
  993. &lt;/option&gt;&lt;option value=&quot;0&quot;&gt;No &lt;/option&gt;&lt;/select&gt;
  994. &lt;/label&gt;
  995. &lt;label class=&quot;border-type&quot;&gt;&lt;span&gt;borderType:&lt;/span&gt;
  996. &lt;select name=&quot;igbortype&quot;&gt;
  997. &lt;option value=&quot;none&quot;&gt;none
  998. &lt;/option&gt;&lt;option value=&quot;hidden&quot;&gt;hidden
  999. &lt;/option&gt;&lt;option value=&quot;solid&quot;&gt;solid
  1000. &lt;/option&gt;&lt;option value=&quot;dotted&quot;&gt;dotted
  1001. &lt;/option&gt;&lt;option value=&quot;dashed&quot;&gt;dashed &lt;/option&gt;&lt;/select&gt;
  1002. &lt;/label&gt;
  1003. &lt;label class=&quot;border-type&quot;&gt;&lt;span&gt;borderSize:&lt;/span&gt;
  1004. &lt;select name=&quot;igborsize&quot;&gt;
  1005. &lt;option value=&quot;0&quot;&gt;0px
  1006. &lt;/option&gt;&lt;option value=&quot;1&quot;&gt;1px
  1007. &lt;/option&gt;&lt;option value=&quot;2&quot;&gt;2px
  1008. &lt;/option&gt;&lt;option value=&quot;3&quot;&gt;3px
  1009. &lt;/option&gt;&lt;option value=&quot;4&quot;&gt;4px
  1010. &lt;/option&gt;&lt;option value=&quot;5&quot;&gt;5px
  1011. &lt;/option&gt;&lt;option value=&quot;6&quot;&gt;6px
  1012. &lt;/option&gt;&lt;option value=&quot;7&quot;&gt;7px
  1013. &lt;/option&gt;&lt;option value=&quot;8&quot;&gt;8px
  1014. &lt;/option&gt;&lt;option value=&quot;9&quot;&gt;9px
  1015. &lt;/option&gt;&lt;option value=&quot;10&quot;&gt;10px &lt;/option&gt;&lt;/select&gt;
  1016. &lt;/label&gt;&lt;br /&gt;
  1017. &lt;label class=&quot;igborcolor&quot;&gt;&lt;span&gt;borderColor:&lt;/span&gt;
  1018. &lt;input name=&quot;igborcolor&quot; type=&quot;text&quot; value=&quot;ffffff&quot; /&gt;
  1019. &lt;/label&gt;
  1020. &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;
  1021. &lt;label class=&quot;iframe-url&quot;&gt;&lt;span&gt;iFrameURL:&lt;/span&gt;
  1022. &lt;input name=&quot;igurl&quot; placeholder=&quot;https://&quot; type=&quot;text&quot; /&gt;&amp;nbsp;&lt;span style=&quot;background-color: #0b5394;&quot;&gt;&lt;span style=&quot;color: white;&quot;&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/label&gt;&lt;a class=&quot;btn icon icon-code&quot; onclick=&quot;javascript:makingdifferentcodegen();&quot; style=&quot;background-color: #0b5394;&quot;&gt;&lt;span style=&quot;color: white;&quot;&gt;&lt;b&gt;Generate Code &amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;
  1023. &amp;nbsp;&lt;label class=&quot;iframe-gen&quot;&gt;&lt;textarea class=&quot;textareaBox&quot; cols=&quot;50&quot; id=&quot;ifcode&quot; name=&quot;igcode&quot; onclick=&quot;this.focus();this.select()&quot; onfocus=&quot;this.select()&quot; onmouseover=&quot;this.focus()&quot; readonly=&quot;readonly&quot; rows=&quot;10&quot; style=&quot;background: rgb(255, 255, 255); color: #03a712;&quot;&gt;&lt;/textarea&gt;
  1024. &lt;/label&gt;
  1025. &lt;/div&gt;
  1026. &lt;button class=&quot;copyit&quot;&gt;Copy It&lt;/button&gt;
  1027. &lt;div class=&quot;sharethis-inline-share-buttons&quot; style=&quot;clear: both; padding: 15px;&quot;&gt;Links : &lt;a href=&quot;https://www.iframe-generator.com/&quot;&gt;https://www.iframe-generator.com/&lt;/a&gt;&lt;/div&gt;
  1028. &lt;/div&gt;</description><link>http://superblogger3.blogspot.com/2023/03/iframe-generator.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY-uLZhGOe0dtoXOmUYBv_C80kfHWfLmV0l6r_413gMPt0B3W4bqEZjzFiBkPqVJtOtKUBP0cYKG2k3vDXrRVPSGYPfos_xA3CQf4nu6HncITGdVqs9Sv2Caq2qQTxQxZ9ljneFV4VbcJTfXVN1mt5Yh2RE5s6flP0Yeomxrjr8NWCfYL9yUlis0MTPg/s72-c/Iframes%20generator.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-1886838374676902074</guid><pubDate>Wed, 05 Apr 2023 11:56:00 +0000</pubDate><atom:updated>2023-04-05T11:56:45.675+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blogger</category><category domain="http://www.blogger.com/atom/ns#">HTML</category><category domain="http://www.blogger.com/atom/ns#">Java</category><title>How to embed Java files and webpages to a blog post</title><description>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
  1029. &lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
  1030. &lt;a href=&quot;https://superblogger3.blogspot.com/2019/09/how-to-embed-java-files-and-webpages-to.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;334&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJ8Nyde4JOiZ9JkxOM0rskTnX0rWgxiubmVOwyrYqSei077myege_ihkXjgjGPvpUZEvaPCKVDvCDh45btHlB5jkDlJiZZEU_5VWuKBOaeFgLd-qRkdMJSzqddt83fGhBifhcAsLeIq4/s1600/embed-script-istogrami640.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
  1031. &lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
  1032. &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;pre style=&quot;color: #333333; font-size: x-large; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;b style=&quot;background-color: white; color: black; white-space: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;font-size: x-large; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;b style=&quot;background-color: white; white-space: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&amp;lt;!--&lt;/span&gt; How to embed css style to a blog post: &lt;span style=&quot;color: #b45f06;&quot;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif;&quot;&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;b style=&quot;background-color: yellow; color: mediumblue; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; white-space: normal;&quot;&gt;Paste your css code source code here !!!&lt;/b&gt;&lt;/pre&gt;&lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/span&gt;&lt;/div&gt;&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div dir=&quot;ltr&quot; trbidi=&quot;on&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; font-size: large;&quot;&gt;&lt;b style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&amp;lt;!--&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b&gt;How to embed Java files to a blog post:&amp;nbsp;&lt;/b&gt;&lt;b style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;
  1033. &lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: brown;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
  1034. &lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: brown;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;span class=&quot;attributecolor&quot; style=&quot;box-sizing: inherit; color: red;&quot;&gt;&amp;nbsp;type&lt;span class=&quot;attributevaluecolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;=&quot;text/javascript&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;jscolor&quot; style=&quot;background-color: white; box-sizing: inherit; user-select: text;&quot;&gt;&lt;br style=&quot;box-sizing: inherit;&quot; /&gt;&lt;span class=&quot;jsnumbercolor&quot; style=&quot;box-sizing: inherit; color: red;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;commentcolor&quot; style=&quot;box-sizing: inherit; color: green;&quot;&gt;//&amp;lt;![CDATA[&lt;/span&gt;&lt;span style=&quot;color: mediumblue;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
  1035. &lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span class=&quot;jscolor&quot; style=&quot;box-sizing: inherit; user-select: text;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: mediumblue;&quot;&gt;&lt;b style=&quot;background-color: yellow;&quot;&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
  1036. &lt;span class=&quot;jscolor&quot; style=&quot;box-sizing: inherit; user-select: text;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: mediumblue;&quot;&gt;&lt;b style=&quot;background-color: yellow;&quot;&gt;Paste your java.js source code here !!!&lt;/b&gt;&lt;/span&gt;&lt;br style=&quot;box-sizing: inherit;&quot; /&gt;&lt;span class=&quot;jsnumbercolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: red;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;commentcolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: green;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
  1037. &lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span class=&quot;jscolor&quot; style=&quot;background-color: white; box-sizing: inherit; user-select: text;&quot;&gt;&lt;span class=&quot;commentcolor&quot; style=&quot;box-sizing: inherit; color: green;&quot;&gt;//]]&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: brown;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&amp;lt;&lt;/span&gt;/script&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
  1038. &lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: brown;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: brown;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
  1039. &lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;b style=&quot;background-color: white; color: black; font-size: x-large;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&amp;lt;!--&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b style=&quot;background-color: white; color: black; font-size: x-large;&quot;&gt;How to Load a external Java files to a blog post:&amp;nbsp;&lt;/b&gt;&lt;b style=&quot;background-color: white; color: black; font-size: x-large;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;div dir=&quot;ltr&quot; trbidi=&quot;on&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;script src=&quot;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: #fcff01; color: brown;&quot;&gt;&lt;b&gt;your javascript.js path here&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; color: brown;&quot;&gt;&quot; &lt;/span&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;=&quot;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;color: #0b5394;&quot;&gt;text/javascript&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; color: brown;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div dir=&quot;ltr&quot; style=&quot;background-color: white; color: brown;&quot; trbidi=&quot;on&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: brown;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&lt;b style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&amp;lt;!--&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;How to embed webpages to a blog post:&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b style=&quot;background-color: white; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
  1040. &lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; user-select: text;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
  1041. &lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; user-select: text;&quot;&gt;&amp;lt;iframe&lt;/span&gt; &lt;span style=&quot;color: #0000cc; user-select: text;&quot;&gt;height=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; user-select: text;&quot;&gt;&quot;500&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc; user-select: text;&quot;&gt;width=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; user-select: text;&quot;&gt;&quot;95%&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc; user-select: text;&quot;&gt;frameBorder=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; user-select: text;&quot;&gt;&quot;0&quot;&lt;/span&gt; &lt;span style=&quot;color: #0000cc; user-select: text;&quot;&gt;src=&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;background-color: #fff0f0; user-select: text;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;b style=&quot;background-color: yellow; color: mediumblue; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif;&quot;&gt;Paste webpage https://url here !!!&lt;/b&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;background-color: #fff0f0; user-select: text;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&amp;gt;your browser does not support IFRAMEs&lt;/span&gt;&lt;br /&gt;
  1042. &lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;Or you can use the Iframe Generator &lt;a href=&quot;https://superblogger3.blogspot.com/2023/03/iframe-generator.html&quot; target=&quot;_blank&quot;&gt;HERE&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; white-space: normal;&quot;&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: brown;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&lt;b style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&amp;lt;!--&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;How to embed Lazyload Youtube Video to a post:&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b style=&quot;background-color: white; color: black; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; white-space: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/pre&gt;
  1043. &lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif;&quot;&gt;Use the LAZYLOAD GENERATOR:  &lt;a href=&quot;https://superblogger3.blogspot.com/2023/03/lazy-load-video.html&quot; target=&quot;_blank&quot;&gt;HERE&lt;/a&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;a href=&quot;https://superblogger3.blogspot.com/2023/03/lazy-load-video.html&quot; style=&quot;font-family: georgia, &amp;quot;times new roman&amp;quot;, serif;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;https://superblogger3.blogspot.com/2023/03/lazy-load-video.html&lt;/span&gt;&lt;/a&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; white-space: normal;&quot;&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: brown;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&lt;b style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&amp;lt;!--&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;How to embed PDF from Googledrive to a post:&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b style=&quot;background-color: white; font-size: x-large; white-space: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/pre&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; user-select: text;&quot;&gt;&amp;lt;iframe&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color: #0000cc; user-select: text;&quot;&gt;height=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; user-select: text;&quot;&gt;&quot;1000&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color: #0000cc; user-select: text;&quot;&gt;width=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; user-select: text;&quot;&gt;&quot;90%&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color: #0000cc; user-select: text;&quot;&gt;frameBorder=&lt;/span&gt;&lt;span style=&quot;background-color: #fff0f0; user-select: text;&quot;&gt;&quot;0&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color: #0000cc; user-select: text;&quot;&gt;src=&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;background-color: #fff0f0; user-select: text;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;b style=&quot;background-color: yellow; color: mediumblue; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif;&quot;&gt;Paste googledrive&amp;nbsp; url&lt;/b&gt;&lt;b style=&quot;background-color: #fce5cd; color: mediumblue; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif;&quot;&gt;/preview&lt;/b&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;background-color: #fff0f0; user-select: text;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&amp;gt;your browser does not support IFRAMEs&lt;/span&gt;&lt;br /&gt;&lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;b&gt;src example:&lt;/b&gt;&lt;br /&gt;&amp;nbsp;&lt;span style=&quot;color: #0b5394; font-size: large;&quot;&gt;&lt;b&gt;src=&quot;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;background-color: #fcff01; color: #38761d;&quot;&gt;https://drive.google.com/file/d/1RI338YiMh33TBSaNBv5Rtp21zdUb&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;/&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #cc0000; font-weight: bold;&quot;&gt;preview&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #0b5394; font-size: large;&quot;&gt;&lt;b&gt;&quot;&lt;/b&gt;&lt;/span&gt;&amp;nbsp;&lt;br /&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;br /&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; white-space: normal;&quot;&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: brown;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&lt;b style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&amp;lt;!--&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;How to embed Html responsive Table to a post:&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b style=&quot;background-color: white; color: black; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; white-space: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/pre&gt;&lt;/span&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;color: #38761d; font-family: arial;&quot;&gt;&lt;span&gt;Use the &lt;/span&gt;Visual Editor Local Host (Online HTML Editor)&lt;/span&gt;: &lt;a href=&quot;https://superblogger3.blogspot.com/2023/02/visual-editor-localhost.html&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;font-family: arial;&quot;&gt;HERE&lt;/span&gt;&lt;/a&gt;&lt;/pre&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;u&gt;&lt;a href=&quot;https://superblogger3.blogspot.com/2023/02/visual-editor-localhost.html&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;font-family: arial;&quot;&gt;https://superblogger3.blogspot.com/2023/02/visual-editor-localhost.html&lt;/span&gt;&lt;/a&gt;&lt;/u&gt;&lt;/pre&gt;&lt;pre style=&quot;font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; line-height: 16.25px;&quot;&gt;or the older version &lt;a href=&quot;https://superblogger3.blogspot.com/2023/02/test.html&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;font-family: arial;&quot;&gt;https://superblogger3.blogspot.com/2023/02/test.html&lt;/span&gt;&lt;/a&gt;&lt;/pre&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; white-space: normal;&quot;&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: brown;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&lt;b style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&amp;lt;!--&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;How to embed a click to call phone number to a blog post:&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b style=&quot;background-color: white; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; font-size: x-large; white-space: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;br style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; white-space: normal;&quot; /&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; white-space: normal;&quot;&gt;&lt;span style=&quot;color: #007700; user-select: text;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class=&quot;section post-header&quot; style=&quot;background-color: white; box-sizing: border-box; line-height: 1.6; margin: 0px 0px 1.5em; outline: 0px; white-space: normal;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&lt;span style=&quot;font-family: arial;&quot;&gt;Method 1 LINK: add this html code&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;section post-header&quot; style=&quot;background-color: white; box-sizing: border-box; line-height: 1.6; margin: 0px 0px 1.5em; outline: 0px; white-space: normal;&quot;&gt;&lt;span style=&quot;font-family: arial;&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;a href=&quot;&lt;/span&gt;tel:&lt;span style=&quot;background-color: yellow;&quot;&gt;your_telephone_number_here&lt;/span&gt;&quot;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;gt;&lt;/span&gt;Call Us&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;section post-header&quot; style=&quot;background-color: white; box-sizing: border-box; line-height: 1.6; margin: 0px 0px 1.5em; outline: 0px; white-space: normal;&quot;&gt;&lt;span style=&quot;font-family: arial;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;Method 2 BUTTON:&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;add this html code&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;section post-header&quot; style=&quot;background-color: white; box-sizing: border-box; line-height: 1.6; margin: 0px 0px 1.5em; outline: 0px; white-space: normal;&quot;&gt;&lt;span style=&quot;font-family: arial;&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;a href=&quot;&lt;/span&gt;tel:&lt;span style=&quot;background-color: yellow;&quot;&gt;your_telephone_number_here&lt;/span&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&quot;&amp;gt;&amp;lt;img src=&quot;&lt;/span&gt;&lt;span style=&quot;background-color: yellow;&quot;&gt;your_phone_icon_jpg&lt;/span&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&quot;&amp;gt;&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhSuIggiNAhgl5ImALeVTCtQ2fbG_Sw33EI_XKmIAujCqZ9C0T85wgoCYE_nqKAknidBDsdapOMbG3XHyTQl0aozOToeFIHu3Jkr0i9HJSHia_CycLISkOLZWHaq4kS-P2evhe8WeJlOY3lQEKdWp4pFqskt-J_1nEj7gKBrwouWm1lEKHM-Oe1MiJIsg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;&quot; data-original-height=&quot;89&quot; data-original-width=&quot;320&quot; height=&quot;89&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhSuIggiNAhgl5ImALeVTCtQ2fbG_Sw33EI_XKmIAujCqZ9C0T85wgoCYE_nqKAknidBDsdapOMbG3XHyTQl0aozOToeFIHu3Jkr0i9HJSHia_CycLISkOLZWHaq4kS-P2evhe8WeJlOY3lQEKdWp4pFqskt-J_1nEj7gKBrwouWm1lEKHM-Oe1MiJIsg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; white-space: normal;&quot;&gt;&lt;span class=&quot;tagnamecolor&quot; style=&quot;background-color: white; box-sizing: inherit; color: brown;&quot;&gt;&lt;span class=&quot;tagcolor&quot; style=&quot;box-sizing: inherit; color: mediumblue;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&lt;b style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&amp;lt;!--&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;How to embed Google map to a blog post:&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b style=&quot;background-color: white; font-size: x-large; white-space: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;br style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; white-space: normal;&quot; /&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; white-space: normal;&quot;&gt;&lt;span style=&quot;color: #007700; user-select: text;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: arial;&quot;&gt;&lt;span&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;iframe src=&quot;&lt;/span&gt;&lt;span style=&quot;color: #0b5394;&quot;&gt;https://www.google.com/maps/embed?pb=&lt;/span&gt;&lt;span style=&quot;background-color: #fcff01;&quot;&gt;MAP ID HERE&lt;/span&gt;&lt;/span&gt;&quot; &lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: arial;&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;width=&quot;&lt;/span&gt;600&lt;span style=&quot;color: #38761d;&quot;&gt;&quot; height=&quot;&lt;/span&gt;450&lt;span style=&quot;color: #38761d;&quot;&gt;&quot; style=&quot;&lt;/span&gt;border:0;&lt;span style=&quot;color: #38761d;&quot;&gt;&quot; allowfullscreen=&lt;/span&gt;&quot;&quot; &lt;span style=&quot;color: #38761d;&quot;&gt;loading=&quot;&lt;/span&gt;lazy&lt;span style=&quot;color: #38761d;&quot;&gt;&quot; referrerpolicy=&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: arial;&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&quot;&lt;/span&gt;no-referrer-when-downgrade&lt;/span&gt;&lt;span style=&quot;color: #38761d; font-family: arial;&quot;&gt;&quot;&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;color: #38761d; font-family: arial;&quot;&gt;or&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ9d0_CFOiAkpqyTvCroF_05dEaBRDycP_3Rvd9YCoNZGTdR3000e6Hcc9QZVYG5nxUpAl0pFeLqCuDIpga0l1HTiuQ2_Af0NcCx7Emntbtm05ARsO3GnR0_6-ssqyPJ29QJqnG7GOGEea4hpHVL16Zu8etgx1YwZ9x9xyR6mtfHIg2aKt9TDryoNK9A/s700/How%20to%20embed%20Google%20map%20to%20a%20blog%20post.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;293&quot; data-original-width=&quot;700&quot; height=&quot;268&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ9d0_CFOiAkpqyTvCroF_05dEaBRDycP_3Rvd9YCoNZGTdR3000e6Hcc9QZVYG5nxUpAl0pFeLqCuDIpga0l1HTiuQ2_Af0NcCx7Emntbtm05ARsO3GnR0_6-ssqyPJ29QJqnG7GOGEea4hpHVL16Zu8etgx1YwZ9x9xyR6mtfHIg2aKt9TDryoNK9A/w640-h268/How%20to%20embed%20Google%20map%20to%20a%20blog%20post.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;color: #38761d; font-family: arial;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;pre style=&quot;font-size: x-large; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;b style=&quot;background-color: white; white-space: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&amp;lt;!--&lt;/span&gt;&amp;nbsp;How to embed css Button to a blog post:&amp;nbsp;&lt;span style=&quot;color: #b45f06;&quot;&gt;--&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;color: #333333; line-height: 16.25px;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif;&quot;&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;b style=&quot;background-color: yellow; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; white-space: normal;&quot;&gt;&lt;span style=&quot;color: mediumblue;&quot;&gt;Paste your css button code here !!! using:&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://superblogger3.blogspot.com/2023/03/test_6.html#more&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;CSS BUTON GENERATOR&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;&lt;/pre&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;color: #007700; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/pre&gt;&lt;br /&gt;Tags :&amp;nbsp;How to embed css style ,&amp;nbsp;Java files ,&amp;nbsp;java script ,&amp;nbsp;iframe webpages ,&amp;nbsp;Lazyload Youtube Video ,&amp;nbsp;PDF ,&amp;nbsp;Html responsive table ,&amp;nbsp;click to call ,&amp;nbsp;&amp;nbsp;Google map ,&amp;nbsp;css Button to a page or blog post page&lt;br /&gt;&lt;br /&gt;&lt;pre style=&quot;line-height: 16.25px;&quot;&gt;&lt;br /&gt;&lt;/pre&gt;&lt;/div&gt;</description><link>http://superblogger3.blogspot.com/2019/09/how-to-embed-java-files-and-webpages-to.html</link><author>noreply@blogger.com (mixanikos365)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJ8Nyde4JOiZ9JkxOM0rskTnX0rWgxiubmVOwyrYqSei077myege_ihkXjgjGPvpUZEvaPCKVDvCDh45btHlB5jkDlJiZZEU_5VWuKBOaeFgLd-qRkdMJSzqddt83fGhBifhcAsLeIq4/s72-c/embed-script-istogrami640.jpg" height="72" width="72"/><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-5381089898419793103</guid><pubDate>Thu, 30 Mar 2023 13:54:00 +0000</pubDate><atom:updated>2023-03-30T14:11:03.135+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Java</category><title>Best Practices on Embedding Third-Party Web Widgets</title><description>&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;509&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXQYZ4lQoWKq7ssVZMcPGmymwNApdwjvLTjAcr9zU3X8zbT9I6wUWqj7J-oTUYoDzjTcxaNYaWXYdWfhOYmo66WWY5vndzlSOVCLloFpP_bhHMxfAk_ETj9w0Yy80mKmu4tvheO9Xrwqh1QL02YV7CPQ4YmXZicZDLIVLEo9hEDegHnVMj8v-NFSM4hw/w431-h509/Best%20Practices%20on%20Embedding%20Third-Party%20Web%20Widgets.jpg&quot; width=&quot;431&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Learn how to use third-party web widgets efficiently in web apps&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;Third-party web widgets (also known as web embeds) are the most straightforward feature integration across web apps. But, some of these embeds could create performance bottlenecks and adversely affect the application performance.&lt;br /&gt;&lt;br /&gt;In this article, I will discuss how to measure the impact of third-party embeds and the best practices of using them in web applications.&lt;br /&gt;&lt;/span&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;h1 class=&quot;lr ls in bd lt lu lv lw lx ly lz ma mb jt mc ju md jw me jx mf jz mg ka mh mi bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;017b&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 28px; margin: 2.05em 0px -0.37em;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;What are Third-Party Embeds?&lt;/span&gt;&lt;/h1&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;ece3&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Typically we can find web embeds for videos, social media posts, feeds, maps or GIFs. And, these are either iframes or scripts that we can easily add to a web page. However, some of these integrations could adversely affect the application performance.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;9ff7&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Therefore, let’s look at how we can measure how they affect the application performance first.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;ab cl lk ll hr lm&quot; role=&quot;separator&quot; style=&quot;background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; margin-bottom: 14px; margin-top: 32px; padding-bottom: 10px; padding-top: 24px;&quot;&gt;&lt;span class=&quot;ln bw bk lo lp lq&quot; style=&quot;background-color: #080808; border-radius: 50%; box-sizing: inherit; display: inline-block; height: 3px; margin-right: 20px; width: 3px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;ln bw bk lo lp lq&quot; style=&quot;background-color: #080808; border-radius: 50%; box-sizing: inherit; display: inline-block; height: 3px; margin-right: 20px; width: 3px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;ln bw bk lo lp&quot; style=&quot;background-color: #080808; border-radius: 50%; box-sizing: inherit; display: inline-block; height: 3px; width: 3px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;h1 class=&quot;lr ls in bd lt lu lv lw lx ly lz ma mb jt mc ju md jw me jx mf jz mg ka mh mi bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;405a&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 28px; margin: 2.05em 0px -0.37em;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Measuring the Effect of Third-Party Embeds on Application Performance&lt;/span&gt;&lt;/h1&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;ef53&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The size of third-party embeds can vary in size. And the impact on application performance typically increases with size. Furthermore, you can use monitoring tools like&amp;nbsp;&lt;a class=&quot;ae mo&quot; href=&quot;https://developer.chrome.com/docs/devtools/&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;Chrome DevTools&lt;/a&gt;,&amp;nbsp;&lt;a class=&quot;ae mo&quot; href=&quot;https://developers.google.com/speed/pagespeed/insights/&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;Page SpeedInsights&lt;/a&gt;, and&amp;nbsp;&lt;a class=&quot;ae mo&quot; href=&quot;http://webpagetest.org/&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;webPageTest&lt;/a&gt;&amp;nbsp;to measure the effect on web application performance.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;1c73&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;In the below example, I have used the WebPageTest tool, and its waterfall view shows a detailed picture of the resources used by the web page.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;1c73&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.8); text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBGIQS6TRRgt3gJyUiOe0C6c5HieXufSV90OxJ_Wj0IVVdvKU2QxGdNGCJQVZX8mg1ghEpsbzvCHx18qSblC5_oeyPgMWnBzWVp7UlxI3ctzkMVY5as6jFSO8mt9jX2XI1ffv5NdURkfLQp9qTHrMLpXJ2WEQmY2qjVCB2Cm0gyasVJ8QoliPEWocuiQ/s1302/Best%20Practices%20on%20Embedding%20Third-Party%20Web%20Widgets2.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1302&quot; data-original-width=&quot;600&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBGIQS6TRRgt3gJyUiOe0C6c5HieXufSV90OxJ_Wj0IVVdvKU2QxGdNGCJQVZX8mg1ghEpsbzvCHx18qSblC5_oeyPgMWnBzWVp7UlxI3ctzkMVY5as6jFSO8mt9jX2XI1ffv5NdURkfLQp9qTHrMLpXJ2WEQmY2qjVCB2Cm0gyasVJ8QoliPEWocuiQ/s16000/Best%20Practices%20on%20Embedding%20Third-Party%20Web%20Widgets2.jpg&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;1c73&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia; letter-spacing: -0.003em;&quot;&gt;At the top of the image, you can see the actual content of your webpage. It is only a few scripts and takes relatively a short time to load. But at the bottom, there are many scripts with significant loading times. These scripts belong to third-party embeds used by the application.&lt;/span&gt;&lt;/p&gt;&lt;blockquote class=&quot;mq&quot; style=&quot;background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); margin: 0px; padding-left: 30px;&quot;&gt;&lt;p class=&quot;mr ms in bd mt mu mv mw mx my mz lj dk&quot; data-selectable-paragraph=&quot;&quot; id=&quot;4062&quot; style=&quot;box-sizing: inherit; color: #757575; letter-spacing: -0.009em; line-height: 40px; margin: 1.75em 0px -0.46em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Also, we can use the Lighthouse extension of Chrome DevTools to measure the same.&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr na jo kt ku nb jr kw kx nc kz la lb nd ld le lf ne lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;32f5&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2.48em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Lighthouse lists all the third-party embeds and their transfer sizes as shown below.&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ymU0YRRQ5VdY8hOUCuG746G91CmfL-kpYHEXp87W9hbzQBXYUKYPUvEmgxfxFEbqjKk1elbYYCziBZDejh7FN6VCF6cZmjZC381s6mqGRyMLanXnrJH47f9UMuVVeR82S34WcUbKb9gRzkbm67_gWori2Al5oOa1eeisnxG-DN8QL8cGtrYvgq4yZw/s700/Best%20Practices%20on%20Embedding%20Third-Party%20Web%20Widgets3.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em; text-align: center;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;447&quot; data-original-width=&quot;700&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ymU0YRRQ5VdY8hOUCuG746G91CmfL-kpYHEXp87W9hbzQBXYUKYPUvEmgxfxFEbqjKk1elbYYCziBZDejh7FN6VCF6cZmjZC381s6mqGRyMLanXnrJH47f9UMuVVeR82S34WcUbKb9gRzkbm67_gWori2Al5oOa1eeisnxG-DN8QL8cGtrYvgq4yZw/s16000/Best%20Practices%20on%20Embedding%20Third-Party%20Web%20Widgets3.jpg&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;figure class=&quot;kd ke kf kg gt kh gh gi paragraph-image&quot; style=&quot;background-color: white; box-sizing: inherit; clear: both; color: rgba(0, 0, 0, 0.8); margin: 56px auto 0px;&quot;&gt;&lt;div class=&quot;ki kj di kk bf kl&quot; role=&quot;button&quot; style=&quot;box-sizing: inherit; cursor: zoom-in; position: relative; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s; width: 680px; z-index: auto;&quot; tabindex=&quot;0&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span face=&quot;source-serif-pro, Georgia, Cambria, &amp;quot;Times New Roman&amp;quot;, Times, serif&quot; style=&quot;color: #292929; font-family: georgia; letter-spacing: -0.003em;&quot;&gt;With these results, you can see the warnings on the payload (“Avoid enormous network payloads”) proposed by Lighthouse. This is because those additional resources affect your application loading time.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;314a&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Besides, it provides details on the thread execution time for third-party embeds as well.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;314a&quot; style=&quot;box-sizing: inherit; line-height: 32px; margin: 2em 0px -0.46em; text-align: center; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnD840MMQxn2n8cBb6o8CeWTxQm6fO6NbUnBXNs4mlBNec-fx63jQstH4MXFNhDYrTshF7YeuPZRLVArkGUEU_gFspBV_eo7gY-JiZPrKjlsGWnVjXyewsN2-MAtuTvu5LRx-Qx5K8R0xRJzbFhJ-Prk7m3ryYJuUBVy9hfwUWEip3bvGqA1Njrax71A/s16000/Best%20Practices%20on%20Embedding%20Third-Party%20Web%20Widgets4.jpg&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;h1 class=&quot;lr ls in bd lt lu lv lw lx ly lz ma mb jt mc ju md jw me jx mf jz mg ka mh mi bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;3339&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 28px; margin: 2.05em 0px -0.37em;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Best Practices when loading Third-Party Embeds&lt;/span&gt;&lt;/h1&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;d075&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;As I discussed above, third-party embeds can negatively affect website performance. Therefore, let’s look at several best practices to reduce their overall impact.&lt;/span&gt;&lt;/p&gt;&lt;h1 class=&quot;lr ls in bd lt lu nh lw lx ly ni ma mb jt nj ju md jw nk jx mf jz nl ka mh mi bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;4aea&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 28px; margin: 3.14em 0px -0.37em;&quot;&gt;&lt;span class=&quot;ak&quot; style=&quot;box-sizing: inherit; font-family: georgia; font-size: small; font-weight: inherit;&quot;&gt;1. Lazy-Loading&lt;/span&gt;&lt;/h1&gt;&lt;blockquote class=&quot;mq&quot; style=&quot;background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); margin: 0px; padding-left: 30px;&quot;&gt;&lt;p class=&quot;mr ms in bd mt mu mv mw mx my mz lj dk&quot; data-selectable-paragraph=&quot;&quot; id=&quot;591e&quot; style=&quot;box-sizing: inherit; color: #757575; letter-spacing: -0.009em; line-height: 40px; margin: 1.75em 0px -0.46em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;We can use Lazy loading to load embedded resources only when they are required.&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4c3v2Aa6HqdBemVbs05AXTl57x1sPREUtYPtSZkQLVaIHFbOSOGt7D3NGVBeaVY6d26tx0ocjnh2imjL0GJlZU1GOHmW6KpFDF1LP6VdWGSZRCG9m94RgVwkd8k9j86H3c7KsjAIBgI9E_8CZ7S-G5SM2p4AYFFYt7wX83D-A8AxO7ewBBRIcHovOFQ/s674/Best%20Practices%20on%20Embedding%20Third-Party%20Web%20Widgets5.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;303&quot; data-original-width=&quot;674&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4c3v2Aa6HqdBemVbs05AXTl57x1sPREUtYPtSZkQLVaIHFbOSOGt7D3NGVBeaVY6d26tx0ocjnh2imjL0GJlZU1GOHmW6KpFDF1LP6VdWGSZRCG9m94RgVwkd8k9j86H3c7KsjAIBgI9E_8CZ7S-G5SM2p4AYFFYt7wX83D-A8AxO7ewBBRIcHovOFQ/s16000/Best%20Practices%20on%20Embedding%20Third-Party%20Web%20Widgets5.jpg&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span face=&quot;sohne, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif&quot; style=&quot;background-color: white; color: #757575; font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span face=&quot;sohne, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif&quot; style=&quot;background-color: white; color: #757575;&quot;&gt;Credits:&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;ae mo&quot; href=&quot;http://developers.google.com/web/fundementals&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; background-color: white; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;developers.google.com/web/fundementals&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;b263&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;For example, any embedded advertisements in a footer need to be shown when a user scrolls down the page. Therefore, we only need to load them upon scrolling to the bottom.&lt;/span&gt;&lt;/p&gt;&lt;blockquote class=&quot;mq&quot; style=&quot;background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); margin: 0px; padding-left: 30px;&quot;&gt;&lt;p class=&quot;mr ms in bd mt mu mv mw mx my mz lj dk&quot; data-selectable-paragraph=&quot;&quot; id=&quot;53cd&quot; style=&quot;box-sizing: inherit; color: #757575; letter-spacing: -0.009em; line-height: 40px; margin: 1.75em 0px -0.46em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Also, you can utilize browser-level lazy-loading to defer load offscreen iframes.&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr na jo kt ku nb jr kw kx nc kz la lb nd ld le lf ne lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;db78&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2.48em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;In the below example, the third-party embed within the iframe will only load when users navigate near them.&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;iframe src=&quot;https://example.com&quot; loading=&quot;lazy&quot;&lt;br /&gt; width=100px&lt;br /&gt; height=50px&amp;gt;&lt;br /&gt; &amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;231d&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Most of the Chromium supported browsers supports&amp;nbsp;&lt;code class=&quot;fe ny nz oa ob b&quot; style=&quot;background-color: #f2f2f2; box-sizing: inherit; padding: 2px 4px;&quot;&gt;loading&lt;/code&gt;&amp;nbsp;attribute, with the following values.&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); list-style: none none; margin: 0px; padding: 0px;&quot;&gt;&lt;li class=&quot;oc od in kq b kr ks ku kv kx oe lb of lf og lj oh oi oj ok bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;83da&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 28px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 2.14em; padding-left: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span class=&quot;kq io&quot; style=&quot;box-sizing: inherit; font-weight: 700;&quot;&gt;Lazy -&lt;/span&gt;Indicates that the iframe should be loaded later in the browser. When the browser gets close to the viewport, it will load the iframe.&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;oc od in kq b kr ol ku om kx on lb oo lf op lj oh oi oj ok bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;9626&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 28px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 1.14em; padding-left: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span class=&quot;kq io&quot; style=&quot;box-sizing: inherit; font-weight: 700;&quot;&gt;Eager -&lt;/span&gt;This will load the iframe immediately when the page is rendered. The eager attribute is the default value of the&amp;nbsp;&lt;code class=&quot;fe ny nz oa ob b&quot; style=&quot;background-color: #f2f2f2; box-sizing: inherit; padding: 2px 4px;&quot;&gt;loading&lt;/code&gt;&amp;nbsp;attribute.&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;oc od in kq b kr ol ku om kx on lb oo lf op lj oh oi oj ok bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;9323&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 28px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 1.14em; padding-left: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span class=&quot;kq io&quot; style=&quot;box-sizing: inherit; font-weight: 700;&quot;&gt;Auto —&amp;nbsp;&lt;/span&gt;The Browser has the authority to define the loading time of the iframe.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;blockquote class=&quot;mq&quot; style=&quot;background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); margin: 0px; padding-left: 30px;&quot;&gt;&lt;p class=&quot;mr ms in bd mt mu oq or os ot ou lj dk&quot; data-selectable-paragraph=&quot;&quot; id=&quot;e3f3&quot; style=&quot;box-sizing: inherit; color: #757575; letter-spacing: -0.009em; line-height: 40px; margin: 2.75em 0px -0.46em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Lazy loading iframes can be efficient if you are working with maps or videos.&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr na jo kt ku nb jr kw kx nc kz la lb nd ld le lf ne lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;8045&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2.48em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;For example, if you are using the&amp;nbsp;&lt;span class=&quot;kq io&quot; style=&quot;box-sizing: inherit; font-weight: 700;&quot;&gt;Google MapsEmbed API,&amp;nbsp;&lt;/span&gt;an iframe can be used to lazy load the map as follows:&lt;/span&gt;&lt;/p&gt;&lt;table class=&quot;highlight tab-size js-file-line-container js-code-nav-container js-tagsearch-file&quot; data-hpc=&quot;&quot; data-paste-markdown-skip=&quot;&quot; data-tab-size=&quot;8&quot; data-tagsearch-lang=&quot;HTML&quot; data-tagsearch-path=&quot;iframe.html&quot; style=&quot;background: var(--color-canvas-default); border-collapse: collapse; border: 0px; color: #333333; line-height: 1.4; margin: 0px; padding: 0px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class=&quot;blob-code blob-code-inner js-file-line&quot; id=&quot;file-iframe-html-LC1&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; line-height: 20px; overflow-wrap: anywhere; overflow: visible; padding-bottom: 1px !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 4px; padding: 4px 10px 1px; position: relative; vertical-align: top;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;iframe src=&quot;https://www.google.com/maps/embed/v1/place?key=API_KEY&amp;amp;q=PLACE_ID&quot; width=100px&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;span style=&quot;color: #38761d; font-family: georgia;&quot;&gt;height=150px&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;span style=&quot;color: #38761d; font-family: georgia;&quot;&gt;allowfullscreen=&quot;&quot; loading=&quot;lazy&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr na jo kt ku nb jr kw kx nc kz la lb nd ld le lf ne lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;8045&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2.48em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Similarly, you can embed YouTube videos using iframes and lazy load them to save nearly 500 KB on the first-page load.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr na jo kt ku nb jr kw kx nc kz la lb nd ld le lf ne lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;8045&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2.48em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span class=&quot;kq io&quot; style=&quot;box-sizing: inherit; font-family: georgia; font-style: italic; font-weight: 700; letter-spacing: -0.003em;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr na jo kt ku nb jr kw kx nc kz la lb nd ld le lf ne lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;8045&quot; style=&quot;box-sizing: inherit; line-height: 32px; margin: 2.48em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span class=&quot;kq io&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;iframe src=&quot;https://www.youtube.com/embed/aKydtOXW8mI&quot;&lt;br /&gt; width=100px height=150px&lt;br /&gt; loading=&quot;lazy&quot;&lt;br /&gt; title=&quot;YouTube Player&quot;&lt;br /&gt; frameborder=&quot;None&quot;&lt;br /&gt; allow=&quot;accelerometer; autoplay; clipboard-write; &lt;br /&gt; encrypted-media; gyroscope; picture-in-picture&quot;&lt;br /&gt; allowfullscreen&amp;gt;&lt;br /&gt; &amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span face=&quot;source-serif-pro, Georgia, Cambria, Times New Roman, Times, serif&quot; style=&quot;color: #292929;&quot;&gt;&lt;span style=&quot;background-color: white; letter-spacing: -0.003em;&quot;&gt;&lt;b&gt;&lt;i&gt;Note:&lt;/i&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span face=&quot;source-serif-pro, Georgia, Cambria, &amp;quot;Times New Roman&amp;quot;, Times, serif&quot; style=&quot;background-color: white; color: #292929; font-style: italic; letter-spacing: -0.003em;&quot;&gt;&amp;nbsp;Also, you can lazy load iframes in your application using packages like&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;ae mo&quot; href=&quot;https://github.com/aFarkas/lazysizes&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; background-color: white; box-sizing: inherit; color: #292929; font-style: italic; letter-spacing: -0.003em;&quot; target=&quot;_blank&quot;&gt;&lt;span class=&quot;kq io&quot; style=&quot;box-sizing: inherit; font-weight: 700;&quot;&gt;LazySizes&lt;/span&gt;&lt;/a&gt;&lt;span class=&quot;kq io&quot; face=&quot;source-serif-pro, Georgia, Cambria, &amp;quot;Times New Roman&amp;quot;, Times, serif&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; font-style: italic; font-weight: 700; letter-spacing: -0.003em;&quot;&gt;&lt;span class=&quot;in&quot; style=&quot;box-sizing: inherit; font-style: normal;&quot;&gt;.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span face=&quot;source-serif-pro, Georgia, Cambria, &amp;quot;Times New Roman&amp;quot;, Times, serif&quot; style=&quot;background-color: white; color: #292929; font-style: italic; letter-spacing: -0.003em;&quot;&gt;Since this package supports YouTube embeds and widgets, it can be a great option to reduce the iframe load times.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr na jo kt ku nb jr kw kx nc kz la lb nd ld le lf ne lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;8045&quot; style=&quot;box-sizing: inherit; line-height: 32px; margin: 2.48em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span face=&quot;sohne, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif&quot; style=&quot;background-color: white; color: #292929; font-family: georgia; font-weight: inherit; letter-spacing: 0px;&quot;&gt;2. Script Ordering&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;ad3b&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;In any application, it is necessary to load the core content first. Then we can focus on the third-party embeds since they mostly occupy a small area in the web page.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;be60&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;For example, the text content of an article should be loaded first before embedding any images or videos.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;e1ca&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;But, sometimes, third-party embeds can get in the way of core content loading due to JavaScript parser-blocking. Therefore, we need to be extra careful about the order in which they get loaded.&lt;/span&gt;&lt;/p&gt;&lt;blockquote class=&quot;mq&quot; style=&quot;background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); margin: 0px; padding-left: 30px;&quot;&gt;&lt;p class=&quot;mr ms in bd mt mu mv mw mx my mz lj dk&quot; data-selectable-paragraph=&quot;&quot; id=&quot;2776&quot; style=&quot;box-sizing: inherit; color: #757575; letter-spacing: -0.009em; line-height: 40px; margin: 1.75em 0px -0.46em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;We can use async and defer properties within the script tag to order the execution of scripts.&lt;/span&gt;&lt;/p&gt;&lt;table class=&quot;highlight tab-size js-file-line-container js-code-nav-container js-tagsearch-file&quot; data-hpc=&quot;&quot; data-paste-markdown-skip=&quot;&quot; data-tab-size=&quot;8&quot; data-tagsearch-lang=&quot;HTML&quot; data-tagsearch-path=&quot;order.html&quot; style=&quot;background: var(--color-canvas-default); border-collapse: collapse; border: 0px; color: #333333; line-height: 1.4; margin: 0px; padding: 0px;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class=&quot;blob-code blob-code-inner js-file-line&quot; id=&quot;file-order-html-LC1&quot; style=&quot;background: rgba(0, 0, 0, 0); border: 0px; color: var(--color-fg-default); line-height: 20px; overflow-wrap: anywhere; overflow: visible; padding-bottom: 1px !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 4px; padding: 4px 10px 1px; position: relative; vertical-align: top; white-space: pre;&quot;&gt;&lt;span class=&quot;pl-kos&quot; style=&quot;font-family: georgia;&quot;&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/blockquote&gt;&lt;p style=&quot;background-color: white; color: rgba(0, 0, 0, 0.8);&quot;&gt;&lt;/p&gt;&lt;h2 class=&quot;pc ls in bd lt pd pe dn lx pf pg dp mb kx ph pi md lb pj pk mf lf pl pm mh pn bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;21dc&quot; style=&quot;box-sizing: inherit; line-height: 24px; margin: 2.37em 0px -0.31em;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;&lt;span style=&quot;color: #38761d; font-weight: normal;&quot;&gt;&amp;lt;head&amp;gt;&lt;br /&gt; &amp;lt;title&amp;gt;Executing the Page&amp;lt;/title&amp;gt;&lt;br /&gt; &amp;lt;link rel=&quot;stylesheet&quot; media=&quot;screen&quot; href=&quot;/assets/mainPage.css&quot;&amp;gt;&lt;br /&gt; &amp;lt;script src=&quot;index.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt; &amp;lt;script src=&quot;https://example.com/3p-library.js&quot; async&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt; &amp;lt;/head&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;table class=&quot;highlight tab-size js-file-line-container js-code-nav-container js-tagsearch-file&quot; data-hpc=&quot;&quot; data-paste-markdown-skip=&quot;&quot; data-tab-size=&quot;8&quot; data-tagsearch-lang=&quot;HTML&quot; data-tagsearch-path=&quot;order.html&quot; style=&quot;background: var(--color-canvas-default); border-collapse: collapse; border: 0px; color: #333333; letter-spacing: 0px; line-height: 1.4; margin: 0px; padding: 0px;&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;background-color: transparent;&quot;&gt;&lt;td class=&quot;blob-num js-line-number js-code-nav-line-number js-blob-rnum&quot; data-line-number=&quot;6&quot; id=&quot;file-order-html-L6&quot; style=&quot;background: rgba(0, 0, 0, 0); color: var(--color-fg-subtle); cursor: pointer; line-height: 20px; min-width: inherit; padding: 1px 10px; position: relative; text-align: right; user-select: none; vertical-align: top; white-space: nowrap; width: 6.60938px;&quot;&gt;&lt;/td&gt;&lt;td class=&quot;blob-code blob-code-inner js-file-line&quot; id=&quot;file-order-html-LC6&quot; style=&quot;background: rgba(0, 0, 0, 0); border: 0px; color: var(--color-fg-default); line-height: 20px; overflow-wrap: anywhere; overflow: visible; padding: 1px 10px; position: relative; vertical-align: top; white-space: pre;&quot;&gt;&lt;span class=&quot;pl-kos&quot; style=&quot;font-family: georgia;&quot;&gt;
  1044.  
  1045. &lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;span face=&quot;sohne, Helvetica Neue, Helvetica, Arial, sans-serif&quot; style=&quot;color: #292929;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: georgia; font-size: small; letter-spacing: 0px;&quot;&gt;Using Async vs Defer&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;d499&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;You can use the&amp;nbsp;&lt;code class=&quot;fe ny nz oa ob b&quot; style=&quot;background-color: #f2f2f2; box-sizing: inherit; padding: 2px 4px;&quot;&gt;async&lt;/code&gt;&amp;nbsp;attribute when you need to run the scripts sooner, while&amp;nbsp;&lt;code class=&quot;fe ny nz oa ob b&quot; style=&quot;background-color: #f2f2f2; box-sizing: inherit; padding: 2px 4px;&quot;&gt;defer&lt;/code&gt;&amp;nbsp;can be used for non-vital resources. The following image illustrates how these attributes work.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;d499&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;background-color: white; clear: both; color: rgba(0, 0, 0, 0.8); text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXQYZ4lQoWKq7ssVZMcPGmymwNApdwjvLTjAcr9zU3X8zbT9I6wUWqj7J-oTUYoDzjTcxaNYaWXYdWfhOYmo66WWY5vndzlSOVCLloFpP_bhHMxfAk_ETj9w0Yy80mKmu4tvheO9Xrwqh1QL02YV7CPQ4YmXZicZDLIVLEo9hEDegHnVMj8v-NFSM4hw/s828/Best%20Practices%20on%20Embedding%20Third-Party%20Web%20Widgets.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;828&quot; data-original-width=&quot;700&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXQYZ4lQoWKq7ssVZMcPGmymwNApdwjvLTjAcr9zU3X8zbT9I6wUWqj7J-oTUYoDzjTcxaNYaWXYdWfhOYmo66WWY5vndzlSOVCLloFpP_bhHMxfAk_ETj9w0Yy80mKmu4tvheO9Xrwqh1QL02YV7CPQ4YmXZicZDLIVLEo9hEDegHnVMj8v-NFSM4hw/s16000/Best%20Practices%20on%20Embedding%20Third-Party%20Web%20Widgets.jpg&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;d499&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;h1 class=&quot;lr ls in bd lt lu lv lw lx ly lz ma mb jt mc ju md jw me jx mf jz mg ka mh mi bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;4fa8&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 28px; margin: 2.05em 0px -0.37em;&quot;&gt;&lt;span class=&quot;ak&quot; style=&quot;box-sizing: inherit; font-family: georgia; font-size: small; font-weight: inherit;&quot;&gt;3. Replace Embeds with Facades&lt;/span&gt;&lt;/h1&gt;&lt;blockquote class=&quot;mq&quot; style=&quot;box-sizing: inherit; margin: 0px; padding-left: 30px;&quot;&gt;&lt;p class=&quot;mr ms in bd mt mu mv mw mx my mz lj dk&quot; data-selectable-paragraph=&quot;&quot; id=&quot;a049&quot; style=&quot;box-sizing: inherit; color: #757575; letter-spacing: -0.009em; line-height: 40px; margin: 1.75em 0px -0.46em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Facades are non-functional static element similar to embeds.&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr na jo kt ku nb jr kw kx nc kz la lb nd ld le lf ne lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;3a42&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2.48em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Since scripts are only downloaded and run when the user interacts with the lazy-loaded element, the facade looks and performs similarly to the genuine third-party embed. Therefore, we can replace embeds with facades and improve the page load times.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;4f3e&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;For example, the below webpage has a static location map (as a facade) embedded in the page. And only once the user clicks on the static map, it starts to load the functional map.&lt;/span&gt;&lt;/p&gt;&lt;figure class=&quot;kd ke kf kg gt kh gh gi paragraph-image&quot; style=&quot;box-sizing: inherit; clear: both; margin: 56px auto 0px;&quot;&gt;&lt;div class=&quot;ki kj di kk bf kl&quot; role=&quot;button&quot; style=&quot;box-sizing: inherit; cursor: zoom-in; position: relative; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s; width: 680px; z-index: auto;&quot; tabindex=&quot;0&quot;&gt;&lt;div class=&quot;gh gi pp&quot; style=&quot;box-sizing: inherit; margin-left: auto; margin-right: auto; max-width: 1866px;&quot;&gt;&lt;span face=&quot;source-serif-pro, Georgia, Cambria, &amp;quot;Times New Roman&amp;quot;, Times, serif&quot; style=&quot;color: #292929; font-family: georgia; letter-spacing: -0.003em;&quot;&gt;There are three methods we can use to implement facades :&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;h2 class=&quot;pc ls in bd lt pd pe dn lx pf pg dp mb kx ph pi md lb pj pk mf lf pl pm mh pn bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;cbc1&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 24px; margin: 2.37em 0px -0.31em;&quot;&gt;&lt;span class=&quot;ak&quot; style=&quot;box-sizing: inherit; font-family: georgia; font-size: small; font-weight: inherit;&quot;&gt;1. Using CMS plugins&lt;/span&gt;&lt;/h2&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;1623&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;CMS users can use plugins that provide out-of-the-box capabilities to replace third-party embeds with placeholders.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;f961&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Here are a few free plugins that provide this feature:&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;box-sizing: inherit; list-style: none none; margin: 0px; padding: 0px;&quot;&gt;&lt;li class=&quot;oc od in kq b kr ks ku kv kx oe lb of lf og lj oh oi oj ok bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;f592&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 28px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 2.14em; padding-left: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a class=&quot;ae mo&quot; href=&quot;https://wordpress.org/plugins/lazy-load-for-videos/&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;Lazy loads for videos&lt;/a&gt;.&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;oc od in kq b kr ol ku om kx on lb oo lf op lj oh oi oj ok bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;2460&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 28px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 1.14em; padding-left: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a class=&quot;ae mo&quot; href=&quot;https://wordpress.org/plugins/wp-youtube-lyte/&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;Wp youtube liyt&lt;/a&gt;e.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 class=&quot;pc ls in bd lt pd pe dn lx pf pg dp mb kx ph pi md lb pj pk mf lf pl pm mh pn bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;63c2&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 24px; margin: 2.37em 0px -0.31em;&quot;&gt;&lt;span class=&quot;ak&quot; style=&quot;box-sizing: inherit; font-family: georgia; font-size: small; font-weight: inherit;&quot;&gt;2. Use facades recommended by Google&lt;/span&gt;&lt;/h2&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;ad4a&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;There are plenty of Google-recommended facades available. You can use them on your site to replace embeds. However, some of these facades require inserting code into your page’s HTML, while others require JavaScript plugins and libraries.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;70ea&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Examples of Google-recommended facades.&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;box-sizing: inherit; list-style: none none; margin: 0px; padding: 0px;&quot;&gt;&lt;li class=&quot;oc od in kq b kr ks ku kv kx oe lb of lf og lj oh oi oj ok bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;319d&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 28px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 2.14em; padding-left: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a class=&quot;ae mo&quot; href=&quot;https://github.com/paulirish/lite-youtube-embed&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;Light Youtube embed&lt;/a&gt;.&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;oc od in kq b kr ol ku om kx on lb oo lf op lj oh oi oj ok bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;5c1b&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 28px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 1.14em; padding-left: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a class=&quot;ae mo&quot; href=&quot;https://developers.google.com/maps/documentation/maps-static/overview&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;Map static API&lt;/a&gt;.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 class=&quot;pc ls in bd lt pd pe dn lx pf pg dp mb kx ph pi md lb pj pk mf lf pl pm mh pn bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;3304&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 24px; margin: 2.37em 0px -0.31em;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;3.&lt;span class=&quot;ak&quot; style=&quot;box-sizing: inherit; font-weight: inherit;&quot;&gt;&amp;nbsp;Programmer developed facades&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;c2a8&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;If you&#39;re a programmer, you can design your own facades. The recommended workflow is as follows:&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;box-sizing: inherit; list-style: none none; margin: 0px; padding: 0px;&quot;&gt;&lt;li class=&quot;oc od in kq b kr ks ku kv kx oe lb of lf og lj oh oi oj ok bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;0df6&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 28px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 2.14em; padding-left: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;During the initial page load, show a facade instead of the third-party embed.&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;oc od in kq b kr ol ku om kx on lb oo lf op lj oh oi oj ok bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;6ba2&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 28px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 1.14em; padding-left: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;When a user scrolls or hovers over the facade, start lazy load the dependencies.&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;oc od in kq b kr ol ku om kx on lb oo lf op lj oh oi oj ok bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;ede3&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 28px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 1.14em; padding-left: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;When the user clicks on it, replace the facade with the genuine third-party embed.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class=&quot;ab cl lk ll hr lm&quot; role=&quot;separator&quot; style=&quot;background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; margin-bottom: 14px; margin-top: 32px; padding-bottom: 10px; padding-top: 24px;&quot;&gt;&lt;span class=&quot;ln bw bk lo lp lq&quot; style=&quot;background-color: #080808; border-radius: 50%; box-sizing: inherit; display: inline-block; height: 3px; margin-right: 20px; width: 3px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;ln bw bk lo lp lq&quot; style=&quot;background-color: #080808; border-radius: 50%; box-sizing: inherit; display: inline-block; height: 3px; margin-right: 20px; width: 3px;&quot;&gt;&lt;/span&gt;&lt;span class=&quot;ln bw bk lo lp&quot; style=&quot;background-color: #080808; border-radius: 50%; box-sizing: inherit; display: inline-block; height: 3px; width: 3px;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;h1 class=&quot;lr ls in bd lt lu lv lw lx ly lz ma mb jt mc ju md jw me jx mf jz mg ka mh mi bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;8d04&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 28px; margin: 2.05em 0px -0.37em;&quot;&gt;&lt;span class=&quot;ak&quot; style=&quot;box-sizing: inherit; font-family: georgia; font-size: small; font-weight: inherit;&quot;&gt;4. Reducing Layout Shifts&lt;/span&gt;&lt;/h1&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;d385&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Sometimes, embedding third-party videos or banners can cause unexpected layout shifts in application UIs. These shifts are known as Cumulative Layout Shifts (CLS), and it is important to minimize them since they directly affect user experience and google page ranking.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;105c&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;In the below example, I inspected the home page of the&amp;nbsp;&lt;em class=&quot;oy&quot; style=&quot;box-sizing: inherit;&quot;&gt;Forbes&lt;/em&gt;&amp;nbsp;website. As you can see, there is a shifting in the news feed section when the browser is loading. This is because the embedded advertisement is popping up from the top of the window.&lt;/span&gt;&lt;/p&gt;&lt;figure class=&quot;kd ke kf kg gt kh gh gi paragraph-image&quot; style=&quot;background-color: white; box-sizing: inherit; clear: both; color: rgba(0, 0, 0, 0.8); margin: 56px auto 0px;&quot;&gt;&lt;div class=&quot;ki kj di kk bf kl&quot; role=&quot;button&quot; style=&quot;box-sizing: inherit; cursor: zoom-in; position: relative; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s; width: 680px; z-index: auto;&quot; tabindex=&quot;0&quot;&gt;&lt;div class=&quot;gh gi pq&quot; style=&quot;box-sizing: inherit; margin-left: auto; margin-right: auto; max-width: 1918px;&quot;&gt;&lt;span face=&quot;source-serif-pro, Georgia, Cambria, &amp;quot;Times New Roman&amp;quot;, Times, serif&quot; style=&quot;color: #292929; font-family: georgia; letter-spacing: -0.003em;&quot;&gt;There are several measurements we can take to avoid layout shifts when embedding content.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;h2 class=&quot;pc ls in bd lt pd pe dn lx pf pg dp mb kx ph pi md lb pj pk mf lf pl pm mh pn bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;d229&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 24px; margin: 2.37em 0px -0.31em;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Specifying dimensions&lt;/span&gt;&lt;/h2&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;f6cf&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;If you use an iframe, video, or image tag to embed content, you must define the dimensions.&lt;/span&gt;&lt;/p&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;iframe src=&quot;https://www.youtube.com/watch?v=7EKEav7Io5Y&amp;amp;ab_channel=GoogleChromeDevelopers&quot;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;span style=&quot;color: #38761d; font-family: georgia;&quot;&gt;width=&quot;500&quot;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;span style=&quot;color: #38761d; font-family: georgia;&quot;&gt;height=&quot;300&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;box-sizing: inherit; overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;h2 class=&quot;pc ls in bd lt pd pe dn lx pf pg dp mb kx ph pi md lb pj pk mf lf pl pm mh pn bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;43d2&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 24px; margin: 2.37em 0px -0.31em;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Utilize empty slots&lt;/span&gt;&lt;/h2&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;1e31&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The best way to embed content without any layout shift is to reserve empty but fixed-size slots on your web application. The below example shows how to create a dedicated slot for a Twitter feed.&lt;/span&gt;&lt;/p&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #800180;&quot;&gt;&amp;lt;style&amp;gt;&lt;br /&gt;.twitterfeed {&lt;br /&gt;display: table-cell;  &lt;br /&gt;vertical-align: top; &lt;br /&gt;width: 100px;&lt;br /&gt;}&lt;br /&gt;.twitter-timeline {&lt;br /&gt;height: 400px !important;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;div class=twitterfeed&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/BBCWorld/with_repliesw&quot; data-tweet-limit=&quot;1&quot;&amp;gt;Tweets by BBC World&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;script async src=&quot;https://platform.twitter.com/widgets.js&quot; charset=&quot;utf-8&quot;&amp;gt; &amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;1e31&quot; style=&quot;background-color: white; box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Also, you can use the&amp;nbsp;&lt;a class=&quot;ae mo&quot; href=&quot;https://googlechromelabs.github.io/layout-shift-terminator/&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;&lt;span class=&quot;kq io&quot; style=&quot;box-sizing: inherit; font-weight: 700;&quot;&gt;Layout shift terminator&lt;/span&gt;&lt;/a&gt;&amp;nbsp;tool to reduce layout shifts from embeds. It will filter out most of the iframes and resize to viewports sizes.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;h1 class=&quot;lr ls in bd lt lu lv lw lx ly lz ma mb jt mc ju md jw me jx mf jz mg ka mh mi bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;3c79&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: 0px; line-height: 28px; margin: 2.05em 0px -0.37em;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Conclusion&lt;/span&gt;&lt;/h1&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;24fa&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Using third-party embeds can take your application’s user experience to a whole new level, with rich feature integrations. But, if we don’t use them correctly, they can negatively impact your web application performance.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;e76a&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;In this article, I discussed how to measure the performance overhead of third-party embeds and use them efficiently. I hope these best practices will help you to use web embeds effectively. And, don’t forget to share your thoughts in the comments section.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;c2cb&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Thank you for reading !!!&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;c2cb&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span face=&quot;sohne, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif&quot; style=&quot;font-family: georgia; letter-spacing: 0px;&quot;&gt;Build composable web applications&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;ig ih ii ij ik&quot; style=&quot;background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); overflow-wrap: break-word; word-break: break-word;&quot;&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr mj jo kt ku mk jr kw kx ml kz la lb mm ld le lf mn lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;9e36&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Don’t build web monoliths. Use&amp;nbsp;&lt;a class=&quot;ae mo&quot; href=&quot;https://bit.dev/&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;Bit&lt;/a&gt;&amp;nbsp;to create and compose decoupled software components — in your favorite frameworks like React or Node. Build scalable frontends and backends with a powerful and enjoyable dev experience.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;pw-post-body-paragraph ko kp in kq b kr ks jo kt ku kv jr kw kx ky kz la lb lc ld le lf lg lh li lj ig bi&quot; data-selectable-paragraph=&quot;&quot; id=&quot;4994&quot; style=&quot;box-sizing: inherit; color: #292929; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Bring your team to&amp;nbsp;&lt;a class=&quot;ae mo&quot; href=&quot;https://bit.cloud/&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;Bit Cloud&lt;/a&gt;&amp;nbsp;to host and collaborate on components together, and greatly speed up, scale, and standardize development as a team. Start with composable frontends like a Design System or Micro Frontends, or explore the composable backend.&amp;nbsp;&lt;a class=&quot;ae mo&quot; href=&quot;https://bit.dev/&quot; rel=&quot;noopener ugc nofollow&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: inherit;&quot; target=&quot;_blank&quot;&gt;&lt;span class=&quot;kq io&quot; style=&quot;box-sizing: inherit; font-weight: 700;&quot;&gt;Give it a try →&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;figure class=&quot;kd ke kf kg gt kh gh gi paragraph-image&quot; style=&quot;box-sizing: inherit; clear: both; margin: 56px auto 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span face=&quot;sohne, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif&quot; style=&quot;color: #292929; letter-spacing: 0px;&quot;&gt;Learn More at&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://blog.bitsrc.io/best-practices-for-web-embeds-a65416a21fc2&quot; style=&quot;letter-spacing: 0px;&quot;&gt;https://blog.bitsrc.io/best-practices-for-web-embeds-a65416a21fc2&lt;/a&gt;&lt;/span&gt;&lt;/figure&gt;&lt;figure class=&quot;kd ke kf kg gt kh gh gi paragraph-image&quot; style=&quot;box-sizing: inherit; clear: both; margin: 56px auto 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span class=&quot;uicontrol&quot; style=&quot;background-color: transparent; color: #4c4c4c; font-weight: 700;&quot;&gt;URL&lt;/span&gt;&lt;span style=&quot;background-color: transparent; color: #4c4c4c;&quot;&gt;—Embed a website with a static URL or use the following options to form a dynamic URL:&lt;/span&gt;&lt;/span&gt;&lt;/figure&gt;&lt;/div&gt;&lt;section class=&quot;section1 padded-anchor&quot; id=&quot;ESRI_SECTION1_280578CCC46D4D41BD9C3C2FB0A02022&quot; purpose=&quot;section1&quot; style=&quot;color: #4c4c4c;&quot;&gt;&lt;ul id=&quot;UL_BE02D6C4A0CC431EA3B54C36C6D1A930&quot; purpose=&quot;ul&quot; style=&quot;line-height: 1.55rem; list-style-position: inside; margin-bottom: 1.55rem; margin-left: 0.775rem; margin-top: 0px; padding: 0px;&quot;&gt;&lt;li id=&quot;LI_FAD1F140BA7A449AA96DA0ACDC76A05A&quot; purpose=&quot;li&quot; style=&quot;list-style-position: outside; margin: 0.3875rem 0px 0.3875rem 1.5rem;&quot;&gt;&lt;ul id=&quot;UL_D30B1C65D27D4D439BFEFCCA3618DC14&quot; purpose=&quot;ul&quot; style=&quot;line-height: 1.55rem; list-style-position: inside; margin-bottom: 1.55rem; margin-left: 0.775rem; margin-top: 0px; padding: 0px;&quot;&gt;&lt;li id=&quot;LI_8FA70E48E5CA4330B902CFAB973544FC&quot; purpose=&quot;li&quot; style=&quot;list-style-position: outside; margin: 0.3875rem 0px 0.3875rem 1.5rem;&quot;&gt;&lt;div class=&quot;panel trailer-1 note&quot; id=&quot;GUID-1BA7AEF7-C7B3-4215-8DB0-8A70ECF656AD&quot; style=&quot;background-color: #f8f8f8; border: 1px solid rgb(239, 239, 239); margin-bottom: 1.55rem; padding: 1.023rem;&quot;&gt;&lt;h5 class=&quot;icon-ui-comment trailer-0&quot; style=&quot;font-weight: 300; line-height: 1.55rem; margin: 0px 0px 0rem;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Note:&lt;/span&gt;&lt;/h5&gt;&lt;p id=&quot;GUID-13D185D0-4705-4C80-B1E1-8ECE5BA3828C&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Only HTTPS URLs are supported. For security, the embedded app is constrained by the&amp;nbsp;&lt;a class=&quot;xref xref&quot; href=&quot;https://developer.mozilla.org/en-US/docs/Glossary/Same-origin_policy&quot; style=&quot;color: #0076bc; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;same origin policy&lt;/a&gt;. For domains other than&amp;nbsp;&lt;span class=&quot;usertext&quot;&gt;*.arcgis.com&lt;/span&gt;&amp;nbsp;and&amp;nbsp;&lt;span class=&quot;usertext&quot;&gt;*.esri.com&lt;/span&gt;, the&amp;nbsp;&lt;a class=&quot;xref xref&quot; href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox&quot; style=&quot;color: #0076bc; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span class=&quot;usertext&quot;&gt;sandbox&lt;/span&gt;&amp;nbsp;attribute&lt;/a&gt;&amp;nbsp;is automatically added.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;ul id=&quot;UL_8DADF47823A34CB4A93C4B9BC67876C1&quot; purpose=&quot;ul&quot; style=&quot;line-height: 1.55rem; list-style-position: inside; margin-bottom: 1.55rem; margin-left: 0.775rem; margin-top: 0px; padding: 0px;&quot;&gt;&lt;li id=&quot;LI_14F6D0B97DEA4586A8377B5F6A257AF9&quot; purpose=&quot;li&quot; style=&quot;list-style-position: outside; margin: 0.3875rem 0px 0.3875rem 1.5rem;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span class=&quot;uicontrol&quot; style=&quot;font-weight: 700;&quot;&gt;Connect to data&lt;/span&gt;—Select a layer as the data source (added from web maps, web scenes, direct layer, or through URL) and click the&amp;nbsp;&lt;span class=&quot;uicontrol&quot; style=&quot;font-weight: 700;&quot;&gt;Data&lt;/span&gt;&amp;nbsp;button to select an attribute that contains URLs or to add to an existing URL as parameters. Use the&amp;nbsp;&lt;span class=&quot;uicontrol&quot; style=&quot;font-weight: 700;&quot;&gt;Label&lt;/span&gt;&amp;nbsp;field to display a description in the widget when it is not populated by the contents of a URL in the data.&lt;/span&gt;&lt;/li&gt;&lt;li id=&quot;LI_313D29D5CD2544C1B37A893389BD3368&quot; purpose=&quot;li&quot; style=&quot;list-style-position: outside; margin: 0.3875rem 0px 0.3875rem 1.5rem;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span class=&quot;uicontrol&quot; style=&quot;font-weight: 700;&quot;&gt;URL info&lt;/span&gt;—Obtain URL parameters that you add as a suffix to your app URL in the builder.&amp;nbsp;&lt;a class=&quot;xref xref&quot; href=&quot;https://doc.arcgis.com/en/experience-builder/latest/configure-widgets/embed-widget.htm#ESRI_SECTION1_E9F1AE6672494CAC952AAA6B703AD298&quot; style=&quot;color: #0076bc; text-decoration-line: none;&quot;&gt;Configure a dynamic URL&lt;/a&gt;&amp;nbsp;to pass URL parameters from the Embed widget to the embedded app so users can add URL parameters to the web experience URL at run time to control what appears in the embedded app.&lt;/span&gt;&lt;div class=&quot;panel trailer-1 note&quot; id=&quot;GUID-81C392B5-E3F0-4D66-88BD-84061ADC0C10&quot; style=&quot;background-color: #f8f8f8; border: 1px solid rgb(239, 239, 239); margin-bottom: 1.55rem; padding: 1.023rem;&quot;&gt;&lt;h5 class=&quot;icon-ui-comment trailer-0&quot; style=&quot;font-weight: 300; line-height: 1.55rem; margin: 0px 0px 0rem;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Note:&lt;/span&gt;&lt;/h5&gt;&lt;p id=&quot;GUID-EA5515DE-2B63-489D-B2CD-FB7F7893F2E0&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span class=&quot;ph&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;For information about URL parameters supported by the embedded app, refer to the respective documentation, such as for&amp;nbsp;&lt;a class=&quot;xref xref&quot; esrisubtype=&quot;extrel&quot; href=&quot;https://doc.arcgis.com/en/dashboards/latest/create-and-share/url-parameters.htm&quot; hrefpfx=&quot;/en/dashboards/latest&quot; style=&quot;color: #0076bc; text-decoration-line: none;&quot;&gt;&lt;span class=&quot;ph&quot;&gt;ArcGIS Dashboards&lt;/span&gt;&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a class=&quot;xref xref&quot; esrisubtype=&quot;extrel&quot; href=&quot;https://enterprise.arcgis.com/en/web-appbuilder/11.1/manage-apps/app-url-parameters.htm&quot; hrefpfx=&quot;https://enterprise.arcgis.com/en/web-appbuilder/11.1&quot; style=&quot;color: #0076bc; text-decoration-line: none;&quot;&gt;&lt;span class=&quot;ph&quot;&gt;ArcGIS Web AppBuilder&lt;/span&gt;&lt;/a&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li id=&quot;LI_59CDB5E3C75247A4A23CC823C49713AC&quot; purpose=&quot;li&quot; style=&quot;list-style-position: outside; margin: 0.3875rem 0px 0.3875rem 1.5rem;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span class=&quot;uicontrol&quot; style=&quot;font-weight: 700;&quot;&gt;Code&lt;/span&gt;—Add your own custom HTML code to embed third-party elements in your experience.&lt;/span&gt;&lt;p id=&quot;GUID-0719436B-CD45-49EA-8606-C794D002F7EE&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;To meet compliance requirements, the widget restricts what content you can embed by code. Currently, the widget supports URL content in an HTML iframe, code shared from a selection of popular social media websites, and a subset of HTML tags and attributes. The following is a list of supported HTML formats:&lt;/span&gt;&lt;/p&gt;&lt;h4 class=&quot;table title&quot; style=&quot;font-weight: 300; line-height: 1.55rem; margin: 0px 0px 1.55rem;&quot;&gt;&lt;/h4&gt;&lt;div class=&quot;overflow-auto&quot; style=&quot;overflow: auto;&quot;&gt;&lt;table class=&quot;tablexyz lined-rows lined-columns bordered  
  1046.            always-wrap
  1047.          &quot; style=&quot;background-color: white; border-collapse: collapse; border-spacing: 0px; border: 1px solid rgb(204, 204, 204); line-height: 1.55rem; margin-bottom: 1.55rem; overflow: auto; width: 691.062px;&quot;&gt;&lt;colgroup width=&quot;*&quot;&gt;&lt;/colgroup&gt;&lt;colgroup width=&quot;*&quot;&gt;&lt;/colgroup&gt;&lt;thead style=&quot;background-color: #efefef; border-bottom: 1px solid rgb(204, 204, 204); line-height: 1.55rem;&quot;&gt;&lt;tr style=&quot;border-bottom: none;&quot;&gt;&lt;th colspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); font-weight: 300; padding: 0.51667rem;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Format&lt;/span&gt;&lt;/th&gt;&lt;th colspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); font-weight: 300; padding: 0.51667rem;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Example&lt;/span&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody class=&quot;align-middle&quot; style=&quot;overflow: auto; width: 690.062px;&quot;&gt;&lt;tr class=&quot;align-middle&quot; style=&quot;border-bottom: 1px solid rgb(204, 204, 204);&quot;&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;p id=&quot;GUID-1A716E1C-9ACE-4741-910F-7079B04FFC5F&quot; style=&quot;margin-bottom: 0px; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Standard HTML iframe with URL content&lt;span style=&quot;line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;1&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;section class=&quot;codeblock padded-anchor&quot; purpose=&quot;codeblock&quot;&gt;&lt;div class=&quot;codeblockbody&quot;&gt;&lt;pre style=&quot;margin-bottom: 1.55rem; max-width: 38em; overflow-wrap: break-word; white-space: pre-wrap;&quot;&gt;&lt;code class=&quot;other no-highlight&quot; style=&quot;background-color: #f8f8f8; border-radius: 3px; border: 1px solid rgb(239, 239, 239); color: #595959; display: block; line-height: 1.4rem; overflow-wrap: normal; overflow: auto; padding: 1rem; position: relative; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;
  1048. &amp;lt;iframe width=&quot;100%&quot; height=&quot;600px&quot; frameborder=&quot;0&quot; scrolling=&quot;yes&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; src=&quot;https://developers.arcgis.com/&quot;&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;align-middle&quot; style=&quot;border-bottom: 1px solid rgb(204, 204, 204);&quot;&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;p id=&quot;GUID-EFAC9C22-CF4C-4E46-9E07-714B7955E6CA&quot; style=&quot;margin-bottom: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;ph&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;YouTube&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;section class=&quot;codeblock padded-anchor&quot; purpose=&quot;codeblock&quot;&gt;&lt;div class=&quot;codeblockbody&quot;&gt;&lt;pre style=&quot;margin-bottom: 1.55rem; max-width: 38em; overflow-wrap: break-word; white-space: pre-wrap;&quot;&gt;&lt;code class=&quot;other no-highlight&quot; style=&quot;background-color: #f8f8f8; border-radius: 3px; border: 1px solid rgb(239, 239, 239); color: #595959; display: block; line-height: 1.4rem; overflow-wrap: normal; overflow: auto; padding: 1rem; position: relative; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&amp;lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/pNrsd5naN7U&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;align-middle&quot; style=&quot;border-bottom: 1px solid rgb(204, 204, 204);&quot;&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;p id=&quot;GUID-AC041D4C-467B-4557-803D-FF31D2D9C569&quot; style=&quot;margin-bottom: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;ph&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Twitter&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;p id=&quot;GUID-1E63F9DC-3603-433E-9F50-C92D9A8AA186&quot; style=&quot;margin-bottom: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;ph&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Example of a&amp;nbsp;&lt;a class=&quot;xref xref&quot; href=&quot;https://help.twitter.com/en/using-twitter/embed-twitter-feed&quot; style=&quot;color: #0076bc; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;Twitter Timeline&lt;/a&gt;:&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;section class=&quot;codeblock padded-anchor&quot; purpose=&quot;codeblock&quot;&gt;&lt;div class=&quot;codeblockbody&quot;&gt;&lt;pre style=&quot;margin-bottom: 1.55rem; max-width: 38em; overflow-wrap: break-word; white-space: pre-wrap;&quot;&gt;&lt;code class=&quot;other no-highlight&quot; style=&quot;background-color: #f8f8f8; border-radius: 3px; border: 1px solid rgb(239, 239, 239); color: #595959; display: block; line-height: 1.4rem; overflow-wrap: normal; overflow: auto; padding: 1rem; position: relative; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&amp;lt;a class=&quot;twitter-timeline&quot; href=&quot;https://twitter.com/ArcGISApps?ref_src=twsrc%5Etfw&quot;&amp;gt;Tweets by ArcGISApps&amp;lt;/a&amp;gt; &amp;lt;script async src=&quot;https://platform.twitter.com/widgets.js&quot; charset=&quot;utf-8&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;align-middle&quot; style=&quot;border-bottom: 1px solid rgb(204, 204, 204);&quot;&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;p id=&quot;GUID-BEA3762A-55B8-437B-9725-5CC5F6932AEB&quot; style=&quot;margin-bottom: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;ph&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Facebook&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;section class=&quot;codeblock padded-anchor&quot; purpose=&quot;codeblock&quot;&gt;&lt;div class=&quot;codeblockbody&quot;&gt;&lt;pre style=&quot;margin-bottom: 1.55rem; max-width: 38em; overflow-wrap: break-word; white-space: pre-wrap;&quot;&gt;&lt;code class=&quot;other no-highlight&quot; style=&quot;background-color: #f8f8f8; border-radius: 3px; border: 1px solid rgb(239, 239, 239); color: #595959; display: block; line-height: 1.4rem; overflow-wrap: normal; overflow: auto; padding: 1rem; position: relative; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&amp;lt;iframe src=&quot;https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fesrigis%2Fphotos%2Fa.433181450280%2F10160256145415281%2F&amp;amp;show_text=true&amp;amp;width=500&quot;
  1049. width=&quot;500&quot; height=&quot;417&quot; style=&quot;border:none;overflow:hidden&quot;
  1050. scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;true&quot;
  1051. allow=&quot;autoplay; clipboard-write; encrypted-media;
  1052. picture-in-picture; web-share&quot;&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;align-middle&quot; style=&quot;border-bottom: 1px solid rgb(204, 204, 204);&quot;&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;p id=&quot;GUID-6C215CD2-33EF-4F71-8D64-4EF8E7D61BCE&quot; style=&quot;margin-bottom: 0px; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Instagram&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;section class=&quot;codeblock padded-anchor&quot; purpose=&quot;codeblock&quot;&gt;&lt;div class=&quot;codeblockbody&quot;&gt;&lt;pre style=&quot;margin-bottom: 1.55rem; max-width: 38em; overflow-wrap: break-word; white-space: pre-wrap;&quot;&gt;&lt;code class=&quot;other no-highlight&quot; style=&quot;background-color: #f8f8f8; border-radius: 3px; border: 1px solid rgb(239, 239, 239); color: #595959; display: block; line-height: 1.4rem; overflow-wrap: normal; overflow: auto; padding: 1rem; position: relative; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;
  1053. &amp;lt;blockquote class=&quot;instagram-media&quot; data-instgrm-permalink=&quot;https://www.instagram.com/reel/CmZQDMJtMvc/?utm_source=ig_embed&amp;amp;amp;utm_campaign=loading&quot; data-instgrm-version=&quot;14&quot; style=&quot; background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);&quot;&amp;gt;&amp;lt;div style=&quot;padding:16px;&quot;&amp;gt; &amp;lt;a href=&quot;https://www.instagram.com/reel/CmZQDMJtMvc/?utm_source=ig_embed&amp;amp;amp;utm_campaign=loading&quot; style=&quot; background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;&quot; target=&quot;_blank&quot;&amp;gt; &amp;lt;div style=&quot; display: flex; flex-direction: row; align-items: center;&quot;&amp;gt; &amp;lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div style=&quot;display: flex; flex-direction: column; flex-grow: 1; justify-content: center;&quot;&amp;gt; &amp;lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&quot;padding: 19% 0;&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div style=&quot;display:block; height:50px; margin:0 auto 12px; width:50px;&quot;&amp;gt;&amp;lt;svg width=&quot;50px&quot; height=&quot;50px&quot; viewBox=&quot;0 0 60 60&quot; version=&quot;1.1&quot; xmlns=&quot;https://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;https://www.w3.org/1999/xlink&quot;&amp;gt;&amp;lt;g stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;&amp;gt;&amp;lt;g transform=&quot;translate(-511.000000, -20.000000)&quot; fill=&quot;#000000&quot;&amp;gt;&amp;lt;g&amp;gt;&amp;lt;path d=&quot;M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631&quot;&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&quot;padding-top: 8px;&quot;&amp;gt; &amp;lt;div style=&quot; color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;&quot;&amp;gt;View this post on Instagram&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&quot;padding: 12.5% 0;&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div style=&quot;display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;&quot;&amp;gt;&amp;lt;div&amp;gt; &amp;lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div style=&quot;background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&quot;margin-left: 8px;&quot;&amp;gt; &amp;lt;div style=&quot; background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div style=&quot; width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&quot;margin-left: auto;&quot;&amp;gt; &amp;lt;div style=&quot; width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div style=&quot; background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div style=&quot; width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div style=&quot;display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;&quot;&amp;gt; &amp;lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;p style=&quot; color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;&quot;&amp;gt;&amp;lt;a href=&quot;https://www.instagram.com/reel/CmZQDMJtMvc/?utm_source=ig_embed&amp;amp;amp;utm_campaign=loading&quot; style=&quot; color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;&quot; target=&quot;_blank&quot;&amp;gt;A post shared by Esri (@esrigram)&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/blockquote&amp;gt; &amp;lt;script async src=&quot;//www.instagram.com/embed.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;align-middle&quot; style=&quot;border-bottom: 1px solid rgb(204, 204, 204);&quot;&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;p id=&quot;GUID-E5F87C84-D164-45E2-8C9F-F1B5A240C39E&quot; style=&quot;margin-bottom: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;ph&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Vimeo&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;section class=&quot;codeblock padded-anchor&quot; purpose=&quot;codeblock&quot;&gt;&lt;div class=&quot;codeblockbody&quot;&gt;&lt;pre style=&quot;margin-bottom: 1.55rem; max-width: 38em; overflow-wrap: break-word; white-space: pre-wrap;&quot;&gt;&lt;code class=&quot;other no-highlight&quot; style=&quot;background-color: #f8f8f8; border-radius: 3px; border: 1px solid rgb(239, 239, 239); color: #595959; display: block; line-height: 1.4rem; overflow-wrap: normal; overflow: auto; padding: 1rem; position: relative; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&amp;lt;iframe src=&quot;https://player.vimeo.com/video/344310270?h=f8c418505e&quot; width=&quot;640&quot; height=&quot;360&quot; frameborder=&quot;0&quot; allow=&quot;autoplay; fullscreen; picture-in-picture&quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;
  1054. &amp;lt;p&amp;gt;&amp;lt;a href=&quot;https://vimeo.com/344310270&quot;&amp;gt;The Science of Where - ESRI&amp;lt;/a&amp;gt; from &amp;lt;a href=&quot;https://vimeo.com/south422&quot;&amp;gt;422 South&amp;lt;/a&amp;gt; on &amp;lt;a href=&quot;https://vimeo.com&quot;&amp;gt;Vimeo&amp;lt;/a&amp;gt;.&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class=&quot;align-middle&quot; style=&quot;border-bottom: none;&quot;&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;p id=&quot;GUID-B01266F8-0093-4001-8373-686588C59182&quot; style=&quot;margin-bottom: 0px; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Other&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;td colspan=&quot;1&quot; outputclass=&quot;&quot; purpose=&quot;entry&quot; rowspan=&quot;1&quot; style=&quot;border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 0.51667rem;&quot;&gt;&lt;p id=&quot;GUID-18340FA7-9AB0-4E1D-A600-A591B86385B0&quot; style=&quot;margin-bottom: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;ph&quot;&gt;&lt;a class=&quot;xref xref&quot; esrisubtype=&quot;extrel&quot; href=&quot;https://doc.arcgis.com/en/arcgis-online/reference/supported-html.htm&quot; hrefpfx=&quot;/en/arcgis-online&quot; style=&quot;color: #0076bc; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Learn more about supported HTML&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;caption style=&quot;caption-side: bottom; color: #757575; line-height: 1.5em; padding: 0.25em 0em; text-align: left;&quot;&gt;&lt;/caption&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;panel trailer-1&quot; id=&quot;GUID-B251BA6C-DAAC-47C5-94D4-564318B63C2C&quot; style=&quot;background-color: #f8f8f8; border: 1px solid rgb(239, 239, 239); margin-bottom: 1.55rem; padding: 1.023rem;&quot;&gt;&lt;h5 class=&quot;icon-ui-notice-triangle trailer-0&quot; style=&quot;font-weight: 300; line-height: 1.55rem; margin: 0px 0px 0rem;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Caution:&lt;/span&gt;&lt;/h5&gt;&lt;p id=&quot;GUID-0E52C236-FCFD-475A-B049-E260B39F5EAC&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;There is an 8 KB (8192-character) size limit imposed for performance reasons.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;panel trailer-1&quot; id=&quot;GUID-02E53E0E-9ED3-4BE2-B971-B461FD456B0E&quot; style=&quot;background-color: #f8f8f8; border: 1px solid rgb(239, 239, 239); margin-bottom: 1.55rem; padding: 1.023rem;&quot;&gt;&lt;h5 class=&quot;icon-ui-description trailer-0&quot; style=&quot;font-weight: 300; line-height: 1.55rem; margin: 0px 0px 0rem;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Tip:&lt;/span&gt;&lt;/h5&gt;&lt;p id=&quot;GUID-B1D88BB6-5387-45B9-B332-395420A60449&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;If you want to embed a complex HTML page that exceeds the size limit or does not come from any of the supported sources, deploy the page to your own server and embed by URL instead.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li id=&quot;LI_3408D01FF7A240DA899F86BD73C97CBE&quot; purpose=&quot;li&quot; style=&quot;list-style-position: outside; margin: 0.3875rem 0px 0.3875rem 1.5rem;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span class=&quot;uicontrol&quot; style=&quot;font-weight: 700;&quot;&gt;Auto refresh&lt;/span&gt;—Set a custom time interval (in minutes) to automatically refresh the embedded content in the Embed widget. The minimum value you can set is 0.2 minutes (12 seconds).&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/section&gt;&lt;section class=&quot;section1 padded-anchor&quot; id=&quot;ESRI_SECTION1_E9F1AE6672494CAC952AAA6B703AD298&quot; purpose=&quot;section1&quot; style=&quot;color: #4c4c4c;&quot;&gt;&lt;h2 style=&quot;font-weight: 300; line-height: 2.325rem; margin: 0px 0px 1.55rem; padding-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Configure a dynamic URL&lt;/span&gt;&lt;/h2&gt;&lt;p id=&quot;GUID-9BA617DA-EE01-494C-ABE4-4859CEF375F7&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Complete the following steps to obtain URL parameters from your web experience that you can pass to an embedded app:&lt;/span&gt;&lt;/p&gt;&lt;section class=&quot;wfsteps padded-anchor&quot; purpose=&quot;wfsteps&quot;&gt;&lt;div class=&quot;steps&quot; id=&quot;ESRI_STEPS_022BAFDAF311460B8AB9D0ACDE330331&quot;&gt;&lt;ol class=&quot;list-numbered&quot; purpose=&quot;ol&quot; style=&quot;counter-reset: li 0; line-height: 1.55rem; list-style: none; margin-bottom: 1.55rem; margin-left: 0px; margin-top: 0px; padding: 0px 0px 1em; position: relative;&quot;&gt;&lt;li id=&quot;ESRI_STEP_15A9E81A27CE4A97B9338C198B5EDBE2&quot; purpose=&quot;step&quot; style=&quot;list-style-position: outside; margin: 0.3875rem 0px 0.75em; padding: 0.3em 0.25em 0.25em 2.5em; position: relative;&quot;&gt;&lt;span purpose=&quot;cmd&quot; style=&quot;display: block; margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Add an Embed widget and save.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li id=&quot;ESRI_STEP_DAB90E543A154BCCA5563E3F9DB8528E&quot; purpose=&quot;step&quot; style=&quot;list-style-position: outside; margin: 0.3875rem 0px 0.75em; padding: 0.3em 0.25em 0.25em 2.5em; position: relative;&quot;&gt;&lt;span purpose=&quot;cmd&quot; style=&quot;display: block; margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;In the address bar of the browser window, add the URL parameter to your web experience URL and press&amp;nbsp;&lt;span class=&quot;shortcut&quot; style=&quot;padding: 0px 1px;&quot;&gt;Enter&lt;/span&gt;&amp;nbsp;to reload the page.&lt;/span&gt;&lt;/span&gt;&lt;div class=&quot;info&quot; purpose=&quot;info&quot;&gt;&lt;div class=&quot;panel trailer-1&quot; id=&quot;GUID-1DCE3EEA-DE6E-4C93-9E50-4F073D670832&quot; style=&quot;background-color: #f8f8f8; border: 1px solid rgb(239, 239, 239); margin-bottom: 1.55rem; padding: 1.023rem;&quot;&gt;&lt;h5 class=&quot;icon-ui-description trailer-0&quot; style=&quot;font-weight: 300; line-height: 1.55rem; margin: 0px 0px 0rem;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Tip:&lt;/span&gt;&lt;/h5&gt;&lt;p id=&quot;GUID-CC013769-8411-4EC9-BA9E-89715F8D3F92&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Because the builder already includes the app ID parameter, add the URL parameter using an ampersand (such as&amp;nbsp;&lt;span class=&quot;usertext&quot;&gt;&amp;amp;state=&lt;/span&gt;) instead of a question mark.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;p id=&quot;GUID-45CC47FF-6928-495F-8380-C84611C16A8D&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Once the builder reloads with the URL parameter, the&amp;nbsp;&lt;a class=&quot;xref xref&quot; href=&quot;https://doc.arcgis.com/en/experience-builder/latest/configure-widgets/embed-widget.htm#LI_313D29D5CD2544C1B37A893389BD3368&quot; style=&quot;color: #0076bc; text-decoration-line: none;&quot;&gt;&lt;span class=&quot;uicontrol&quot; style=&quot;color: #0079c1; font-weight: 700;&quot;&gt;URL info&lt;/span&gt;&lt;/a&gt;&amp;nbsp;button displays its key to build a dynamic URL.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;li id=&quot;ESRI_STEP_ADEF621355B64B4784013C4D3E642534&quot; purpose=&quot;step&quot; style=&quot;list-style-position: outside; margin: 0.3875rem 0px 0.75em; padding: 0.3em 0.25em 0.25em 2.5em; position: relative;&quot;&gt;&lt;span purpose=&quot;cmd&quot; style=&quot;display: block; margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;In the&amp;nbsp;&lt;span class=&quot;uicontrol&quot; style=&quot;font-weight: 700;&quot;&gt;Embed by&lt;/span&gt;&amp;nbsp;URL input box, paste the URL for the app you want to embed.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li id=&quot;ESRI_STEP_555D9F762ABC4B36A1CC431B9E92C30D&quot; purpose=&quot;step&quot; style=&quot;list-style-position: outside; margin: 0.3875rem 0px 0.75em; padding: 0.3em 0.25em 0.25em 2.5em; position: relative;&quot;&gt;&lt;span purpose=&quot;cmd&quot; style=&quot;display: block; margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;At the end of the embed URL, type the URL parameter (such as&amp;nbsp;&lt;span class=&quot;usertext&quot;&gt;?state=&lt;/span&gt;).&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li id=&quot;ESRI_STEP_FC9910FCFABE4A518D39B02A648DB6FF&quot; purpose=&quot;step&quot; style=&quot;list-style-position: outside; margin: 0.3875rem 0px 0.75em; padding: 0.3em 0.25em 0.25em 2.5em; position: relative;&quot;&gt;&lt;span purpose=&quot;cmd&quot; style=&quot;display: block; margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Click the&amp;nbsp;&lt;span class=&quot;uicontrol&quot; style=&quot;font-weight: 700;&quot;&gt;URL info&lt;/span&gt;&amp;nbsp;button and select the corresponding key to complete the dynamic URL.&lt;/span&gt;&lt;/span&gt;&lt;div class=&quot;info&quot; purpose=&quot;info&quot;&gt;&lt;p id=&quot;GUID-25C2AFF0-A948-442B-8833-BE4B204475B2&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The following is an example dynamic URL for an embedded dashboard:&lt;/span&gt;&lt;/p&gt;&lt;section class=&quot;codeblock padded-anchor&quot; purpose=&quot;codeblock&quot;&gt;&lt;div class=&quot;codeblockdesc&quot; purpose=&quot;codeblockdesc&quot;&gt;&lt;/div&gt;&lt;div class=&quot;codeblockbody&quot;&gt;&lt;pre style=&quot;margin-bottom: 1.55rem; max-width: 100%; overflow-wrap: break-word; white-space: pre-wrap;&quot;&gt;&lt;code class=&quot;other no-highlight&quot; style=&quot;background-color: #f8f8f8; border-radius: 3px; border: 1px solid rgb(239, 239, 239); color: #595959; display: block; line-height: 1.4rem; overflow-wrap: normal; overflow: auto; padding: 1rem; position: relative; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;https://&amp;lt;your portal url&amp;gt;/apps/opsdashboard/index.html#/&amp;lt;id&amp;gt;?state={appURL.search.state}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/section&gt;&lt;p style=&quot;margin: 0px;&quot;&gt;&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;&lt;/section&gt;&lt;/section&gt;&lt;section class=&quot;section1 padded-anchor&quot; id=&quot;ESRI_SECTION1_679CF7FAAD32477BA57D2656E1099A19&quot; purpose=&quot;section1&quot; style=&quot;color: #4c4c4c;&quot;&gt;&lt;h2 style=&quot;font-weight: 300; line-height: 2.325rem; margin: 0px 0px 1.55rem; padding-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Share authentication&lt;/span&gt;&lt;/h2&gt;&lt;p id=&quot;GUID-D8DA9092-2F33-4CA3-B018-0F7C625A4AF9&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span class=&quot;ph&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Some web applications prompt users to sign in with an ArcGIS account. An app might require login because of its&amp;nbsp;&lt;a class=&quot;xref xref&quot; esrisubtype=&quot;extrel&quot; href=&quot;https://doc.arcgis.com/en/arcgis-online/share-maps/share-items.htm&quot; hrefpfx=&quot;/en/arcgis-online&quot; style=&quot;color: #0076bc; text-decoration-line: none;&quot;&gt;share settings&lt;/a&gt;, because the app includes widgets that use&amp;nbsp;&lt;a class=&quot;xref xref&quot; esrisubtype=&quot;extrel&quot; href=&quot;https://doc.arcgis.com/en/arcgis-online/reference/faq.htm#GUID-7DD6E881-411F-4861-B140-C6E465C1371D&quot; hrefpfx=&quot;/en/arcgis-online&quot; style=&quot;color: #0076bc; text-decoration-line: none;&quot;&gt;premium content&lt;/a&gt;, or for other reasons.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p id=&quot;GUID-F3F3458F-035B-4E6D-8315-8F4FAA22E816&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;If you want to embed an ArcGIS web app in your&amp;nbsp;&lt;span class=&quot;ph&quot;&gt;Experience Builder&lt;/span&gt;&amp;nbsp;app, and both require login, you can add the&amp;nbsp;&lt;span class=&quot;usertext&quot;&gt;arcgis-auth-origin&lt;/span&gt;&amp;nbsp;and&amp;nbsp;&lt;span class=&quot;usertext&quot;&gt;arcgis-auth-portal&lt;/span&gt;&amp;nbsp;URL parameters to share authentication between both apps so users only need to sign in once.&lt;/span&gt;&lt;/p&gt;&lt;p id=&quot;GUID-B9EA69CF-0F17-4A7A-9733-25452466987F&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;To embed a private&amp;nbsp;&lt;span class=&quot;ph&quot;&gt;Experience Builder&lt;/span&gt;&amp;nbsp;app in another&amp;nbsp;&lt;span class=&quot;ph&quot;&gt;Experience Builder&lt;/span&gt;&amp;nbsp;app, use&amp;nbsp;&lt;span class=&quot;usertext&quot;&gt;?arcgis-auth-origin=&lt;/span&gt;&amp;nbsp;to define the host app domain URL for authentication. The following is an example:&lt;/span&gt;&lt;/p&gt;&lt;section class=&quot;codeblock padded-anchor&quot; purpose=&quot;codeblock&quot;&gt;&lt;div class=&quot;codeblockbody&quot;&gt;&lt;pre style=&quot;margin-bottom: 1.55rem; max-width: 100%; overflow-wrap: break-word; white-space: pre-wrap;&quot;&gt;&lt;code class=&quot;other no-highlight&quot; style=&quot;background-color: #f8f8f8; border-radius: 3px; border: 1px solid rgb(239, 239, 239); color: #595959; display: block; line-height: 1.4rem; overflow-wrap: normal; overflow: auto; padding: 1rem; position: relative; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;https://&amp;lt;orgdomain&amp;gt;/experience/&amp;lt;AppID&amp;gt;/?arcgis-auth-origin=&amp;lt;your host app domain, such as https://localhost:3001&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/section&gt;&lt;p style=&quot;margin: 0px;&quot;&gt;&lt;/p&gt;&lt;p id=&quot;GUID-511ADAF2-056F-4505-A062-3429B6D6CE1C&quot; style=&quot;margin-bottom: 1.55rem; margin-top: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;To embed a&amp;nbsp;&lt;span class=&quot;ph&quot;&gt;JavaScript&lt;/span&gt;&amp;nbsp;API-based app, such as a&amp;nbsp;&lt;span class=&quot;ph&quot;&gt;Web AppBuilder&lt;/span&gt;&amp;nbsp;app, use the&amp;nbsp;&lt;span class=&quot;usertext&quot;&gt;?arcgis-auth-origin=&lt;/span&gt;&amp;nbsp;for the host app domain authentication and&amp;nbsp;&lt;span class=&quot;usertext&quot;&gt;?arcgis-auth-portal=&lt;/span&gt;&amp;nbsp;for the&amp;nbsp;&lt;span class=&quot;ph&quot;&gt;JavaScript&lt;/span&gt;&amp;nbsp;API based app&#39;s domain authentication. The following is an example:&lt;/span&gt;&lt;/p&gt;&lt;section class=&quot;codeblock padded-anchor&quot; purpose=&quot;codeblock&quot;&gt;&lt;div class=&quot;codeblockbody&quot;&gt;&lt;pre style=&quot;margin-bottom: 1.55rem; max-width: 100%; overflow-wrap: break-word; white-space: pre-wrap;&quot;&gt;&lt;code class=&quot;other no-highlight&quot; style=&quot;background-color: #f8f8f8; border-radius: 3px; border: 1px solid rgb(239, 239, 239); color: #595959; display: block; line-height: 1.4rem; overflow-wrap: normal; overflow: auto; padding: 1rem; position: relative; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;https://&amp;lt;orgdomain&amp;gt;/apps/webappviewer/index.html?id=&amp;lt;appID&amp;gt;&amp;amp;arcgis-auth-origin=&amp;lt;your host app domain, such as https://localhost:3001&amp;gt;&amp;amp;arcgis-auth-portal=&amp;lt;orgA URL&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/section&gt;&lt;section class=&quot;codeblock padded-anchor&quot; purpose=&quot;codeblock&quot;&gt;&lt;div class=&quot;codeblockbody&quot;&gt;&lt;pre style=&quot;margin-bottom: 1.55rem; max-width: 100%; overflow-wrap: break-word; white-space: pre-wrap;&quot;&gt;&lt;code class=&quot;other no-highlight&quot; style=&quot;background-color: #f8f8f8; border-radius: 3px; border: 1px solid rgb(239, 239, 239); color: #595959; display: block; line-height: 1.4rem; overflow-wrap: normal; overflow: auto; padding: 1rem; position: relative; white-space: pre;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;https://www.arcgis.com/apps/opsdashboard/index.html#/&amp;lt;appID&amp;gt;?arcgis-auth-origin=https://experience.arcgis.com&amp;amp;arcgis-auth-portal=https://&amp;lt;myorg&amp;gt;.maps.arcgis.com&lt;/span&gt;&lt;/code&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/section&gt;&lt;p style=&quot;font-family: &amp;quot;Avenir Next W01&amp;quot;, &amp;quot;Avenir Next W00&amp;quot;, &amp;quot;Avenir Next&amp;quot;, Avenir, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 17px; margin: 0px;&quot;&gt;&lt;/p&gt;&lt;/section&gt;</description><link>http://superblogger3.blogspot.com/2023/03/best-practices-on-embedding-third-party.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXQYZ4lQoWKq7ssVZMcPGmymwNApdwjvLTjAcr9zU3X8zbT9I6wUWqj7J-oTUYoDzjTcxaNYaWXYdWfhOYmo66WWY5vndzlSOVCLloFpP_bhHMxfAk_ETj9w0Yy80mKmu4tvheO9Xrwqh1QL02YV7CPQ4YmXZicZDLIVLEo9hEDegHnVMj8v-NFSM4hw/s72-w431-h509-c/Best%20Practices%20on%20Embedding%20Third-Party%20Web%20Widgets.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-7446405113974223303</guid><pubDate>Wed, 29 Mar 2023 05:46:00 +0000</pubDate><atom:updated>2023-04-05T11:58:45.977+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Word Press</category><title>Why Avoid Nulled WordPress Themes &amp; Plugins</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
  1055. &lt;a href=&quot;https://superblogger3.blogspot.com/2020/02/why-avoid-nulled-wordpress-themes.html&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;129&quot; data-original-width=&quot;389&quot; height=&quot;212&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqmGGpr4weH6kI-7Hh1GZ7l9bVfXS1K3i7T9bK0Ogv-_nmaHCmOj2wItpmjCr8wUv1hLvgncvG-XBojSuOjMgtK07bNwJsnhFbbTt0gz5nkX4hHXC1SkHTnlGIcE_YdB0v8D0EFmmVCmWA/s640/nulled-scripts.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
  1056. &lt;br /&gt;
  1057. &lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
  1058. &lt;br /&gt;
  1059. &lt;br /&gt;
  1060. &lt;h2 style=&quot;background: rgb(3, 31, 59); box-sizing: border-box; color: white; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.6rem; line-height: 1.27; margin: 0px 0px 1.8rem; padding: 10px;&quot;&gt;
  1061. &lt;span id=&quot;Why_Avoid_Nulled_WordPress_Themes_Plugins&quot; style=&quot;box-sizing: border-box;&quot;&gt;Why Avoid Nulled WordPress Themes &amp;amp; Plugins&lt;/span&gt;&lt;/h2&gt;
  1062. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1063. Previously int his article we have mentioned about the various website from which you can download nulled scripts, nulled wordpress themes and plugins.&lt;/div&gt;
  1064. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1065. But we&amp;nbsp;have also mentioned that all these nulled theme and plugins should be used for the testing purpose and not on the live websites.&lt;/div&gt;
  1066. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1067. We highly recommend you to use the original wordpress themes and plugins instead of nulled ones.&lt;/div&gt;
  1068. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1069. Before we go ahead with the reasons to avoid nulled wordpress themes &amp;amp; plugins, lets first understand what are these nulled scripts, theme and plugins.&lt;/div&gt;
  1070. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1071. &lt;span id=&quot;What_are_Nulled_WordPress_Themes_Plugins&quot; style=&quot;box-sizing: border-box;&quot;&gt;What are Nulled WordPress Themes &amp;amp; Plugins&lt;/span&gt;&lt;/h3&gt;
  1072. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1073. Nulled WordPress themes and plugins are pirated copies of paid WordPress themes and plugins distributed unethically on the internet.&lt;/div&gt;
  1074. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1075. WordPress themes and plugins are licensed under&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;GPL.&amp;nbsp;&lt;/span&gt;This gives them the authority to redistribute these nulled items.&lt;/div&gt;
  1076. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1077. Redistributing these nulled wordpress themes and plugins not only cause a huge loss for the developers&amp;nbsp;but most importantly it compromises the security and integrity of websites using these nulled WordPress themes and plugins.&lt;/div&gt;
  1078. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1079. This nulled plugins and themes are often the reason for a website getting hacked.&lt;/div&gt;
  1080. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1081. Let’s go through the various reasons because of which you should avoid these nulled scripts, WordPress themes, and plugins.&lt;/div&gt;
  1082. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1083. &lt;span id=&quot;1_Privacy&quot; style=&quot;box-sizing: border-box;&quot;&gt;1. Privacy&lt;/span&gt;&lt;/h3&gt;
  1084. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1085. WordPress nulled themes &amp;amp; plugins have malicious code hidden within them. These codes are hard to detect and can steal information from your website and pass it on to the dark web.&lt;/div&gt;
  1086. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1087. Your user’s security will also be at stake and their personal information like email, mobile numbers and passwords will be compromised, especially in case of you are running an online store or membership website.&lt;/div&gt;
  1088. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1089. The website can be easily hacked and will these nulled WordPress themes will open a backdoor entry for hackers.&lt;/div&gt;
  1090. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1091. These kind of hacks are hard to detect and may go unnoticed as your WordPress site keeps functioning normally.&lt;/div&gt;
  1092. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1093. I had once used a nulled WordPress plugin on my website, but I was lucky to get it detected by&amp;nbsp;&lt;a href=&quot;https://bloggersutra.com/deals/malcare-coupon-code&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;Malcare security plugin&lt;/a&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;&amp;nbsp;(&lt;/span&gt;&lt;a href=&quot;https://bloggersutra.com/malcare-review&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;Read Malcare Review&lt;/a&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;)&lt;/span&gt;.&lt;/div&gt;
  1094. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1095. We recommend you to use&amp;nbsp;&lt;a href=&quot;https://bloggersutra.com/deals/malcare-coupon-code&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;malcare wordpress security plugin&lt;/a&gt;&amp;nbsp;to protect your website from hackers and&amp;nbsp;&lt;a href=&quot;https://blogvault.net/?loc=BLOGGERSUTRA30OFF&amp;amp;utm_source=bloggersutra&quot; rel=&quot;nofollow noopener&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot; target=&quot;_blank&quot;&gt;Blogvault to online backup your website&lt;/a&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;&amp;nbsp;(&lt;/span&gt;&lt;a href=&quot;https://bloggersutra.com/blogvault-review&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;Read Blogvault Review&lt;/a&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;).&lt;/span&gt;&lt;/div&gt;
  1096. &lt;ul style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin: 0px 0px 3rem; padding-left: 20px;&quot;&gt;
  1097. &lt;li style=&quot;box-sizing: border-box; margin-bottom: 1rem;&quot;&gt;&lt;a href=&quot;https://bloggersutra.com/wordpress-ultimate-security-guide&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;48 Tips to make your wordpress website hackproof&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  1098. &lt;/ul&gt;
  1099. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1100. &lt;span id=&quot;2_Bad_for_SEO&quot; style=&quot;box-sizing: border-box;&quot;&gt;2. Bad for SEO&lt;/span&gt;&lt;/h3&gt;
  1101. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1102. Pirated wordpress themes and plugins can destroy your&amp;nbsp;&lt;a href=&quot;https://bloggersutra.com/seo-guide-for-beginners-2017&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;website SEO&lt;/a&gt;&amp;nbsp;completely. They can not only reduce your search engine ranking but sometimes you have to&amp;nbsp;&lt;a href=&quot;https://bloggersutra.com/start-a-blog-free&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;create the complete website&lt;/a&gt;&amp;nbsp;from scratch.&lt;/div&gt;
  1103. &lt;ul style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin: 0px 0px 3rem; padding-left: 20px;&quot;&gt;
  1104. &lt;li style=&quot;box-sizing: border-box; margin-bottom: 1rem;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;&lt;a href=&quot;https://bloggersutra.com/cheap-web-hosting&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;Cheap Web Hosting to Start Your Website&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
  1105. &lt;/ul&gt;
  1106. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1107. Nulled wordpress themes &amp;amp; plugins can insert spam links to your website and even redirect your users to bad websites.&lt;/div&gt;
  1108. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1109. The codes in the nulled scripts are in such a way that it can’t be detected from naked eyes. However, search engines can easily figure them out&amp;nbsp;and penalize your website by dropping your search rankings or de-indexing your website completely.&lt;/div&gt;
  1110. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1111. &lt;span id=&quot;3_Website_Security&quot; style=&quot;box-sizing: border-box;&quot;&gt;3. Website Security&lt;/span&gt;&lt;/h3&gt;
  1112. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1113. Nulled scripts are extremely dangerous for your&amp;nbsp;&lt;a href=&quot;https://bloggersutra.com/ultimate-web-server-security-guide-2017&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;website security&lt;/a&gt;. They are known to carry malware hidden within their script.&lt;/div&gt;
  1114. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1115. The malicious code can spread across different files to disguise itself which makes it hard to&amp;nbsp;&lt;a href=&quot;https://bloggersutra.com/malcare-review&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;detect and fix&lt;/a&gt;&amp;nbsp;when your website is hacked.&lt;/div&gt;
  1116. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1117. The malware will not only affect the ranking and SEO of your website but can also de-index your website completely from the search engine.&lt;/div&gt;
  1118. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1119. &lt;span id=&quot;4_No_Access_to_Updates&quot; style=&quot;box-sizing: border-box;&quot;&gt;4. No Access to Updates&lt;/span&gt;&lt;/h3&gt;
  1120. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1121. Nulled wordpress themes &amp;amp; plugins are coded in such a way that they don’t have access to the server of the theme or plugin provider.&lt;/div&gt;
  1122. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1123. Thus the theme provider can not authenticate the license for your website. Since the authentication is disabled in nulled scripts, they can not download the updates from the server automatically or manually.&lt;/div&gt;
  1124. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1125. If the wordpress theme and plugins are not updated regularly they can malfunction and even compromise your website security.&lt;/div&gt;
  1126. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1127. &lt;span id=&quot;5_Support&quot; style=&quot;box-sizing: border-box;&quot;&gt;5. Support&lt;/span&gt;&lt;/h3&gt;
  1128. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1129. Since you have not bought the license for the product and using nulled wordpress themes &amp;amp; plugins you will never get access to the direct support from the developers.&lt;/div&gt;
  1130. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1131. The developers are spending lots of time in creating the tutorials and resolving issues of their clients. In fact,&amp;nbsp;after the various issues faced by the users, they update their wordpress theme and plugins with required patches.&lt;/div&gt;
  1132. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1133. If you are using nulled scripts you will never get access to these patches and as a result, your website will start misbehaving.&lt;/div&gt;
  1134. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1135. Malfunctioning of these nulled wordpress themes can give a bad user experience&amp;nbsp;and decrease your search engine ranking.&lt;/div&gt;
  1136. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1137. &lt;span id=&quot;6_Documentation&quot; style=&quot;box-sizing: border-box;&quot;&gt;6. Documentation&lt;/span&gt;&lt;/h3&gt;
  1138. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1139. The plugin developers regularly create the documentation and tutorials as per the request of their clients. These documentations help you to do the optimum utilization of these wordpress themes and plugins.&lt;/div&gt;
  1140. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1141. If you are using nulled wordpress themes &amp;amp; plugins, you will never get access to these documentations and ultimately it will affect your website.&lt;/div&gt;
  1142. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1143. These documentations can only be accessed by the paid clients, so avoid nulled wordpress themes and plugins.&lt;/div&gt;
  1144. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1145. &lt;span id=&quot;7_New_Features&quot; style=&quot;box-sizing: border-box;&quot;&gt;7. New Features&lt;/span&gt;&lt;/h3&gt;
  1146. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1147. The developers regularly introduce new features for their wordpress theme and plugins as per the user requirement and competition with other developers.&lt;/div&gt;
  1148. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1149. Using nulled WordPress themes and plugins will never let you get access to these new features and your themes or plugins will get obsolete after some time.&lt;/div&gt;
  1150. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1151. &lt;span id=&quot;8_WordPress_Compatibility&quot; style=&quot;box-sizing: border-box;&quot;&gt;8. WordPress Compatibility&lt;/span&gt;&lt;/h3&gt;
  1152. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1153. WordPress developers are working day and night for improvement within wordpress. They keep on releasing the latest wordpress version with new and features and security patches.&lt;/div&gt;
  1154. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1155. With the changes in wordpress versions the wordpress themes and plugins developers also have to make the required changes to make them compatible with current wordpress version.&lt;/div&gt;
  1156. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1157. If you are using nulled themes &amp;amp; plugins you will never get the access to the updated version of these themes and plugins and they will not work as they are supposed to do.&lt;/div&gt;
  1158. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1159. It may create some security issues to your website thus making them prone to hacking.&lt;/div&gt;
  1160. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1161. &lt;span id=&quot;9_Discourages_Innovation&quot; style=&quot;box-sizing: border-box;&quot;&gt;9. Discourages Innovation&lt;/span&gt;&lt;/h3&gt;
  1162. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1163. The companies are poofing lots of money for development and innovation of new wordpress themes and plugins. The ultimate source of income for these developers is from users buying these themes and plugins.&lt;/div&gt;
  1164. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1165. Using nulled wordpress themes &amp;amp; plugins will&amp;nbsp;discourage these developers from developing new innovations, as the financial assistance required for the development is narrowed.&lt;/div&gt;
  1166. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1167. &lt;span id=&quot;9_No_Free_Alternatives&quot; style=&quot;box-sizing: border-box;&quot;&gt;9. No Free Alternatives&lt;/span&gt;&lt;/h3&gt;
  1168. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1169. There is no reason for anyone to use nulled WordPress themes and plugins. No matter which WordPress theme or plugin you choose, there is always more than one suitable free alternative available for them.&lt;/div&gt;
  1170. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1171. Most of the developers offer&amp;nbsp;the free version of their premium themes and plugins for the users to get the hand on it. Although the free version does not come with the complete features compared to the premium version.&lt;/div&gt;
  1172. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1173. For WordPress themes, take a look at our expert-pick of the&amp;nbsp;&lt;a href=&quot;https://bloggersutra.com/free-wordpress-theme-for-coupon-website&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;best free WordPress themes&lt;/a&gt;&amp;nbsp;that are just as good as a premium theme.&lt;/div&gt;
  1174. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1175. If you start using these nulled wordpress themes and plugins then it will create an abundance to the free alternatives.&lt;/div&gt;
  1176. &lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #0d3153; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.5rem; line-height: 1.29; margin: 6.4rem 0px 1.4rem;&quot;&gt;
  1177. &lt;span id=&quot;10_Legal_Issues&quot; style=&quot;box-sizing: border-box;&quot;&gt;10. Legal Issues&lt;/span&gt;&lt;/h3&gt;
  1178. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1179. Most of the wordpress plugins &amp;amp; themes are open source, however, few of them comes with a mixed license. ie some part of coding is under copyright protection and can’t be distributed.&lt;/div&gt;
  1180. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1181. nulled wordpress themes &amp;amp; plugins will let you breach the copyrights, this may lead to legal proceedings and you will land up in paying a huge amount to the lawyers.&lt;/div&gt;
  1182. &lt;h2 style=&quot;background: rgb(3, 31, 59); box-sizing: border-box; color: white; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 2.6rem; line-height: 1.27; margin: 0px 0px 1.8rem; padding: 10px;&quot;&gt;
  1183. &lt;span id=&quot;Wrapping_Up&quot; style=&quot;box-sizing: border-box;&quot;&gt;Wrapping Up&lt;/span&gt;&lt;/h2&gt;
  1184. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1185. I think I would have convinced you to avoid using nulled themes and plugins on your website. In fact, you can get them at discounted prices on our&amp;nbsp;&lt;a href=&quot;https://bloggersutra.com/deals/&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;deal section&lt;/span&gt;&lt;/a&gt;.&lt;/div&gt;
  1186. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1187. These nulled wordpress theme &amp;amp; plugins will not only breach the security of your website but will take you to the legal complications.&lt;/div&gt;
  1188. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1189. If you want you can download nulled scripts &amp;amp; nulled wordpress themes from the website mentioned above. but these nulled wordpress themes &amp;amp; plugins should be used for the testing purpose and should be avoided on live websites.&lt;/div&gt;
  1190. &lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;
  1191. If you liked this article, then please subscribe to our&amp;nbsp;&lt;a href=&quot;https://www.youtube.com/channel/UCUuG6FYs7TPVJROgJZTWRKg&quot; rel=&quot;nofollow noopener&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot; target=&quot;_blank&quot;&gt;YouTube Channel&lt;/a&gt;&amp;nbsp;for WordPress video tutorials. You can also find us on&amp;nbsp;&lt;a href=&quot;https://twitter.com/bloggersutra&quot; rel=&quot;nofollow noopener&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot; target=&quot;_blank&quot; title=&quot;Bloggersutra on Twitter&quot;&gt;Twitter&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href=&quot;https://www.facebook.com/bloggersutra&quot; rel=&quot;nofollow noopener&quot; style=&quot;background-color: transparent; border-bottom: 2px solid transparent; box-sizing: border-box; color: #e94114; padding-bottom: 2px; text-decoration-line: none; transition: border-bottom 0.15s ease-in 0s;&quot; target=&quot;_blank&quot; title=&quot;Bloggersutra on Facebook&quot;&gt;Facebook&lt;/a&gt;.&lt;/div&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;; font-size: 20px; margin-bottom: 3rem;&quot;&gt;&lt;h2 class=&quot;wp-block-heading&quot; id=&quot;free-download-nulled-scripts&quot; style=&quot;border: 0px; box-sizing: border-box; clear: both; color: #230e58; font-family: &amp;quot;Source Serif Pro&amp;quot;, serif; font-size: 32px; letter-spacing: 0.5px; line-height: 1.6em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Free Download Nulled Scripts&lt;/h2&gt;&lt;p style=&quot;border: 0px; box-sizing: border-box; color: #060c3b; font-family: Chivo, sans-serif; font-size: 19px; letter-spacing: 0.5px; margin: 0px 0px 1.75em; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Here is the list of websites that are offering the nulled scripts for free. Check out our list.&lt;/p&gt;&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #060c3b; font-family: Chivo, sans-serif; font-size: 19px; letter-spacing: 0.5px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 3em; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://www.nullwebscripts.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://www.thememazing.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://nulled.temphow.xyz/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://mahthemes.download/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;http://codenull.net/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;http://codenull.in/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://null-24.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;http://www.themelock.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://www.jojo-themes.net/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://scriptznull.nl/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://nulledfactory.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;http://nullrip.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;http://www.nulled-scripts.xyz/&lt;/li&gt;&lt;/ul&gt;&lt;h2 class=&quot;wp-block-heading&quot; id=&quot;free-download-nulled-wordpress-themes-plugins&quot; style=&quot;border: 0px; box-sizing: border-box; clear: both; color: #230e58; font-family: &amp;quot;Source Serif Pro&amp;quot;, serif; font-size: 32px; letter-spacing: 0.5px; line-height: 1.6em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Free Download Nulled WordPress Themes &amp;amp; Plugins&lt;/h2&gt;&lt;p style=&quot;border: 0px; box-sizing: border-box; color: #060c3b; font-family: Chivo, sans-serif; font-size: 19px; letter-spacing: 0.5px; margin: 0px 0px 1.75em; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Here is the list of websites that are offering the nulled WordPress plugins &amp;amp; themes for free. Check out our list.&lt;/p&gt;&lt;ul style=&quot;border: 0px; box-sizing: border-box; color: #060c3b; font-family: Chivo, sans-serif; font-size: 19px; letter-spacing: 0.5px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 3em; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://www.nullwebscripts.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;http://nulledwptheme.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://www.thewpclub.net/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://www.thememazing.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://nulled.temphow.xyz/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://www.filejunction.xyz/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://nullclub.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://mahthemes.download/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;http://codenull.in/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://null-24.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;http://www.themelock.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://www.jojo-themes.net/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;https://nulledfactory.com/&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;http://nullrip.com/&lt;/li&gt;&lt;/ul&gt;
  1192. &lt;br /&gt;
  1193. Resource&amp;nbsp;&lt;a href=&quot;https://bloggersutra.com/nulled-wordpress-themes&quot;&gt;https://bloggersutra.com/nulled-wordpress-themes&lt;/a&gt;&lt;/div&gt;
  1194. </description><link>http://superblogger3.blogspot.com/2020/02/why-avoid-nulled-wordpress-themes.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqmGGpr4weH6kI-7Hh1GZ7l9bVfXS1K3i7T9bK0Ogv-_nmaHCmOj2wItpmjCr8wUv1hLvgncvG-XBojSuOjMgtK07bNwJsnhFbbTt0gz5nkX4hHXC1SkHTnlGIcE_YdB0v8D0EFmmVCmWA/s72-c/nulled-scripts.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-7973610302610972036</guid><pubDate>Tue, 21 Mar 2023 01:48:00 +0000</pubDate><atom:updated>2023-03-21T02:30:30.633+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Java</category><title>QR Code Generator</title><description>
  1195.  
  1196. &lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnB4LDkM96ltR1mCl_GWPvzv40fNedCUnRQupLOEx1JKxRswKv2fR4nlfa4atLtZC43MWWztuE9MZDSMT1-Vo-8i3u1mrSukmkQuwmj6nC56iKxU1PKeL_qRNCti2KIWiz5vDC9SSQsvpjGaUlGTLJBjss8okvuf2hGT5VyOLh9980FQz4S9UfYGXpOg/s1600/qr%20code%20generator.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;249&quot; data-original-width=&quot;344&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnB4LDkM96ltR1mCl_GWPvzv40fNedCUnRQupLOEx1JKxRswKv2fR4nlfa4atLtZC43MWWztuE9MZDSMT1-Vo-8i3u1mrSukmkQuwmj6nC56iKxU1PKeL_qRNCti2KIWiz5vDC9SSQsvpjGaUlGTLJBjss8okvuf2hGT5VyOLh9980FQz4S9UfYGXpOg/s1600/qr%20code%20generator.jpg&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  1197.  
  1198. &lt;style&gt;
  1199.  
  1200. &lt;/style&gt;
  1201.  
  1202. &lt;script crossorigin=&quot;anonymous&quot; src=&quot;https://kit.fontawesome.com/28157a8fdb.js&quot;&gt;&lt;/script&gt;
  1203.  
  1204. &lt;center&gt;
  1205. &lt;div class=&quot;container&quot;&gt;
  1206.  &lt;div class=&quot;info&quot;&gt;
  1207.    &lt;h1&gt;QR CODE GENERATOR&lt;/h1&gt;
  1208.    &lt;p&gt;Enter a text or a URL and I will give you the QR code&lt;/p&gt;
  1209.  &lt;/div&gt;
  1210.  &lt;form&gt;
  1211.    &lt;input type=&quot;text&quot; /&gt;
  1212.    &lt;button class=&quot;gen-btn&quot; type=&quot;button&quot;&gt;Generate&lt;/button&gt;
  1213.  &lt;/form&gt;
  1214.  &lt;br/&gt;
  1215.  &lt;div class=&quot;qr-code hidden&quot;&gt;
  1216.    &lt;img class=&quot;qr&quot; src=&quot;#&quot; /&gt;
  1217.    &lt;br/&gt;   &lt;br/&gt;
  1218.    Right click on image to download
  1219.  &lt;/div&gt;
  1220. &lt;/div&gt;
  1221. &lt;/center&gt;
  1222.  
  1223.  
  1224.  
  1225.  
  1226. &lt;script type=&quot;text/javascript&quot;&gt;
  1227. //&lt;![CDATA[
  1228.  
  1229.  
  1230. const genBtn = document.querySelector(&quot;.gen-btn&quot;);
  1231. const qrCodeBox = document.querySelector(&quot;.qr-code&quot;);
  1232. const input = document.querySelector(&quot;input&quot;);
  1233. const image = document.querySelector(&quot;.qr&quot;);
  1234.  
  1235. genBtn.addEventListener(&quot;click&quot;, () =&gt; {
  1236.  let inputValue = input.value;
  1237.  if (!inputValue) {
  1238.    return alert(&quot;Please enter a text or URL!&quot;);
  1239.  }
  1240.  genBtn.innerHTML = &#39;Converting &lt;i class=&quot;fa-solid fa-sync fa-spin&quot;&gt;&lt;/i&gt;&#39;;
  1241.  image.src = `https://api.qrserver.com/v1/create-qr-code/?size=150x150&amp;data=${inputValue}`;
  1242.  image.addEventListener(&quot;load&quot;, () =&gt; {
  1243.    qrCodeBox.classList.remove(&quot;hidden&quot;);
  1244.    genBtn.innerText = &quot;Generate&quot;;
  1245.  });
  1246.  input.addEventListener(&quot;keyup&quot;, () =&gt; {
  1247.    if (!input.value) {
  1248.      qrCodeBox.classList.add(&quot;hidden&quot;);
  1249.      saveBtn.classList.add(&quot;hidden&quot;);
  1250.    }
  1251.  });
  1252. });
  1253.  
  1254.  
  1255. //]]&gt;&lt;/script&gt;
  1256. </description><link>http://superblogger3.blogspot.com/2023/03/qr-code-generator.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnB4LDkM96ltR1mCl_GWPvzv40fNedCUnRQupLOEx1JKxRswKv2fR4nlfa4atLtZC43MWWztuE9MZDSMT1-Vo-8i3u1mrSukmkQuwmj6nC56iKxU1PKeL_qRNCti2KIWiz5vDC9SSQsvpjGaUlGTLJBjss8okvuf2hGT5VyOLh9980FQz4S9UfYGXpOg/s72-c/qr%20code%20generator.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-3995493011069174144</guid><pubDate>Fri, 17 Mar 2023 11:16:00 +0000</pubDate><atom:updated>2023-03-17T11:16:26.196+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Java</category><category domain="http://www.blogger.com/atom/ns#">Scripts</category><category domain="http://www.blogger.com/atom/ns#">Tutorials</category><title>How to add a Chat Bot in your webside - Talking avatar - Digital actor</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQ4cD5EbKxQoUV0hEFJuG4K0gFexAjRH308_3xdwZ4ZEp58VubJ0c6xiOEo8DzOSpuGNjUkW6wZc43e-_7xvUeSrNUVvnHZEmk7xMOd-nyjZjg6ucVSXyVH42GTRdzBuZOc3HHNlAA2Lj/s640/How+to+add+a+Chat+Bot+in+your+webside.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;320&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQ4cD5EbKxQoUV0hEFJuG4K0gFexAjRH308_3xdwZ4ZEp58VubJ0c6xiOEo8DzOSpuGNjUkW6wZc43e-_7xvUeSrNUVvnHZEmk7xMOd-nyjZjg6ucVSXyVH42GTRdzBuZOc3HHNlAA2Lj/s16000/How+to+add+a+Chat+Bot+in+your+webside.jpg&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;div style=&quot;line-height: 24px; margin-bottom: 20px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 24px; margin-bottom: 20px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Bot Libre&#39;s goal is to foster an open, safe community of artificial intelligent chat bots and their developers.&lt;br /&gt;
  1257. Bot Libre allows you to create your own artificial intelligent chat bot, train them, and share them with others. You are free to use this website, and create your own bots for personal, commercial, or educational usages.&lt;br /&gt;
  1258. You can connect your bot to email, Twitter, Facebook, live chat, chat rooms, forums, or IRC chat.&lt;br /&gt;
  1259. You can give your bot its own avatar, using video, images and sound.&lt;br /&gt;
  1260. You can train your bot through interacting with it, or using chat logs, or importing AIML.&lt;br /&gt;
  1261. You can program your bot using standard AIML, or Self.&lt;br /&gt;
  1262. You can import data from the web into your bot&#39;s memory, such as words from Wiktionary, or information from Freebase.&lt;br /&gt;
  1263. You can create a bot as a virtual agent to act as your own website avatar.&lt;span&gt;&lt;!--more--&gt;&lt;/span&gt;&lt;br /&gt;
  1264. You can create a bot to provide customer service or technical support for your products or services.&lt;br /&gt;
  1265. You can create a bot to give advice.&lt;br /&gt;
  1266. You can create a bot to act as a stand-in for yourself.&lt;br /&gt;
  1267. You can create a bot to be your friend.&lt;/span&gt;&lt;/div&gt;
  1268. &lt;!--more--&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;
  1269. &lt;/span&gt;&lt;div style=&quot;background-color: white; color: #585858; line-height: 24px; margin-bottom: 20px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;
  1270. The Bot Libre platform is an open source project developed by&amp;nbsp;&lt;a href=&quot;http://www.botlibre.org/&quot; style=&quot;color: #585858;&quot; target=&quot;_blank&quot;&gt;BotLibre.org&lt;/a&gt;.&lt;br /&gt;
  1271. BotLibre.com is a website produced and hosted by&amp;nbsp;&lt;a href=&quot;http://www.paphussolutions.com/&quot; style=&quot;color: #585858;&quot; target=&quot;_blank&quot;&gt;Paphus Solutions Inc.&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  1272. &lt;div style=&quot;background-color: white; color: #585858; line-height: 24px; margin-bottom: 20px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;
  1273. Easy steps to add a chat bot&lt;/span&gt;&lt;/div&gt;
  1274. &lt;div style=&quot;background-color: white; line-height: 24px; margin-bottom: 20px;&quot;&gt;
  1275. &lt;b&gt;&lt;span style=&quot;color: #b45f06; font-family: georgia;&quot;&gt;1) Create account and login to&amp;nbsp;&lt;a href=&quot;https://www.botlibre.com/&quot;&gt;https://www.botlibre.com/&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
  1276. &lt;div style=&quot;background-color: white; line-height: 24px; margin-bottom: 20px;&quot;&gt;
  1277. &lt;b&gt;&lt;span style=&quot;color: #b45f06; font-family: georgia;&quot;&gt;2) Click Create&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
  1278. &lt;div style=&quot;background-color: white; line-height: 24px; margin-bottom: 20px;&quot;&gt;
  1279. &lt;b&gt;&lt;span style=&quot;color: #b45f06; font-family: georgia;&quot;&gt;2b) Name your Cat bot , add description , category and tags&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
  1280. &lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
  1281. &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitguQMJLZ0C0QX4TQSd1j-HYo-4l01ZJKfAXeCfxTCDsUTuer6z4Vhd_RZpL0BuQS3EAyu6MS44bhviFTMmq7kGrJCkykxoGuazSqRJOAkHMoHJy2QHJpI-4nTKkuEFv5xAPR-If9q077s/s1600/how+to+add+a+chat+bot+to+your+blog+2.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitguQMJLZ0C0QX4TQSd1j-HYo-4l01ZJKfAXeCfxTCDsUTuer6z4Vhd_RZpL0BuQS3EAyu6MS44bhviFTMmq7kGrJCkykxoGuazSqRJOAkHMoHJy2QHJpI-4nTKkuEFv5xAPR-If9q077s/s1600/how+to+add+a+chat+bot+to+your+blog+2.png&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
  1282. &lt;div style=&quot;background-color: white; color: #585858; line-height: 24px; margin-bottom: 20px;&quot;&gt;
  1283. &lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
  1284. &lt;div style=&quot;background-color: white; color: #585858; line-height: 24px; margin-bottom: 20px;&quot;&gt;
  1285. &lt;b style=&quot;color: black;&quot;&gt;&lt;span style=&quot;color: #b45f06; font-family: georgia;&quot;&gt;2) Click Create&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
  1286. &lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
  1287. &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWRnODXzRiOTUt3aPcg48Ny0LuJTsp1qQ61qwsEhEUn4o7_o4Okz3O9b_0pVt2EL5KUrfsa_X4sqXorX6BlD8KPjvjPXS4_b-nIsvlfiI6w_EpPWQqMy_o_tB4YMZXo4VaNcvo-l6shB-f/s1600/how+to+add+a+chat+bot+to+your+blog+3.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWRnODXzRiOTUt3aPcg48Ny0LuJTsp1qQ61qwsEhEUn4o7_o4Okz3O9b_0pVt2EL5KUrfsa_X4sqXorX6BlD8KPjvjPXS4_b-nIsvlfiI6w_EpPWQqMy_o_tB4YMZXo4VaNcvo-l6shB-f/s1600/how+to+add+a+chat+bot+to+your+blog+3.png&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
  1288. &lt;div style=&quot;background-color: white; color: #585858; line-height: 24px; margin-bottom: 20px;&quot;&gt;
  1289. &lt;b style=&quot;color: black;&quot;&gt;&lt;span style=&quot;color: #b45f06; font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
  1290. &lt;div style=&quot;background-color: white; color: #585858; line-height: 24px; margin-bottom: 20px;&quot;&gt;
  1291. &lt;b style=&quot;color: black;&quot;&gt;&lt;span style=&quot;color: #b45f06; font-family: georgia;&quot;&gt;4) Copy Code&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
  1292. &lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
  1293. &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEideEiFLr2utA4Cwdzm6ll9CHJmtvsncGFqTF0EAd3IVmfKE-9xvJy05JIYzWnS7u3gJDQ3EeZ1ZOtClgoVTZdLzZauNW6jgrv-Ir0M8DgnNmG0VsEhbbwmxHqXjj-lSV5kmgZ_2rQl1ue8/s1600/how+to+add+a+chat+bot+to+your+blog+4.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEideEiFLr2utA4Cwdzm6ll9CHJmtvsncGFqTF0EAd3IVmfKE-9xvJy05JIYzWnS7u3gJDQ3EeZ1ZOtClgoVTZdLzZauNW6jgrv-Ir0M8DgnNmG0VsEhbbwmxHqXjj-lSV5kmgZ_2rQl1ue8/s1600/how+to+add+a+chat+bot+to+your+blog+4.png&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
  1294. &lt;div style=&quot;background-color: white; color: #585858; line-height: 24px; margin-bottom: 20px;&quot;&gt;
  1295. &lt;b style=&quot;color: black;&quot;&gt;&lt;span style=&quot;color: #b45f06; font-family: georgia;&quot;&gt;5) Paste Code it to a HTML/Javascript Gadget and Save&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
  1296. &lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
  1297. &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTTSjRbPBlmArc03gvVogT0-e5C4XF2318yZ0s5-ghenOknLoqiil_mndDr_B1kvXn4M2ZcchSjQzIt02zz73qjg1ZqAAEx3vgaBhjHul0MwYDAW8LMlwyD8ASmA17aQdYJbvS-_1KsipQ/s1600/Screen+Shot+09-19-16+at+03.33+PM.PNG&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTTSjRbPBlmArc03gvVogT0-e5C4XF2318yZ0s5-ghenOknLoqiil_mndDr_B1kvXn4M2ZcchSjQzIt02zz73qjg1ZqAAEx3vgaBhjHul0MwYDAW8LMlwyD8ASmA17aQdYJbvS-_1KsipQ/s1600/Screen+Shot+09-19-16+at+03.33+PM.PNG&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
  1298. &lt;div style=&quot;line-height: 24px; margin-bottom: 20px;&quot;&gt;
  1299. &lt;div style=&quot;background-color: white; color: #585858;&quot;&gt;
  1300. &lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
  1301. &lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;background-color: white; color: #585858;&quot;&gt;Live test the Superblogger3&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #38761d;&quot;&gt;&lt;span style=&quot;color: white;&quot;&gt; &lt;b&gt;Help Chat bot&lt;/b&gt;&amp;nbsp;&lt;b&gt;&amp;nbsp;&amp;gt;&amp;gt;&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #585858;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #585858;&quot;&gt;to the Right buttom of this page.&lt;/span&gt;&lt;br /&gt;
  1302. &lt;span style=&quot;background-color: white; color: #585858;&quot;&gt;The bot response to simple keywords: css , info , help , java , css , html , also response and to the most impotant HTML5 tags: &amp;lt;HEAD&amp;gt; , &amp;lt;FRAME&amp;gt; , &amp;lt;CENTER&amp;gt; &amp;lt;FORM&amp;gt; e,c,t&lt;/span&gt;&lt;br /&gt;
  1303. &lt;/span&gt;&lt;div style=&quot;background-color: white; color: #585858;&quot;&gt;
  1304. &lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
  1305. &lt;/div&gt;
  1306. &lt;div style=&quot;line-height: 24px; margin-bottom: 20px;&quot;&gt;
  1307. &lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;INFO: this is a demo cat bot but guess !!! need&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: yellow;&quot;&gt; hard !!!&lt;/span&gt;&lt;/span&gt;&lt;/b&gt; &lt;b&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;work to program the bot for your website !!!&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
  1308. &lt;b&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;
  1309. &lt;br /&gt;
  1310. &lt;/span&gt;&lt;div style=&quot;background-color: white; color: #585858; line-height: 24px; margin-bottom: 20px;&quot;&gt;
  1311. &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji6w1kX34FBn9V6Icah4PugB9eV5pTVO6gW8X_QULYKvQAcbN5t09sx5fczVylu-Yv3JkEcNkD4nLp0dbxq_COxW7UK-zfGIngy3FHQTSdlwL9r1zFWU-Vsf8yu1P7XTdTmdTBKju3V4WK/s1600/how+to+add+a+chat+bot+to+your+blog.png&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji6w1kX34FBn9V6Icah4PugB9eV5pTVO6gW8X_QULYKvQAcbN5t09sx5fczVylu-Yv3JkEcNkD4nLp0dbxq_COxW7UK-zfGIngy3FHQTSdlwL9r1zFWU-Vsf8yu1P7XTdTmdTBKju3V4WK/s200/how+to+add+a+chat+bot+to+your+blog.png&quot; width=&quot;100&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The Bot Libre SDK is a software development kit that makes it easy for developers to create their own website, mobile app, or server that accesses Bot Libre services.&lt;/span&gt;&lt;/div&gt;
  1312. &lt;div style=&quot;background-color: white; color: #585858; line-height: 24px; margin-bottom: 20px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;
  1313. The SDK includes an JavaScript API and SDK that makes it simple to develop your own bot or chat website.&lt;br /&gt;
  1314. The SDK includes an Java API and Android activities that makes it simple to develop your own bot or chat Android app.&lt;br /&gt;
  1315. The SDK includes an iOS API and user interface classes that makes it simple to develop your own bot or chat iOS app.&lt;br /&gt;
  1316. The SDK also includes examples and support for other programming languages.&lt;br /&gt;
  1317. The Bot Libre AI engine and SDK are open source under the Eclipse Public License. They are hosted on GitHub under the project Bot Libre.&lt;/span&gt;&lt;/div&gt;
  1318. &lt;ul style=&quot;background-color: white; color: #585858;&quot;&gt;
  1319. &lt;li&gt;&lt;a href=&quot;http://www.botlibre.org/&quot; style=&quot;color: #585858;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;BotLibre.org&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  1320. &lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a href=&quot;https://github.com/BotLibre&quot; style=&quot;color: #585858;&quot; target=&quot;_blank&quot;&gt;Bot Libre&lt;/a&gt;&amp;nbsp;- on GitHub&lt;/span&gt;&lt;/li&gt;
  1321. &lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a href=&quot;https://sourceforge.net/projects/botlibre/&quot; style=&quot;color: #585858;&quot; target=&quot;_blank&quot;&gt;Bot Libre&lt;/a&gt;&amp;nbsp;- on SourceForge&lt;/span&gt;&lt;/li&gt;
  1322. &lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a href=&quot;https://github.com/BotLibre/BotLibre/archive/master.zip&quot; style=&quot;color: #585858;&quot; target=&quot;_blank&quot;&gt;Download&lt;/a&gt;&amp;nbsp;- from GitHub&lt;/span&gt;&lt;/li&gt;
  1323. &lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a href=&quot;https://sourceforge.net/projects/botlibre/files&quot; style=&quot;color: #585858;&quot; target=&quot;_blank&quot;&gt;Download&lt;/a&gt;&amp;nbsp;- from SourceForge&lt;/span&gt;&lt;/li&gt;
  1324. &lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a href=&quot;http://botlibre.com/script?id=665427&quot; style=&quot;color: #585858;&quot;&gt;JavaScript SDK&lt;/a&gt;&amp;nbsp;- Bot Libre scripts&lt;/span&gt;&lt;/li&gt;
  1325. &lt;li&gt;&lt;a href=&quot;https://www.botlibre.com/scripts/sdk.js&quot; style=&quot;color: #585858;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Current JavaScript SDK&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  1326. &lt;/ul&gt;
  1327. &lt;h2 style=&quot;background-color: white; color: #2c2c2c; font-weight: normal; line-height: 24px; margin-bottom: 12px;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;
  1328. Docs&lt;/span&gt;&lt;/h2&gt;
  1329. &lt;ul style=&quot;background-color: white; color: #585858;&quot;&gt;
  1330. &lt;li&gt;&lt;a href=&quot;https://www.botlibre.com/javadoc/index.html&quot; style=&quot;color: #585858;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Java / Android SDK&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  1331. &lt;li&gt;&lt;a href=&quot;https://www.botlibre.com/jsdoc/index.html&quot; style=&quot;color: #585858;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;JavaScript SDK&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  1332. &lt;/ul&gt;
  1333. &lt;div style=&quot;background-color: white; color: #585858; line-height: 24px; margin-bottom: 20px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;
  1334. See also:&lt;/span&gt;&lt;/div&gt;
  1335. &lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
  1336. &lt;/span&gt;&lt;ul style=&quot;background-color: white; color: #585858;&quot;&gt;
  1337. &lt;li&gt;&lt;a href=&quot;https://www.botlibre.com/forum-post?id=12957294&quot; style=&quot;color: #585858;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;How to add a virtual agent to your website&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  1338. &lt;li&gt;&lt;a href=&quot;https://www.botlibre.com/forum-post?id=5873&quot; style=&quot;color: #585858;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The Bot Libre chat bot web API&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  1339. &lt;li&gt;&lt;a href=&quot;https://www.botlibre.com/forum-post?id=26632&quot; style=&quot;color: #585858;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Create your own bot mobile app with the Bot Libre SDK&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  1340. &lt;li&gt;&lt;a href=&quot;https://www.botlibre.com/forum-post?id=374593&quot; style=&quot;color: #585858;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Embedding your bot on your own website with the Bot Libre JavaScript SDK&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  1341. &lt;li&gt;&lt;a href=&quot;https://www.botlibre.com/forum-post?id=566608&quot; style=&quot;color: #585858;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Add Speech to your Website using the Bot Libre TTS JavaScript SDK&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  1342. &lt;li&gt;&lt;a href=&quot;https://www.botlibre.com/forum-post?id=682689&quot; style=&quot;color: #585858;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;How to add a 3D avatar to your website or blog&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  1343. &lt;/ul&gt;
  1344. &lt;div&gt;
  1345. &lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;color: #585858;&quot;&gt;Resource :&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.botlibre.com/&quot;&gt;https://www.botlibre.com/&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;color: #585858;&quot;&gt;Pdf Manual&lt;/span&gt;&amp;nbsp;&lt;a href=&quot;https://www.botlibre.com/user-manual.pdf&quot;&gt;https://www.botlibre.com/user-manual.pdf&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Q916rhgLpHxzG_46F0uG0LlC_tNYZCi_sR858IN-Vf1xHJ_kvMHaZklxDun2Gyl5q9hnWdxw276gf-Z9T-rlz71gNEg16QUDOchmeqQgsctXqMU1adMvIIPl_Pbll9-kaSAdVaebctcX/s16000/Screen+Shot+09-19-16+at+06.25+PM.jpg&quot; style=&quot;text-align: left;&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: right;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span&gt;&lt;b&gt;Test the bot by pressing the letft bottom icon&lt;/b&gt;&lt;/span&gt;&lt;span&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicp21nqOqK3Pe2IIufAFQDg91qN94PylmToC-aQtf0eXDDCRfNgkmSswuQOxERjHsW-w-pqR1W9esjvIUGW2NnPyACIV-jxY1rX9SrgyobQPIr2ORUvykmDPOwDb0IJXVSsLLbFicWXWu_/s1600/arrow55.jpg&quot; /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;b style=&quot;text-align: right;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;But this is the start, the bot need training to support your website , some time maby i write a article about bot training&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;b style=&quot;text-align: right;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span&gt;&lt;b&gt;Bot alternatives&lt;/b&gt;&lt;/span&gt;&amp;nbsp;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 24px; margin-bottom: 20px;&quot;&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/RasaHQ/rasa&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Rasa&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;11,362&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/RasaHQ/rasa&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;💬 Open source machine learning framework to automate text- and voice-based conversations: NLU, dialogue management, connect to Slack, Facebook, and more - Create chatbots and voice assistants&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/howdyai/botkit&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botkit&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;10,339&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/howdyai/botkit&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botkit is an open source developer tool for building chat bots, apps and custom integrations for major messaging platforms.&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/botpress/botpress&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botpress&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;9,206&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/botpress/botpress&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The Conversational Platform with built-in language understanding (NLU), beautiful graphical interface and Dialog Manager (DM). Easily create chatbots and AI-based virtual assistants.&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/axa-group/nlp.js&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Nlp.js&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;4,369&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/axa-group/nlp.js&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;An NLP library for building bots, with entity extraction, sentiment analysis, automatic language identify, and so more&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/dariusk/corpora&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Corpora&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;4,106&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/dariusk/corpora&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A collection of small corpuses of interesting data for the creation of bots and similar stuff.&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/microsoft/BotBuilder-Samples&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botbuilder&amp;nbsp;Samples&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;3,254&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/microsoft/BotBuilder-Samples&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Welcome to the Bot Framework samples repository. Here you will find task-focused samples in C#, JavaScript and TypeScript to help you get started with the Bot Framework SDK!&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/DopplerHQ/awesome-bots&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Awesome&amp;nbsp;Bots&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;2,692&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/DopplerHQ/awesome-bots&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;The most awesome list about bots&amp;nbsp;&lt;/a&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/RasaHQ/rasa_core&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Rasa_core&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;2,304&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/RasaHQ/rasa_core&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Rasa Core is now part of the Rasa repo: An open source machine learning framework to automate text-and voice-based conversations&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/mitchellkrogza/nginx-ultimate-bad-bot-blocker&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Nginx&amp;nbsp;Ultimate&amp;nbsp;Bad&amp;nbsp;Bot&amp;nbsp;Blocker&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;2,055&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/mitchellkrogza/nginx-ultimate-bad-bot-blocker&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Nginx Block Bad Bots, Spam Referrer Blocker, Vulnerability Scanners, User-Agents, Malware, Adware, Ransomware, Malicious Sites, with anti-DDOS, Wordpress Theme Detector Blocking and Fail2Ban Jail for Repeat Offenders&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/JayBizzle/Crawler-Detect&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Crawler&amp;nbsp;Detect&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;1,445&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;CrawlerDetect is a PHP class for detecting bots/crawlers/spiders via the user agent&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/Gregwar/Captcha&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Captcha&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;1,394&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;PHP Captcha library&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/slack-ruby/slack-ruby-bot&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Slack&amp;nbsp;Ruby&amp;nbsp;Bot&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;1,073&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The easiest way to write a Slack bot in Ruby.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/microsoft/AdaptiveCards&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Adaptivecards&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;981&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A new way for developers to exchange card content in a common and consistent way.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/hackerkid/bots&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Bots&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;974&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Tools for building bots&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/Bottr-js/Bottr&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Bottr&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;939&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The world&#39;s simplest framework for creating Bots&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/exAspArk/awesome-chatops&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Awesome&amp;nbsp;Chatops&amp;nbsp;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; style=&quot;color: black; font-weight: 400;&quot; /&gt;&amp;nbsp;661&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A collection of awesome things about ChatOps – managing operations through a chat&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/microsoft/botbuilder-dotnet&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botbuilder&amp;nbsp;Dotnet&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;648&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Welcome to the Bot Framework SDK for .NET repository, which is the home for the libraries and packages that enable developers to build sophisticated bot applications using .NET.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/microsoft/BotFramework-Composer&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botframework&amp;nbsp;Composer&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;633&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Dialog creation and management for Microsoft Bot Framework Applications&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/hellostealth/stealth&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Stealth&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;484&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;An open source Ruby framework for text and voice chatbots.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/microsoft/botbuilder-js&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botbuilder&amp;nbsp;Js&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;484&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Welcome to the Bot Framework SDK for JavaScript repository, which is the home for the libraries and packages that enable developers to build sophisticated bot applications using JavaScript.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/mitchellkrogza/apache-ultimate-bad-bot-blocker&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Apache&amp;nbsp;Ultimate&amp;nbsp;Bad&amp;nbsp;Bot&amp;nbsp;Blocker&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;471&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Apache Block Bad Bots, (Referer) Spam Referrer Blocker, Vulnerability Scanners, Malware, Adware, Ransomware, Malicious Sites, Wordpress Theme Detectors and Fail2Ban Jail for Repeat Offenders&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/microsoft/botbuilder-python&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botbuilder&amp;nbsp;Python&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;466&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The Microsoft Bot Framework provides what you need to build and connect intelligent bots that interact naturally wherever your users are talking, from text/sms to Skype, Slack, Office 365 mail and other popular services.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/BotLibre/BotLibre&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botlibre&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;420&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;An open platform for artificial intelligence, chat bots, virtual agents, social media automation, and live chat automation.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/poshbotio/PoshBot&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Poshbot&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;417&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Powershell-based bot framework&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/abdelhai/awesome-bots&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Awesome&amp;nbsp;Bots&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;414&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Awesome Links about bots.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/microsoft/botbuilder-tools&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botbuilder&amp;nbsp;Tools&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;404&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Welcome to the Bot Framework Tools repository, which is the home for a set of tools for developers building bots with the Microsoft Bot Framework&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/treethought/flask-assistant&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Flask&amp;nbsp;Assistant&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;360&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Framework for Building Virtual Assistants with Dialogflow and python&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/intelligo-mn/intelligo&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Intelligo&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;355&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/intelligo-mn/intelligo&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Chatbot Framework for Node.js.&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/aichaos/rivescript-js&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Rivescript&amp;nbsp;Js&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;352&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A RiveScript interpreter for JavaScript. RiveScript is a scripting language for chatterbots.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/rapierorg/telegram-bot-swift&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Telegram&amp;nbsp;Bot&amp;nbsp;Swift&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;281&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Telegram Bot SDK for Swift (unofficial)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/paked/messenger&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Messenger&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;279&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Package messenger is used for making bots for use with Facebook messenger&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/ahmadfaizalbh/Chatbot&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Chatbot&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;278&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Python ChatBot&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/cuducos/twitter-cleanup&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Twitter&amp;nbsp;Cleanup&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;277&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Clean-up inactive accounts and bots from your Twitter&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/microsoft/botframework&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botframework&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;275&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The content in this repo has been moved to https://github.com/microsoft/botframework-sdk ⚠&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/jackdh/RasaTalk&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Rasatalk&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;229&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A chatbot framework for Rasa NLU&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/botgram/botgram&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botgram&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;223&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Microframework to build Telegram bots&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/jacc/awesome-discord&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Awesome&amp;nbsp;Discord&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;198&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A curated list of awesome things on Discord.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/OfficeDev/BotBuilder-MicrosoftTeams&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botbuilder&amp;nbsp;Microsoftteams&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;196&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Microsoft Bot Builder extension library for developing bots for Microsoft Teams&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/cyz/Maratona-BOTs&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Maratona&amp;nbsp;Bots&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;196&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Maratona Bots é um curso de capacitação para desenvolvimento de Bots, utilizando APIs e outros serviços de Inteligência Artificial, feito pela comunidade em parceria com a Microsoft.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/node-vk-bot-api/node-vk-bot-api&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Node&amp;nbsp;Vk&amp;nbsp;Bot&amp;nbsp;Api&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;195&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;VK bot framework for Node.js, based on Bots Long Poll API and Callback API.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/shaildeliwala/delbot&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Delbot&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;193&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;It understands your voice commands, searches news and knowledge sources, and summarizes and reads out content to you.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/progapandist/rubotnik&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Rubotnik&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;191&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&quot;Bot-end&quot; Ruby framework to quickly build and launch a Facebook Messenger chatbot&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/howdyai/botkit-cms&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botkit&amp;nbsp;Cms&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;185&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;An open tool for designing, building and managing interactive dialog systems&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/DanySpin97/TelegramBotsList&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Telegrambotslist&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;184&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/DanySpin97/TelegramBotsList&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A list of all Telegram bots source hosted on github.&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/MonsterDeveloper/java-telegram-bot-tutorial&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Java&amp;nbsp;Telegram&amp;nbsp;Bot&amp;nbsp;Tutorial&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;178&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Java Telegram Bot Tutorial. Feel free to submit issue if you found a mistake.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/mattmakai/slack-starterbot&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Slack&amp;nbsp;Starterbot&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;177&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Python-powered simple starter Slack bot.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/labsai/EDDI&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Eddi&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;176&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Scalable Open Source Chatbot Platform. Build multiple Chatbots with NLP, Behavior Rules, API Connector, Templating. Developed in Java, provided with Docker, orchestrated with Kubernetes or Openshift.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/hubtype/botonic&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botonic&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;161&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Build chatbots and conversational experiences using React&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/turbopape/postagga&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Postagga&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;155&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A Library to parse natural language in pure Clojure and ClojureScript&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/raycharius/slack-block-builder&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Slack&amp;nbsp;Block&amp;nbsp;Builder&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;148&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Lightweight Node.js library for building Slack Block Kit UIs, with a declarative syntax inspired by SwiftUI.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/aichaos/rivescript-python&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Rivescript&amp;nbsp;Python&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;144&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A RiveScript interpreter for Python. RiveScript is a scripting language for chatterbots.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/anonydog/anonydog&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Anonydog&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;139&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;On the internet, nobody knows you&#39;re a dog&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/microsoft/botbuilder-java&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botbuilder&amp;nbsp;Java&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;139&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The Microsoft Bot Framework provides what you need to build and connect intelligent bots that interact naturally wherever your users are talking, from text/sms to Skype, Slack, Office 365 mail and other popular services.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/botwiki/open-source-bots&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Open&amp;nbsp;Source&amp;nbsp;Bots&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;136&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A full list of open source bots.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/lmammino/norrisbot&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Norrisbot&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;135&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;a Slack bot that kicks asses (roundhouse-kicks to be accurate...)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/ashishkumar30/Zerodha_Live_Automate_Trading-_using_AI_ML_on_Indian_stock_market-using-basic-python&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Zerodha_live_automate_trading&amp;nbsp;_using_ai_ml_on_indian_stock_market&amp;nbsp;Using&amp;nbsp;Basic&amp;nbsp;Python&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;⭐&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;131&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Online trading using Artificial Intelligence Machine leaning with basic python on Indian Stock Market, trading using live bots indicator screener and back tester using rest API and websocket 😊&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/fondbot/framework&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Framework&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;130&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Chatbot framework&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/radio-t/rt-bot&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Rt&amp;nbsp;Bot&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;129&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Мета-репо для движения &quot;создай своего бота&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/intelligo-mn/chatbots&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Chatbots&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;119&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Chatbots build with Intelligo Framework.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/Python-World/Python_and_the_Web&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Python_and_the_web&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;118&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Build Bots, Scrape a website or use an API to solve a problem.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/AnandaRauf/BotacsPro---Bot-Auto_Checkout-Flashsale-Shopee-Promo&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botacspro&amp;nbsp;Bot&amp;nbsp;Auto_checkout&amp;nbsp;Flashsale&amp;nbsp;Shopee&amp;nbsp;Promo&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;116&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Bot Auto Checkout Flashsale Shopee Promo (Botacs Pro)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/IcaliaLabs/alpha&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Alpha&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;115&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Craft your own web-based chatbot&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/Airkek/Youtube-Viewers&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Youtube&amp;nbsp;Viewers&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;115&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;simple C# Youtube livestream botter&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/quarantyne/quarantyne&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Quarantyne&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;112&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Modern Web Firewall: stop account takeovers, weak passwords, cloud IPs, DoS attacks, disposable emails&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/fondbot/fondbot&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Fondbot&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;102&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Chatbot framework&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/TreborNamor/Agressive-Store-Bots&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Agressive&amp;nbsp;Store&amp;nbsp;Bots&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;99&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;a href=&quot;https://awesomeopensource.com/project/TreborNamor/Agressive-Store-Bots&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A repository focused on Automated Bot&#39;s that will auto purchase products on a store&#39;s website. I currently have 3 bot&#39;s for Amazon, Bestbuy, and Newegg.&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/cuducos/bot-followers&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Bot&amp;nbsp;Followers&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;93&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Find out how many bots follow any given Twitter acount&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/BotBuilderCommunity/botbuilder-community-js&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botbuilder&amp;nbsp;Community&amp;nbsp;Js&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;88&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Part of the Bot Builder Community Project. Repository for extensions for the Bot Builder JavaScript SDK, including middleware, dialogs, recognizers and more.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/MShawon/YouTube-Viewer&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Youtube&amp;nbsp;Viewer&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;84&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A multithreaded view bot for YouTube&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/rexlow/AI-Reading-Materials&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Ai&amp;nbsp;Reading&amp;nbsp;Materials&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;82&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Some of the ML and DL related reading materials, research papers that I&#39;ve read&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/LiBa001/disputils&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Disputils&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;81&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Some neat utils for discord.py. Making your life as a Discord bot developer easier.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/stuyy/Katana&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Katana&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;75&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Deno Discord API primarily based on Discord.JS&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/botwiki/botwiki.org&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botwiki.org&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;72&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Tutorials, articles, datasets and other resources for creating useful, interesting, artistic and friendly online bots.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/thunt01/SneakerBot-App&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Sneakerbot&amp;nbsp;App&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;58&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;App that scrapes the Footlocker website to construct URLs for upcoming sneaker releases and adds the shoe to your cart if it is available. Uses Python and Selenium Webdriver. *Chrome and Chromedriver must be installed and Chromedriver must be on main path&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/jointwt/we-are-twtxt&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;We&amp;nbsp;Are&amp;nbsp;Twtxt&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;47&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Voluntary registry of Twtxt users and automated feeds (bots). This registry is user contributed. If you want to list/publish your Twtxt feed, submit a PR!&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/ashubham/bot-context&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Bot&amp;nbsp;Context&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;44&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Easy, powerful, functional way to maintain conversational context in chat bots.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/lambdasec/botwall4j&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Botwall4j&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;41&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A botwall for Java web applications&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/rocketgram/rocketgram&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Rocketgram&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;40&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Modern and powerful asynchronous telegram bot framework.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/sleibrock/discord-bots&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Discord&amp;nbsp;Bots&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;33&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;A collection of Discord programs to run autonomously&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/scryfall/manamoji-slack&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Manamoji&amp;nbsp;Slack&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;17&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Slack emojis for Magic card symbols. Used by Scryfall’s Slack bot.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_container&quot; style=&quot;padding: 5px 0px 20px; width: 100%;&quot;&gt;&lt;div class=&quot;aos_project_title&quot; style=&quot;margin-bottom: 2px; width: 100%;&quot;&gt;&lt;a class=&quot;aos_no_underline&quot; href=&quot;https://awesomeopensource.com/project/csed2018/messengerBot&quot; rel=&quot;canonical&quot; style=&quot;color: black; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Messengerbot&amp;nbsp;&lt;span class=&quot;aos_project_star&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjUsaXdbAGzG0yT-3Urqj6L0ttXRmIsnOxjNinJOq1HMTfOW48CuvwT6LmwCjHNcci49fnJJh1sD33OZSwYOzToRrMiIkQXFsfWI9Oda-LisYB92jiPX2ahzSm-fCKNMlVOxdivRqDfy6/s0/1star.png&quot; /&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;aos_project_count&quot; style=&quot;color: #4f4f4f; font-weight: bold;&quot;&gt;12&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;aos_project_description&quot; style=&quot;width: 100%;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Facebook Messenger Bot for AlexU CSED&#39;18&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  1346. &lt;script type=&#39;text/javascript&#39; src=&#39;https://www.botlibre.com/scripts/sdk.js&#39;&gt;&lt;/script&gt;
  1347. &lt;script type=&#39;text/javascript&#39; src=&#39;https://www.botlibre.com/scripts/game-sdk.js&#39;&gt;&lt;/script&gt;
  1348. &lt;script type=&#39;text/javascript&#39;&gt;
  1349. SDK.applicationId = &quot;6868713005986024247&quot;;
  1350. SDK.backlinkURL = &quot;http://www.botlibre.com/login?affiliate=superblogger3&quot;;
  1351. SDK.lang = &quot;en&quot;;
  1352. var sdk = new SDKConnection();
  1353. var web = new WebChatbotListener();
  1354. web.connection = sdk;
  1355. web.instance = &quot;46729871&quot;;
  1356. web.instanceName = &quot;July&quot;;
  1357. web.prefix = &quot;botplatform&quot;;
  1358. web.caption = &quot;Chat Now&quot;;
  1359. web.boxLocation = &quot;bottom-right&quot;;
  1360. web.color = &quot;#009900&quot;;
  1361. web.background = &quot;#fff&quot;;
  1362. web.css = &quot;https://www.botlibre.com/css/chatlog.css&quot;;
  1363. web.gameSDKcss = &quot;https://www.botlibre.com/css/game-sdk.css&quot;;
  1364. web.buttoncss =&quot;https://www.botlibre.com/css/blue_round_button.css&quot;;
  1365. web.version = 8.5;
  1366. web.bubble = true;
  1367. web.backlink = true;
  1368. web.showMenubar = true;
  1369. web.showBoxmax = true;
  1370. web.showSendImage = true;
  1371. web.showChooseLanguage = true;
  1372. web.avatar = true;
  1373. web.chatLog = true;
  1374. web.popupURL = &quot;https://www.botlibre.com/chat?&amp;id=46729871&amp;embedded=true&amp;chatLog=true&amp;facebookLogin=false&amp;application=6868713005986024247&amp;bubble=true&amp;menubar=true&amp;chooseLanguage=true&amp;sendImage=true&amp;background=%23fff&amp;prompt=You+say&amp;send=&amp;css=https://www.botlibre.com/css/chatlog.css&amp;language=en&quot;;
  1375. web.createBox();
  1376. &lt;/script&gt;
  1377.  
  1378. </description><link>http://superblogger3.blogspot.com/2016/09/how-to-add-chat-dot-to-your-webside.html</link><author>noreply@blogger.com (Web Page Design)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQ4cD5EbKxQoUV0hEFJuG4K0gFexAjRH308_3xdwZ4ZEp58VubJ0c6xiOEo8DzOSpuGNjUkW6wZc43e-_7xvUeSrNUVvnHZEmk7xMOd-nyjZjg6ucVSXyVH42GTRdzBuZOc3HHNlAA2Lj/s72-c/How+to+add+a+Chat+Bot+in+your+webside.jpg" height="72" width="72"/><thr:total>21</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-7667251809912677828</guid><pubDate>Fri, 10 Mar 2023 11:01:00 +0000</pubDate><atom:updated>2023-03-10T11:18:57.890+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">SEO</category><title>Submit Your Side - It is IMPORTANT to Submit your page to search engines</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://superblogger3.blogspot.com/2021/07/submit-your-side-it-is-important-to.html&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;343&quot; data-original-width=&quot;480&quot; height=&quot;389&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNRjqw46dFc1ibmSPEcypTzdCXFDYirsnKt1K88YnAexNA8AtodDVlBuzrvEBKhmxabuFlv5pMtFryaSAKHLTcFNqg2PMVZZwZSuthdH1T32iRTqamSEXC6oie5LkncaoqsIE9GgR3rYg/w590-h389/0ff.jpg&quot; width=&quot;590&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;544&quot; src=&quot;https://www.youtube.com/embed/a0R78h7NMhg&quot; width=&quot;655&quot; youtube-src-id=&quot;a0R78h7NMhg&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;span&gt;&lt;!--more--&gt;&lt;/span&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Ok before you do this make sure your site is&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Optimized speed&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;SEO optimized&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Optimized backlinks&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Optimized for mobile devices&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;div&gt;&lt;b&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;  &amp;nbsp;your URL through&amp;nbsp;  &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;the &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Google Search Console&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;  &amp;nbsp;URL&amp;nbsp;  Inspector&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class=&quot;RqBzHd&quot; style=&quot;background-color: white; padding: 0px 20px;&quot;&gt;&lt;ol class=&quot;X5LH0c&quot; style=&quot;margin: 0px; padding: 0px;&quot;&gt;&lt;li class=&quot;TrT0Xe&quot; style=&quot;list-style: inherit; margin: 0px 0px 4px; padding: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Sign in to your Google&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;  &amp;nbsp;Search Console &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;account&amp;nbsp;  (opens in a new tab).&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;TrT0Xe&quot; style=&quot;list-style: inherit; margin: 0px 0px 4px; padding: 0px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Select a property.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;TrT0Xe&quot; style=&quot;list-style: inherit; margin: 0px 0px 4px; padding: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Copy the URL you want to&amp;nbsp;  &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;submit&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt; .&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;TrT0Xe&quot; style=&quot;list-style: inherit; margin: 0px 0px 4px; padding: 0px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Paste the URL at the top of the platform.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;TrT0Xe&quot; style=&quot;list-style: inherit; margin: 0px 0px 4px; padding: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Check if the URL is &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: transparent;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&amp;nbsp;your site&#39;s traffic and search performance, fix problems and make your site shine in Google Search results. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Use Search Console to monitor Google Search results data for your properties.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Now, at the top-right corner of the page, click on&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span data-trid=&quot;242&quot; style=&quot;background-color: white; box-sizing: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Add/Test Sitemap&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&amp;nbsp;button.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;/p&gt;&lt;div class=&quot;ss-on-media-container&quot; style=&quot;background-color: white; box-sizing: inherit; line-height: 0; margin: 0px; position: relative;&quot;&gt;&lt;span class=&quot;ss-on-media-image-wrap&quot; style=&quot;box-sizing: inherit; display: inline-block; line-height: 0; position: relative;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;/p&gt;&lt;p data-trid=&quot;250&quot; style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span data-trid=&quot;251&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;If you have blogpost your sitemap is allready created&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;:&amp;nbsp;Add the below code in the provided text field.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p data-trid=&quot;250&quot; style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p data-trid=&quot;256&quot; style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;atom.xml?redirect=false&amp;amp;start-index=1&amp;amp;max-results=500&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p data-trid=&quot;256&quot; style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Once we have submitted to google we will wait at least 24 hours before submitting to Microsoft because Microsoft Bing reads the data from the Google search console&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p data-trid=&quot;256&quot; style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;background-color: transparent;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;After&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt; &amp;nbsp;we have submitted to google we will wait at least 24 hours before submitting to Microsoft because Microsoft &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Bing&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt; reads from the Google search console the data&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p data-trid=&quot;256&quot; style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: #fefefe; border: 0px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.6em; margin: 0px; padding: 7px 0px 21px; vertical-align: baseline;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit your website yourself to the most important search engines:&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;background-color: #fefefe; border: 0px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; list-style: outside none; margin: 0px 0px 20px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.6em; list-style: outside; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 3px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;https://support.google.com/webmasters/answer/9008080?hl=en&quot; rel=&quot;nofollow&quot; style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit site to&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Google Search Console&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.6em; list-style: outside; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 3px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;https://business.google.com/add&quot; rel=&quot;nofollow&quot; style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit site to&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;em style=&quot;border: 0px; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Google My Business&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.6em; list-style: outside; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 3px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;https://www.bing.com/toolbox/webmaster/&quot; rel=&quot;nofollow&quot; style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit site to&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Bing Webmaster Tools&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.6em; list-style: outside; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 3px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;https://webmaster.yandex.com/addurl.xml?&quot; rel=&quot;nofollow&quot; style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit site to&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Yandex Webmaster Tools&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.6em; list-style: outside; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 3px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;http://zhanzhang.baidu.com/linksubmit/url&quot; rel=&quot;nofollow&quot; style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit site to&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Baidu Submit Tool&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.6em; list-style: outside; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 3px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit site to&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;em style=&quot;border: 0px; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Yahoo&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&amp;nbsp;using&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;em style=&quot;border: 0px; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Bing WMT&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.6em; list-style: outside; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 3px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit site to&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;DuckDuckGo&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;using&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Bing WMT&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.6em; list-style: outside; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 3px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;http://feedburner.google.com/fb/a/ping&quot; rel=&quot;nofollow&quot; style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit RSS feed to&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Google via Feedburner&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;And in Yandex you have to submit manually, With BAIDU I did not find an edge is in Chinese&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;And in Yandex you have to submit manually ,&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;With BAIDU I didn&#39;t find akre is in Chinese&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;541&quot; src=&quot;https://www.youtube.com/embed/pSLmtnrVV4Y&quot; width=&quot;650&quot; youtube-src-id=&quot;pSLmtnrVV4Y&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;For the rest you can use an &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;auto submit tool&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1rem; padding: 0px 0px 0px 2rem; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;http://www.google.com/webmasters/tools/&quot; rel=&quot;noopener noreferrer&quot; style=&quot;background-image: linear-gradient(transparent calc(100% - 1px), rgb(83, 51, 237) 1px); background-position: 100% 50%; background-repeat: no-repeat; background-size: 100% 100%; border: 0px; box-sizing: border-box; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; position: relative; text-decoration-line: none; transition: all 0.2s ease 0s; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: black; font-size: small;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit Google Webmaster Tools&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;http://www.bing.com/toolbox/webmaster&quot; rel=&quot;noopener noreferrer&quot; style=&quot;background-image: linear-gradient(transparent calc(100% - 1px), rgb(83, 51, 237) 1px); background-position: 100% 50%; background-repeat: no-repeat; background-size: 100% 100%; border: 0px; box-sizing: border-box; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; position: relative; text-decoration-line: none; transition: all 0.2s ease 0s; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: black; font-size: small;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit site to Bing Webmaster Tools&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;https://support.google.com/news/publisher-center/answer/7526416?hl=en-GB&quot; rel=&quot;noopener noreferrer&quot; style=&quot;background-image: linear-gradient(transparent calc(100% - 1px), rgb(83, 51, 237) 1px); background-position: 100% 50%; background-repeat: no-repeat; background-size: 100% 100%; border: 0px; box-sizing: border-box; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; position: relative; text-decoration-line: none; transition: all 0.2s ease 0s; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: black; font-size: small;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit to Google News&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;http://webmaster.yandex.com/addurl.xml&quot; rel=&quot;noopener noreferrer&quot; style=&quot;background-image: linear-gradient(transparent calc(100% - 1px), rgb(83, 51, 237) 1px); background-position: 100% 50%; background-repeat: no-repeat; background-size: 0px 100%; border: 0px; box-sizing: border-box; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; position: relative; text-decoration-line: none; transition: all 0.2s ease 0s; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: black; font-size: small;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit my site to Yandex&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;a href=&quot;http://zhanzhang.baidu.com/linksubmit/url&quot; rel=&quot;noopener noreferrer&quot; style=&quot;background-image: linear-gradient(transparent calc(100% - 1px), rgb(83, 51, 237) 1px); background-position: 100% 50%; background-repeat: no-repeat; background-size: 100% 100%; border: 0px; box-sizing: border-box; cursor: pointer; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; position: relative; text-decoration-line: none; transition: all 0.2s ease 0s; vertical-align: baseline;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: black; font-size: small;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit my website to Baidu&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;h1 style=&quot;background-color: white; line-height: 20px; margin: 0px 0px 9px; padding: 0px;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Top 50 Search Engines and Directories&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;background-color: white; margin: 0px 0px 24px; padding: 0px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;We provide free manual and auto submission to the highest-rated, Free Internet Search Engines and Directories. The Search Engines and Directories listed below are all ranked according to popularity. Rankings are determined by&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://moz.com/learn/seo/domain-authority&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Moz.com&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&amp;nbsp;and are updated regularly. Have a question about FWS? Check our&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.freewebsubmission.com/faq.html&quot; style=&quot;text-decoration-line: none;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;FAQ&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&amp;nbsp;page.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;engine-tabbed&quot; style=&quot;background-color: white; margin: 0px; overflow-x: hidden; padding: 0px;&quot;&gt;&lt;ul class=&quot;engine-tabs&quot; style=&quot;align-items: stretch; display: flex; list-style: none; margin: 0px 0px 0px 1px; padding: 0px;&quot;&gt;&lt;li class=&quot;engine-tab&quot; style=&quot;flex: 0 0 auto; margin: 0px; padding: 0px; text-align: center;&quot;&gt;&lt;label style=&quot;background: linear-gradient(0deg, rgb(184, 18, 17) 0%, rgb(199, 20, 20) 30%, rgb(211, 22, 22) 100%); border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(184, 18, 17); cursor: pointer; display: block; font-weight: bold; margin-bottom: -1px; padding: 12px; text-shadow: none; transition: all 0.3s ease 0s;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Web Search Engines&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/label&gt;&lt;/li&gt;&lt;li class=&quot;engine-tab&quot; style=&quot;flex: 0 0 auto; margin: 0px; padding: 0px; text-align: center;&quot;&gt;&lt;label style=&quot;background: linear-gradient(0deg, rgb(227, 227, 227) 0%, rgb(241, 241, 241) 35%, rgb(248, 248, 248) 100%); border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid rgb(209, 201, 197); cursor: pointer; display: block; font-weight: bold; margin-bottom: -1px; padding: 12px; text-shadow: rgba(250, 250, 250, 0.95) 0px 1px 0px; transition: all 0.3s ease 0s;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Local search engines&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/label&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class=&quot;engine-tab-content&quot; style=&quot;margin: 0px; padding: 0px;&quot;&gt;&lt;div class=&quot;left_list_a&quot; style=&quot;border-color: rgb(234, 234, 234); border-image: initial; border-style: solid; border-width: 1px 0px 1px 1px; box-sizing: border-box; float: left; margin: 0px 0px 18px; padding: 0px; width: 314px;&quot;&gt;&lt;table style=&quot;border-collapse: collapse; border-spacing: 0px; height: 887px; margin: 0px auto; width: 313px;&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;background-color: #eaeaea;&quot;&gt;&lt;td align=&quot;left&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: #4974b9; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.05, rgb(73, 116, 185)), to(rgb(55, 100, 168))) rgb(73, 116, 185); border: 0px solid rgb(234, 234, 234); font-weight: 600; padding: 3px 9px; vertical-align: middle;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Search Engine/Directory&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;&lt;td class=&quot;narrow-col&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: #4974b9; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.05, rgb(73, 116, 185)), to(rgb(55, 100, 168))) rgb(73, 116, 185); border: 0px solid rgb(234, 234, 234); font-weight: 600; padding: 5px 0px 0px; text-align: center; vertical-align: middle; width: 46.9375px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img alt=&quot;Moz Domain Authority&quot; height=&quot;28&quot; src=&quot;https://www.freewebsubmission.com/images/moz.gif&quot; style=&quot;border: none;&quot; width=&quot;28&quot; /&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f1f1f1;&quot;&gt;&lt;td style=&quot;border: 0px solid rgb(234, 234, 234); font-weight: 600; padding: 0px; vertical-align: middle;&quot;&gt;&lt;ul style=&quot;list-style: none; margin: 0px; padding: 0px;&quot;&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;1. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://accounts.google.com/ServiceLogin?hl=en-US&amp;amp;continue=https://search.google.com/search-console?utm_source%3Dabout-page&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Google&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;2. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.bing.com/webmasters/submiturl&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Bing&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;3. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://webmaster.yandex.com/sites/add/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Yandex&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;4. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://aboutus.com/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;About us&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;5. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.spoke.com/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Speak up&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;6. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.millionshort.com/submit&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;MillionShort&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;7. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.similarsitesearch.com/webmaster/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;SimilarSiteSearch&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;8. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.exactseek.com/add.html&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;ExactSeek&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;9. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://viesearch.com/submit&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Viesearch&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;10. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.operationuplink.org/submit.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Up Link Function&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;11. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.linkcentre.com/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Connection Center&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;12. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.activesearchresults.com/addwebsite.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;ASR&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;13. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.hotvsnot.com/Add-Site/Add-Site.aspx&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;HotvsNot&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;14. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.anoox.com/add_for_indexing_free.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Anox&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;15. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.topsiteswebdirectory.com/static/submit.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;TopSites&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;16. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://familyfriendlysites.com/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Family Friendly Sites&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;17. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.lookseek.com/cgi-bin/submit/addurl.cgi&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;LookSeek&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;18. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.somuch.com/submit-links/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;SoMuch&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;19. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.01webdirectory.com/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;01WebDirectory&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;20. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.businessseek.biz/page.php?page=submission-policy&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;BusinessSeek&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;21. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.cipinet.com/suggest.php?action=addlink&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Cipinet&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;22. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.prolinkdirectory.com/submit.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;ProLinkDirectory&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;23. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.skaffe.com/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Download&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;24. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.secretsearchenginelabs.com/add-url.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;SecretSLabs&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: none; line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;25. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.submissionwebdirectory.com/submit.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;SubmissionWebDirectory&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;&lt;td class=&quot;centered-col&quot; style=&quot;border: 0px solid rgb(234, 234, 234); font-weight: 600; margin: 0px 0px 0px 200px; padding: 0px; text-align: center; vertical-align: middle;&quot;&gt;&lt;ul style=&quot;list-style: none; margin: 0px; padding: 0px;&quot;&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;100&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;93&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;90&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;64&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;58&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;51&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;47&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;44&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;44&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;42&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;41&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;40&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;38&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;37&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;35&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;34&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;34&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;34&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;34&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;33&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;33&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;33&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;33&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;32&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: none; line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;32&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;right_list_a&quot; style=&quot;border: 1px solid rgb(234, 234, 234); box-sizing: border-box; float: left; margin: 0px 0px 18px; padding: 0px; width: 314px;&quot;&gt;&lt;table style=&quot;border-collapse: collapse; border-spacing: 0px; height: 887px; margin: 0px auto; width: 312px;&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;background-color: #eaeaea;&quot;&gt;&lt;td style=&quot;background-attachment: initial; background-clip: initial; background-color: #4974b9; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.05, rgb(73, 116, 185)), to(rgb(55, 100, 168))) rgb(73, 116, 185); border: 0px solid rgb(234, 234, 234); font-weight: 600; padding: 3px 9px; vertical-align: middle;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Search Engine/Directory&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;&lt;td class=&quot;narrow-col&quot; style=&quot;background-attachment: initial; background-clip: initial; background-color: #4974b9; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.05, rgb(73, 116, 185)), to(rgb(55, 100, 168))) rgb(73, 116, 185); border: 0px solid rgb(234, 234, 234); font-weight: 600; padding: 5px 0px 0px; text-align: center; vertical-align: middle; width: 46.7969px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img alt=&quot;Moz Domain Authority&quot; height=&quot;28&quot; src=&quot;https://www.freewebsubmission.com/images/moz.gif&quot; style=&quot;border: none;&quot; width=&quot;28&quot; /&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;background-color: #f1f1f1;&quot;&gt;&lt;td style=&quot;border: 0px solid rgb(234, 234, 234); font-weight: 600; padding: 0px; vertical-align: middle;&quot;&gt;&lt;ul style=&quot;list-style: none; margin: 0px; padding: 0px;&quot;&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;26. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.sites-internationaux.com/anglophone/submit_link/add_url.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;International Locations&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;27. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.botid.org/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Duration of stay&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;28. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://gimpsy.com/plan&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Gimpsy&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;29. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.1abc.org/submit.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Catalog 1Abc&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;30. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.amidalla.de/add.htm&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Amidalla&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;31. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.infotiger.com/addurl.html&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Tiger Information&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;32. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://mastermoz.com/register.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;MasterMOZ&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;33. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.1websdirectory.com/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;1WebsDirectory&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;34. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.sonicrun.com/freelisting.html&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;SonicRun&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;35. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.highrankdirectory.com/submit.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;High Rank List&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;36. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.illumirate.com/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;IllumiRate&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;37. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.elitesitesdirectory.com/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;EliteSitesDirectory&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;38. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.sitepromotiondirectory.com/submit.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;SitePromotionDirectory&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;39. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://ellysdirectory.com/submit-link/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Elly Directory&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;40. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.gainweb.org/submit.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Gain Web&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;41. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://thalesdirectory.com/submit/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Catalog of Thales&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;42. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.247webdirectory.com/submit.aspx&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;24/7 Web Directory&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;43. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.acewebdirectory.com/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;AceWebDirectory&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;44. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.quicklinks.net/submit&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Quick Links&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;45. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.siteswebdirectory.com/submit.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Directory of Web Sites&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;46. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.skoobe.biz/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;​​Sweep&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;47. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.supremesearch.net/supreme_search_3000_003.html&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Supreme Quest&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;48. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.txtlinks.com/&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;TXT links&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;49. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.allfreethings.com/submit.html&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;AllFreeThings&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: none; line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;padding: 0px 9px 0px 0px;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;50. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://www.directory-free.com/submit/submit.php&quot; style=&quot;text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Catalog Free&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;&lt;td class=&quot;centered-col&quot; style=&quot;border: 0px solid rgb(234, 234, 234); font-weight: 600; margin: 0px 0px 0px 200px; padding: 0px; text-align: center; vertical-align: middle;&quot;&gt;&lt;ul style=&quot;list-style: none; margin: 0px; padding: 0px;&quot;&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;31&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;30&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;30&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;30&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;29&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;29&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;29&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;29&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;29&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;28&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;28&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;27&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;27&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;26&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;26&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;26&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;26&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;25&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;25&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;25&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;25&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;25&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;25&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class=&quot;even&quot; style=&quot;background-color: #dddddd; border-bottom: 1px solid rgb(234, 234, 234); line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;24&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;border-bottom: none; line-height: 33px; margin: 0px; padding: 0px 7px;&quot;&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;24&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submitting Your Website to Search Engines When to do it and how&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Getting indexed in Google and other search engines is one of the most effective ways to get free traffic to your website. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;But you may be wondering &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;first: Should I submit my website to search engines?&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://kinsta.com/blog/submit-website-to-search-engines/#do-i-need-to-submit-my-website-to-search-engines&quot;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Yes and no. &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Search engines were not designed to rely on manual submissions. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;It&#39;s just not effective. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;This is why their bots crawl the web to find sites to index.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;In case you&#39;ve never heard the term before: crawling is when search engines look for new links on websites and then &quot;follow&quot; those links. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;If a link leads to something useful (eg a useful website), that page is then listed.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;This means that search engines are very good at finding new sites on their own, as long as they link to them from somewhere on the web. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;But with that being said…&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Why you should submit your website to search engines ?&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;a href=&quot;https://kinsta.com/blog/submit-website-to-search-engines/#why-you-should-submit-your-site-to-search-engines&quot;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Here are some reasons why you should manually submit your site to search engines: Peace of Mind – When it comes to SEO, it&#39;s better to be safe than sorry. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;For how fast manually submitting your site is, it&#39;s worth doing.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Tell search engines directly about your site – Submitting your site through the methods below allows you to tell Google (and others) important information about your site, especially content updates and major changes. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;It&#39;s an easy improvement opportunity – Submitting your website gives you access to various tools that can help improve your website.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Additionally, you can let them know that the content has now been updated and needs to be crawled again. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submitting websites to search engines: tips and tricks&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;a href=&quot;https://kinsta.com/blog/submit-website-to-search-engines/#submitting-websites-to-search-engines-getting-started&quot;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Before you start submitting your site to the search engines, here are a few things you&#39;ll need. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;First, you&#39;ll need to access and edit your site.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Access to the backend is not necessary to submit a site to search engines, but it can be useful if you need to add things later. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;For example:&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;If the site does not have a sitemap. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;If the site needs a robot.txt file. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;If Google Search Console or Bing Webmaster Tools are not implemented. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;With access to a website, it makes it much easier to be able to add them.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;These are basic requirements for indexing a website. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;In fact, getting your sitemap right is one of the most important things you can do to help your website attract search engines. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Don&#39;t forget that access to the two main search engine toolsets is also required: &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Google Search Console.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://kinsta.com/blog/submit-website-to-search-engines/#google-search-console&quot;&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Run Node.js, Python, Go, PHP, Ruby, Java, and Scala applications (or pretty much anything else if you use your own custom Dockerfiles), in three easy steps! &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;uick Note About submitting your site to Google News Google News content policies&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Publishers no longer need to submit their site to qualify for the Google News app and site. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Specifically, according to Barry Adams: &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Publishers are automatically considered for Search&#39;s Top Stories or News tab. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;b&gt;Submit a page URL to Google&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://kinsta.com/blog/submit-website-to-search-engines/#3-submit-a-page-url-to-google&quot;&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;What if you just want to submit a single page to Google? &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;This is also very simple. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;In Search Console, go to the URL inspector and paste the URL of your page that you want indexed. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;If the page is not indexed, you will see GSC say &quot;The URL is not in Google&quot;. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;To crawl it, just click Request Indexing: Use URL Inspection to request indexing &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;If the page is indexed, you will see &quot;The URL is in Google&quot;: Indexed page in Search Console&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;If you&#39;ve recently updated content and want Google to crawl the page again, you can click &quot;Request Index&quot; to register those changes on the page. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;b&gt;How to check if your page is on Google?&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://kinsta.com/blog/submit-website-to-search-engines/#how-to-check-if-your-page-is-on-google&quot;&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;To see if your website was successfully submitted and indexed, simply search for your web address on Google. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;If Google has crawled and indexed your site, it will appear in the search results. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;You can try copying a paragraph or two of text from your website and searching for it in &quot;quotes&quot;. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;If your page is on Google, it should show up. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Another way you could use is the &quot;site:&quot; search operator command in Google. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Just type: &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;blockquote&gt;site: www.YOURWEBSITE.com How to do a website search on Google &lt;/blockquote&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Google will know to only show results from the domain you&#39;ve entered.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;You can use the site search operator on the homepage or internal pages of your website. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;There are a few features that you can play with, such as: The auto-submit feature that you can turn on and off, based on your needs.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Manual URL submission.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;See recent URLs submitted through the plugin, which you can also get as a handy list to watch.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Ability to resubmit recent URLs.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;How do I submit my website to DuckDuckGo?&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;The short answer here is: you don&#39;t.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;DuckDuckGo&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt; automatically indexes the web, so you don&#39;t need to manually submit your site to them.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;In fact, it uses &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://help.duckduckgo.com/results/sources/?redir=1&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;over 400 sources&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt; and Bing&#39;s search results, so if you&#39;ve followed the previous steps to submit to Bing (and Yahoo), you&#39;ve done everything you need to speed up the indexing of your site on DuckDuckGo .&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Avoid Submission Services&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://kinsta.com/blog/submit-website-to-search-engines/#avoid-submission-services&quot;&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Listing your website on Google, Bing or Yahoo is free, so you shouldn&#39;t have to pay a submission service to get listed. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Signing up to a &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;search engine&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt; submission service is pointless. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;And if you&#39;re unlucky, you&#39;ll be bombarded with spam emails trying to sell you low-quality SEO services. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;The search engines that matter provide helpful resources for help as well as documented methods for submitting and successfully indexing a website to Google, Yahoo, and Bing anyway. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;You don&#39;t need services to do this. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Additional Search Engine Submission Resources&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://kinsta.com/blog/submit-website-to-search-engines/#additional-search-engine-submission-resources&quot;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Most search engines have specific ways of submitting web pages to their index. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Here are links to the official pages for submitting your site to search engines:&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a href=&quot;http://www.google.com/webmasters/tools/&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit to Google Webmaster Tools &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://www.bing.com/toolbox/webmaster&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit Site to Bing Webmaster Tools &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;https://support.google.com/news/publisher-center/answer/7526416?hl=en-GB&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit to Google News &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://webmaster.yandex.com/addurl.xml&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit My Site to Yandex &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://zhanzhang.baidu.com/linksubmit/url&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit My Site to Baidu &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;a href=&quot;https://twitter.com/intent/tweet?url=https%3A%2F%2Fkinsta.com%2Fblog%2Fsubmit-website-to-search-engines%2F&amp;amp;via=kinsta&amp;amp;text=In+2020%2C+it+doesn%27t+seem+to+be+the+case+for+manually+submitting+a+website+to+search+engines.+Well%2C+not+100%25+true%3A+search+engines+could+use+some+help+sometimes%21+Check+out+how+to+submit+your+site+to+get+it+crawled+faster%21+%F0%9F%A4%96%F0%9F%93%88&amp;amp;hashtags=seo%2Ctraffic&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;In 2020&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;b style=&quot;color: red; font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;background-color: #fcff01; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;HOT!!!&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span style=&quot;color: red;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Google and other search engines will eventually be able to find your site, even if you don&#39;t manually submit it to them.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;However, submitting your website using a sitemap is highly recommended, and if you don&#39;t have one properly set up, it&#39;s worth doing. Why; It gives search engines additional information about your site and in return, you get additional indexing data for your site (maybe sitelinks too).&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submitting a website to search engines is of immense value in notifying search engines of content updates and changes. Enforcing a new crawl allows you to speed up the ranking process for newly added keywords instead of old ones that are no longer relevant. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;As SEO is an ever-changing field, indexing your website and pages is the bare minimum. If you want to increase your traffic, there&#39;s a lot more to do (here&#39;s an SEO checklist to get you started), but you&#39;re on the right track now.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Get all your WordPress apps, databases and websites online and under one roof. Our feature-rich, high-performance cloud platform includes: Easy installation and management in the MyKinsta dashboard &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;24/7 expert support &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;The best Google Cloud Platform hardware and network, backed by Kubernetes for maximum scalability &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;An enterprise-grade Cloudflare integration for speed and security &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Reach a global audience with up to 35 data centers and 275 PoPs worldwide&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Submit web pages&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.freewebsubmission.com/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.freewebsubmission.com/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.1-hit.com/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.1-hit.com/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.submitexpress.com/free-tools/free-website-submission/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.submitexpress.com/free-tools/free-website-submission/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.entireweb.com/free_submission/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.entireweb.com/free_submission/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.boostability.com/free-seo-analysis/&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.boostability.com/free-seo-analysis/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.addme.com/submission/free-submission-start.php&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.addme.com/submission/free-submission-start.php&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;http://www.buildwebsite4u.com/tools/submission.shtml&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;http://www.buildwebsite4u.com/tools/submission.shtml&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;http://www.free-web-submission.co.uk/index1.html&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;http://www.free-web-submission.co.uk/index1.html&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://webmetools.com/blog/search-engine-submission-sites&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://webmetools.com/blog/search-engine-submission-sites&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.thewebhospitality.com/search-engine-submission-sites-list/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.thewebhospitality.com/search-engine-submission-sites-list/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.eazywalkers.com/search-engine-submission-sites-list/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.eazywalkers.com/search-engine-submission-sites-list/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p data-trid=&quot;256&quot; style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p data-trid=&quot;256&quot; style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;span&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Articles&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;p data-trid=&quot;256&quot; style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;/p&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://kinsta.com/blog/submit-website-to-search-engines/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://kinsta.com/blog/submit-website-to-search-engines/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://ahrefs.com/blog/submit-website-to-search-engines/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://ahrefs.com/blog/submit-website-to-search-engines/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.wpbeginner.com/beginners-guide/how-to-submit-your-website-to-search-engines/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.wpbeginner.com/beginners-guide/how-to-submit-your-website-to-search-engines/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.semrush.com/blog/submit-to-search-engines/&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.semrush.com/blog/submit-to-search-engines/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.wpbeginner.com/beginners-guide/how-to-submit-your-website-to-search-engines/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.wpbeginner.com/beginners-guide/how-to-submit-your-website-to-search-engines/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span&gt;&lt;a href=&quot;https://www.ionos.co.uk/digitalguide/websites/website-creation/registering-a-website-submitting-urls-to-google/&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: georgia; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;https://www.ionos.co.uk/digitalguide/websites/website-creation/registering-a-website-submitting-urls-to-google/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;p data-trid=&quot;256&quot; style=&quot;background-color: white; box-sizing: inherit; margin-bottom: 0px; margin-top: var(--global-md-spacing);&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://superblogger3.blogspot.com/2021/07/submit-your-side-it-is-important-to.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNRjqw46dFc1ibmSPEcypTzdCXFDYirsnKt1K88YnAexNA8AtodDVlBuzrvEBKhmxabuFlv5pMtFryaSAKHLTcFNqg2PMVZZwZSuthdH1T32iRTqamSEXC6oie5LkncaoqsIE9GgR3rYg/s72-w590-h389-c/0ff.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-173111024037430922</guid><pubDate>Fri, 10 Mar 2023 10:18:00 +0000</pubDate><atom:updated>2023-03-12T04:54:22.896+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">SEO</category><category domain="http://www.blogger.com/atom/ns#">Tutorials</category><title>Get Cloudflare and increse your website page speed</title><description>&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiksLZEAqywaTWdAf_paZP-FKxOEGeF-kV6B4gpyK45npX_oUCU4Xz011SZKAki2jWkHEPOnf9YSazzvFttiR7G3mf7I4CeaBx-osKXVobTsnrN-kJyped4LzY0_5D5eL9vD6OiwOzAFbBprbmtp982iPAmudthcffH7nyG8-UTOFdO6ZDq-L1vmQeerQ/s580/Get%20Cloudflare%20and%20increse%20your%20website%20page%20speed.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;329&quot; data-original-width=&quot;580&quot; height=&quot;363&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiksLZEAqywaTWdAf_paZP-FKxOEGeF-kV6B4gpyK45npX_oUCU4Xz011SZKAki2jWkHEPOnf9YSazzvFttiR7G3mf7I4CeaBx-osKXVobTsnrN-kJyped4LzY0_5D5eL9vD6OiwOzAFbBprbmtp982iPAmudthcffH7nyG8-UTOFdO6ZDq-L1vmQeerQ/w640-h363/Get%20Cloudflare%20and%20increse%20your%20website%20page%20speed.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;Many blog and site owners will be looking to make your site load faster.&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;Most of them have sites in companies that provide shared hosting and some others have cheap Vps or dedicated servers which when you start uploading a lot of stuff and have a lot of traffic just crasharoun.&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://www.cloudflare.com/&quot;&gt;This is exactly where Cloudflare&lt;/a&gt; comes in&amp;nbsp;Cloudflare is a &lt;a href=&quot;https://www.cloudflare.com/&quot;&gt;feature&lt;/a&gt; rich CDN.&lt;br /&gt;&lt;br /&gt;It caches on its servers all the static elements of a site and thus accelerates the increase in loading speed of a site.&amp;nbsp;It has cloud datacenters all over the world and thus routes the traffic of a site to the closest datacenter of the visitor.&amp;nbsp;Another good thing is the protection it provides against malicious attacks on a site.&amp;nbsp;It has the ability to recognize the good visitor from the bad visitor.&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;525&quot; src=&quot;https://www.youtube.com/embed/4Zu_PfZ0D4Q&quot; width=&quot;682&quot; youtube-src-id=&quot;4Zu_PfZ0D4Q&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;How to setup Cloudflare CDN on Blogger for Free? | ( Improve page speed &amp;amp; security )&lt;/div&gt;&lt;br /&gt;Also by using cloudflare you reduce bandwidth consumption on your server as well as resources.&lt;br /&gt;It is a completely free service and also has PRO services for the most demanding users.&lt;br /&gt;Also watch a video to understand how it works&lt;div class=&quot;entry-content&quot; itemprop=&quot;text&quot; style=&quot;box-sizing: inherit; margin-top: 2em;&quot;&gt;&lt;p style=&quot;border: 0px; box-sizing: inherit; color: #222222; font-family: -apple-system, system-ui, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;, &amp;quot;Segoe UI Symbol&amp;quot;; font-size: 17px; margin: 0px 0px 1.5em; padding: 0px;&quot;&gt;&lt;iframe allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;506&quot; loading=&quot;lazy&quot; src=&quot;https://www.youtube.com/embed/9SKrTDUM48A?feature=oembed&quot; style=&quot;border-style: initial; border-width: 0px; box-sizing: inherit; margin: 0px; max-width: 100%; padding: 0px;&quot; title=&quot;How CloudFlare works - CloudFlare explained in 90 seconds&quot; width=&quot;900&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;It is easy to install and easy to use.&amp;nbsp;It is available for all popular platforms WordPress, Joomla, Drupal and for any type of website.&amp;nbsp;I used it on a cartload of my own and my clients&#39; sites and saw an impressive change in the loading speed of the web pages.&amp;nbsp;I highly recommend it.To register and start using the service immediately&amp;nbsp;click on the link below.&amp;nbsp;&lt;br /&gt;&lt;a href=&quot;https://www.cloudflare.com/&quot;&gt;https://www.cloudflare.com&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;</description><link>http://superblogger3.blogspot.com/2023/03/get-cloudflare-and-increse-your-website.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiksLZEAqywaTWdAf_paZP-FKxOEGeF-kV6B4gpyK45npX_oUCU4Xz011SZKAki2jWkHEPOnf9YSazzvFttiR7G3mf7I4CeaBx-osKXVobTsnrN-kJyped4LzY0_5D5eL9vD6OiwOzAFbBprbmtp982iPAmudthcffH7nyG8-UTOFdO6ZDq-L1vmQeerQ/s72-w640-h363-c/Get%20Cloudflare%20and%20increse%20your%20website%20page%20speed.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-7774550901851385150</guid><pubDate>Wed, 08 Mar 2023 10:50:00 +0000</pubDate><atom:updated>2023-03-08T10:50:40.496+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Java</category><title>How to host your JavaScript Deobfuscator and Unpacker</title><description>&lt;p style=&quot;text-align: center;&quot;&gt;&amp;nbsp;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTv2mkfNoQQ778n1agv8BrJPcO-mHxEYxNezMGc5zbxgSlDSGQ4Fi0IhnEM4hEQevBbH0OmCHP-q6G0nfL0Auif5pjQ_dGFWHcFCLCVvDcgrirtiEJl7utWJ4vuSANzgIWN31fIHAUf_7JrBRMeemTqbHiqbZ62yQJjcuUsNebp0jk1zu7UymPn18akQ/s709/JavaScript%20Deobfuscator%20and%20Unpacker.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em; text-align: center;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;425&quot; data-original-width=&quot;709&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTv2mkfNoQQ778n1agv8BrJPcO-mHxEYxNezMGc5zbxgSlDSGQ4Fi0IhnEM4hEQevBbH0OmCHP-q6G0nfL0Auif5pjQ_dGFWHcFCLCVvDcgrirtiEJl7utWJ4vuSANzgIWN31fIHAUf_7JrBRMeemTqbHiqbZ62yQJjcuUsNebp0jk1zu7UymPn18akQ/s16000/JavaScript%20Deobfuscator%20and%20Unpacker.jpg&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;span&gt;&lt;/span&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;The&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;Unreadable&lt;/span&gt;&amp;nbsp;option is disabled by default, because it uses data from&amp;nbsp;&lt;a href=&quot;http://www.jsnice.org/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;JS Nice&lt;/a&gt;. This cannot be done with JavaScript. You need to install UserScript&amp;nbsp;&lt;a href=&quot;https://github.com/lelinhtinh/de4js/blob/master/userscript/de4js_helper.user.js&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;de4js_helper.user.js&lt;/a&gt;&amp;nbsp;to enable it.&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;p&gt;&lt;/p&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;Live example :&amp;nbsp;&lt;a href=&quot;https://lelinhtinh.github.io/de4js/&quot;&gt;https://lelinhtinh.github.io/de4js/&lt;/a&gt;&lt;/p&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;Install one of the following links:&lt;/p&gt;&lt;ul dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; padding-left: 2em;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;a href=&quot;https://openuserjs.org/scripts/baivong/de4js_helper&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Open User JS&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://greasyfork.org/vi/scripts/33479-de4js-helper&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Greasy Fork&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://lelinhtinh.github.io/de4js/userscript/de4js_helper.user.js&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Github&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;&lt;code style=&quot;background-color: var(--color-neutral-muted); border-radius: 6px; box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; margin: 0px; padding: 0.2em 0.4em; white-space: break-spaces;&quot;&gt;*&lt;/code&gt;&amp;nbsp;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;de4js helper&lt;/span&gt;&amp;nbsp;doesn&#39;t work offline.&lt;/em&gt;&lt;/p&gt;&lt;h2 dir=&quot;auto&quot; style=&quot;background-color: white; border-bottom: 1px solid var(--color-border-muted); box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; padding-bottom: 0.3em; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#features&quot; id=&quot;user-content-features&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Features&lt;/h2&gt;&lt;ul dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; padding-left: 2em;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Works offline.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;Source code beautifier / syntax highlighter.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;Makes obfuscated code&amp;nbsp;&lt;a href=&quot;https://github.com/lelinhtinh/de4js#helper&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;readable&lt;/a&gt;.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;Performance unpackers:&lt;ul dir=&quot;auto&quot; style=&quot;box-sizing: border-box; margin-bottom: 0px; margin-top: 0px; padding-left: 2em;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;Eval&lt;/span&gt;, e.g. Packer, WiseLoop&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;Array&lt;/span&gt;, e.g. Javascript Obfuscator, Free JS Obfuscator&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://jsfiddle.net/ps5anL99/embedded/result,js,html,css/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;_Number&lt;/a&gt;&amp;nbsp;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;(not correct name)&lt;/em&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;http://dean.edwards.name/packer/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Packer&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://javascriptobfuscator.com/Javascript-Obfuscator.aspx&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Javascript Obfuscator&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;http://www.freejsobfuscator.com/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Free JS Obfuscator&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://obfuscator.io/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Obfuscator.IO&lt;/a&gt;&amp;nbsp;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;(but not all cases)&lt;/em&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;http://myobfuscate.com/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;My Obfuscate&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;URL encode&lt;/span&gt;, e.g. bookmarklet&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/aemkei/jsfuck&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;JSFuck&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;http://utf-8.jp/public/jjencode.html&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;JJencode&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;http://utf-8.jp/public/aaencode.html&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;AAencode&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;http://wiseloop.com/demo/php-javascript-obfuscator&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;WiseLoop&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 dir=&quot;auto&quot; style=&quot;background-color: white; border-bottom: 1px solid var(--color-border-muted); box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; padding-bottom: 0.3em; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#running-with-docker&quot; id=&quot;user-content-running-with-docker&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Running with Docker&lt;/h2&gt;&lt;div class=&quot;snippet-clipboard-content notranslate position-relative overflow-auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; overflow: auto !important; position: relative !important; user-select: text !important;&quot;&gt;&lt;pre class=&quot;notranslate&quot; style=&quot;background-color: var(--color-canvas-subtle); border-radius: 6px; box-sizing: border-box; color: var(--color-fg-default); font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; line-height: 1.45; margin-bottom: 16px; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 16px;&quot;&gt;&lt;code style=&quot;background: transparent; border-radius: 6px; border: 0px; box-sizing: border-box; display: inline; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; line-height: inherit; margin: 0px; overflow-wrap: normal; overflow: visible; padding: 0px; word-break: normal;&quot;&gt;docker-compose up
  1379. &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;Preview&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;de4js&lt;/span&gt;&amp;nbsp;in your web browser at&amp;nbsp;&lt;a href=&quot;http://localhost:4000/de4js/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;http://localhost:4000/de4js/&lt;/a&gt;&lt;/p&gt;&lt;h3 dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 1.25em; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#attach-shell&quot; id=&quot;user-content-attach-shell&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Attach Shell&lt;/h3&gt;&lt;div class=&quot;snippet-clipboard-content notranslate position-relative overflow-auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; overflow: auto !important; position: relative !important; user-select: text !important;&quot;&gt;&lt;pre class=&quot;notranslate&quot; style=&quot;background-color: var(--color-canvas-subtle); border-radius: 6px; box-sizing: border-box; color: var(--color-fg-default); font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; line-height: 1.45; margin-bottom: 16px; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 16px;&quot;&gt;&lt;code style=&quot;background: transparent; border-radius: 6px; border: 0px; box-sizing: border-box; display: inline; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; line-height: inherit; margin: 0px; overflow-wrap: normal; overflow: visible; padding: 0px; word-break: normal;&quot;&gt;docker exec -it de4js_app bash
  1380. bundle exec jekyll build
  1381. &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 dir=&quot;auto&quot; style=&quot;background-color: white; border-bottom: 1px solid var(--color-border-muted); box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; padding-bottom: 0.3em; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#local-development&quot; id=&quot;user-content-local-development&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Local Development&lt;/h2&gt;&lt;h3 dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 1.25em; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#install&quot; id=&quot;user-content-install&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Install&lt;/h3&gt;&lt;div class=&quot;snippet-clipboard-content notranslate position-relative overflow-auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; overflow: auto !important; position: relative !important; user-select: text !important;&quot;&gt;&lt;pre class=&quot;notranslate&quot; style=&quot;background-color: var(--color-canvas-subtle); border-radius: 6px; box-sizing: border-box; color: var(--color-fg-default); font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; line-height: 1.45; margin-bottom: 16px; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 16px;&quot;&gt;&lt;code style=&quot;background: transparent; border-radius: 6px; border: 0px; box-sizing: border-box; display: inline; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; line-height: inherit; margin: 0px; overflow-wrap: normal; overflow: visible; padding: 0px; word-break: normal;&quot;&gt;git clone https://github.com/lelinhtinh/de4js.git
  1382. cd de4js
  1383. &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;If you don&#39;t have Ruby installed, install&amp;nbsp;&lt;a href=&quot;https://www.ruby-lang.org/en/downloads/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Ruby 2.1.0 or higher&lt;/a&gt;.&lt;/p&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;Fix missing libraries on&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;Ubuntu&lt;/span&gt;:&lt;/p&gt;&lt;div class=&quot;snippet-clipboard-content notranslate position-relative overflow-auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; overflow: auto !important; position: relative !important; user-select: text !important;&quot;&gt;&lt;pre class=&quot;notranslate&quot; style=&quot;background-color: var(--color-canvas-subtle); border-radius: 6px; box-sizing: border-box; color: var(--color-fg-default); font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; line-height: 1.45; margin-bottom: 16px; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 16px;&quot;&gt;&lt;code style=&quot;background: transparent; border-radius: 6px; border: 0px; box-sizing: border-box; display: inline; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; line-height: inherit; margin: 0px; overflow-wrap: normal; overflow: visible; padding: 0px; word-break: normal;&quot;&gt;sudo apt install ruby-dev zlib1g-dev
  1384. &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;Install&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;Bundler&lt;/span&gt;:&lt;/p&gt;&lt;div class=&quot;snippet-clipboard-content notranslate position-relative overflow-auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; overflow: auto !important; position: relative !important; user-select: text !important;&quot;&gt;&lt;pre class=&quot;notranslate&quot; style=&quot;background-color: var(--color-canvas-subtle); border-radius: 6px; box-sizing: border-box; color: var(--color-fg-default); font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; line-height: 1.45; margin-bottom: 16px; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 16px;&quot;&gt;&lt;code style=&quot;background: transparent; border-radius: 6px; border: 0px; box-sizing: border-box; display: inline; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; line-height: inherit; margin: 0px; overflow-wrap: normal; overflow: visible; padding: 0px; word-break: normal;&quot;&gt;gem install bundler
  1385. &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;Install&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;Jekyll&lt;/span&gt;&amp;nbsp;and other&amp;nbsp;&lt;a href=&quot;https://pages.github.com/versions/&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;dependencies&lt;/a&gt;&amp;nbsp;from the GitHub Pages gem:&lt;/p&gt;&lt;div class=&quot;snippet-clipboard-content notranslate position-relative overflow-auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; overflow: auto !important; position: relative !important; user-select: text !important;&quot;&gt;&lt;pre class=&quot;notranslate&quot; style=&quot;background-color: var(--color-canvas-subtle); border-radius: 6px; box-sizing: border-box; color: var(--color-fg-default); font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; line-height: 1.45; margin-bottom: 16px; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 16px;&quot;&gt;&lt;code style=&quot;background: transparent; border-radius: 6px; border: 0px; box-sizing: border-box; display: inline; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; line-height: inherit; margin: 0px; overflow-wrap: normal; overflow: visible; padding: 0px; word-break: normal;&quot;&gt;bundle install
  1386. &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;Fix EventMachine C extension not loading on&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;Windows 10&lt;/span&gt;:&lt;/p&gt;&lt;div class=&quot;snippet-clipboard-content notranslate position-relative overflow-auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; overflow: auto !important; position: relative !important; user-select: text !important;&quot;&gt;&lt;pre class=&quot;notranslate&quot; style=&quot;background-color: var(--color-canvas-subtle); border-radius: 6px; box-sizing: border-box; color: var(--color-fg-default); font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; line-height: 1.45; margin-bottom: 16px; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 16px;&quot;&gt;&lt;code style=&quot;background: transparent; border-radius: 6px; border: 0px; box-sizing: border-box; display: inline; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; line-height: inherit; margin: 0px; overflow-wrap: normal; overflow: visible; padding: 0px; word-break: normal;&quot;&gt;gem uninstall eventmachine
  1387. gem install eventmachine --platform ruby
  1388. &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;Install Workbox CLI:&lt;/p&gt;&lt;div class=&quot;snippet-clipboard-content notranslate position-relative overflow-auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; overflow: auto !important; position: relative !important; user-select: text !important;&quot;&gt;&lt;pre class=&quot;notranslate&quot; style=&quot;background-color: var(--color-canvas-subtle); border-radius: 6px; box-sizing: border-box; color: var(--color-fg-default); font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; line-height: 1.45; margin-bottom: 16px; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 16px;&quot;&gt;&lt;code style=&quot;background: transparent; border-radius: 6px; border: 0px; box-sizing: border-box; display: inline; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; line-height: inherit; margin: 0px; overflow-wrap: normal; overflow: visible; padding: 0px; word-break: normal;&quot;&gt;npm install workbox-cli --global
  1389. &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 1.25em; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#start-serve&quot; id=&quot;user-content-start-serve&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Start serve&lt;/h3&gt;&lt;div class=&quot;snippet-clipboard-content notranslate position-relative overflow-auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; overflow: auto !important; position: relative !important; user-select: text !important;&quot;&gt;&lt;pre class=&quot;notranslate&quot; style=&quot;background-color: var(--color-canvas-subtle); border-radius: 6px; box-sizing: border-box; color: var(--color-fg-default); font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; line-height: 1.45; margin-bottom: 16px; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 16px;&quot;&gt;&lt;code style=&quot;background: transparent; border-radius: 6px; border: 0px; box-sizing: border-box; display: inline; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; line-height: inherit; margin: 0px; overflow-wrap: normal; overflow: visible; padding: 0px; word-break: normal;&quot;&gt;npm start
  1390. &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;Or, with livereload:&lt;/p&gt;&lt;div class=&quot;snippet-clipboard-content notranslate position-relative overflow-auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; overflow: auto !important; position: relative !important; user-select: text !important;&quot;&gt;&lt;pre class=&quot;notranslate&quot; style=&quot;background-color: var(--color-canvas-subtle); border-radius: 6px; box-sizing: border-box; color: var(--color-fg-default); font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; line-height: 1.45; margin-bottom: 16px; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 16px;&quot;&gt;&lt;code style=&quot;background: transparent; border-radius: 6px; border: 0px; box-sizing: border-box; display: inline; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; line-height: inherit; margin: 0px; overflow-wrap: normal; overflow: visible; padding: 0px; word-break: normal;&quot;&gt;npm run watch
  1391. &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;Preview&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;de4js&lt;/span&gt;&amp;nbsp;in your web browser at&amp;nbsp;&lt;a href=&quot;http://localhost:4000/de4js/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;http://localhost:4000/de4js/&lt;/a&gt;&lt;/p&gt;&lt;h3 dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 1.25em; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#build&quot; id=&quot;user-content-build&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Build&lt;/h3&gt;&lt;div class=&quot;snippet-clipboard-content notranslate position-relative overflow-auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; overflow: auto !important; position: relative !important; user-select: text !important;&quot;&gt;&lt;pre class=&quot;notranslate&quot; style=&quot;background-color: var(--color-canvas-subtle); border-radius: 6px; box-sizing: border-box; color: var(--color-fg-default); font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; line-height: 1.45; margin-bottom: 16px; margin-top: 0px; overflow-wrap: normal; overflow: auto; padding: 16px;&quot;&gt;&lt;code style=&quot;background: transparent; border-radius: 6px; border: 0px; box-sizing: border-box; display: inline; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; line-height: inherit; margin: 0px; overflow-wrap: normal; overflow: visible; padding: 0px; word-break: normal;&quot;&gt;npm run build
  1392. &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 dir=&quot;auto&quot; style=&quot;background-color: white; border-bottom: 1px solid var(--color-border-muted); box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; padding-bottom: 0.3em; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#license&quot; id=&quot;user-content-license&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;License&lt;/h2&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; user-select: text !important;&quot;&gt;&lt;a href=&quot;https://baivong.mit-license.org/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;MIT License&lt;/a&gt;&amp;nbsp;©&amp;nbsp;&lt;a href=&quot;https://github.com/lelinhtinh&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;lelinhtinh&lt;/a&gt;&lt;/p&gt;&lt;h2 dir=&quot;auto&quot; style=&quot;background-color: white; border-bottom: 1px solid var(--color-border-muted); box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; padding-bottom: 0.3em; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#credits&quot; id=&quot;user-content-credits&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Credits&lt;/h2&gt;&lt;h3 dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 1.25em; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#active-contributors&quot; id=&quot;user-content-active-contributors&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Active Contributors&lt;/h3&gt;&lt;ul dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; padding-left: 2em;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;a href=&quot;https://github.com/lelinhtinh&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;lelinhtinh&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/Himura2la&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Himura2la&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/flleeppyy&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Flleeppyy&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 1.25em; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#open-source-contributors&quot; id=&quot;user-content-open-source-contributors&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Open Source Contributors&lt;/h3&gt;&lt;ul dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; padding-left: 2em;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;a href=&quot;https://github.com/josdejong/mathjs&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;mathjs&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/beautify-web/js-beautify&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;js-beautify&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/isagalaev/highlight.js&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;highlight.js&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/zenorocha/clipboard.js&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;clipboard.js&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/forsigner/magic-check&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;magic-check&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://cat-in-136.github.io/2010/12/aadecode-decode-encoded-as-aaencode.html&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;cat-in-136&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/jacobsoo/Decoder-JJEncode&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Decoder-JJEncode&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/FAKE1007/NotSoWise&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;NotSoWise&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h3 dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 1.25em; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#resources&quot; id=&quot;user-content-resources&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Resources&lt;/h3&gt;&lt;ul dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; padding-left: 2em;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Icons made by&amp;nbsp;&lt;a href=&quot;https://www.flaticon.com/free-icon/artificial-intelligence_653469&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Eucalyp&lt;/a&gt;&amp;nbsp;from&amp;nbsp;&lt;a href=&quot;https://www.flaticon.com/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Flaticon&lt;/a&gt;.&lt;/li&gt;&lt;/ul&gt;&lt;h2 dir=&quot;auto&quot; style=&quot;background-color: white; border-bottom: 1px solid var(--color-border-muted); box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; margin-bottom: 16px; margin-top: 24px; padding-bottom: 0.3em; user-select: text !important;&quot; tabindex=&quot;-1&quot;&gt;&lt;a aria-hidden=&quot;true&quot; class=&quot;anchor&quot; href=&quot;https://github.com/lelinhtinh/de4js#related-projects&quot; id=&quot;user-content-related-projects&quot; style=&quot;background-color: transparent; box-sizing: border-box; float: left; line-height: 1; margin-left: -20px; padding-right: 4px; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;octicon octicon-link&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewbox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path d=&quot;M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;Related projects&lt;/h2&gt;&lt;ul dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 16px; margin-top: 0px; padding-left: 2em;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;a href=&quot;https://github.com/geeksonsecurity/illuminatejs&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;IlluminateJS&lt;/a&gt;: A static JavaScript deobfuscator.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/mindedsecurity/JStillery&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;JStillery&lt;/a&gt;: Advanced JavaScript Deobfuscation via Partial Evaluation.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/char/akamai-deobfuscator&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Akamai Deobfuscator&lt;/a&gt;: A tool to help you deobfuscate Akamai scripts.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/eth-sri/Nice2Predict&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Nice2Predict&lt;/a&gt;: Learning framework for program property prediction.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/jsoverson/javascript-deobfuscation-AMA&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Javascript deobfuscation AMA&lt;/a&gt;: General questions about deobfuscating JavaScript.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/sd-soleaio/deobfuscator-io&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Deobfuscator IO&lt;/a&gt;: A (incomplete) deobfuscator for scripts obfuscated with obfuscator.io (Archived).&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/LostMyCode/javascript-deobfuscator&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;JavaScript Deobfuscator&lt;/a&gt;: Deobfuscation tool for obfuscated JavaScript using obfuscator.io.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/facebook/prepack&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Prepack&lt;/a&gt;: A JavaScript bundle optimizer.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/RuochenLyu/js-deobfuscate&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;JS Deobfuscate&lt;/a&gt;: JavaScript deobfuscate for JSjiami, Sojson, ...&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/liulihaocai/JSDec&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;JSDec&lt;/a&gt;: Online JavaScript decoder. Supported sojson v4/Premium/v5 and more (No longer update).&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; margin-top: 0.25em;&quot;&gt;&lt;a href=&quot;https://github.com/uwu/synchrony&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;Synchrony&lt;/a&gt;: Kavascript-obfuscator cleaner &amp;amp; deobfuscator.&lt;/li&gt;&lt;/ul&gt;&lt;p dir=&quot;auto&quot; style=&quot;background-color: white; box-sizing: border-box; color: #24292f; cursor: auto; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: 16px; margin-bottom: 0px !important; margin-top: 0px; user-select: text !important;&quot;&gt;&lt;code style=&quot;background-color: var(--color-neutral-muted); border-radius: 6px; box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, &amp;quot;SF Mono&amp;quot;, Menlo, Consolas, &amp;quot;Liberation Mono&amp;quot;, monospace; font-size: 13.6px; margin: 0px; padding: 0.2em 0.4em; white-space: break-spaces;&quot;&gt;*&lt;/code&gt;&amp;nbsp;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;a href=&quot;https://obfuscator.io/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none; user-select: text !important;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: var(--base-text-weight-semibold, 600);&quot;&gt;Obfuscator.IO&lt;/span&gt;&lt;/a&gt;&amp;nbsp;is always up to date. The automatic deobfuscation tools (including this project) will usually not match its latest version. But that doesn&#39;t mean it&#39;s a safe tool to secure your source code.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;524&quot; src=&quot;https://www.youtube.com/embed/HSn_-JaJThM&quot; width=&quot;630&quot; youtube-src-id=&quot;HSn_-JaJThM&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;Remove Blogger Footer Credit : How to Decrypt Encrypted JavaScript in Blogger&lt;/div&gt;&lt;p&gt;&lt;/p&gt;</description><link>http://superblogger3.blogspot.com/2023/03/how-to-host-your-javascript.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTv2mkfNoQQ778n1agv8BrJPcO-mHxEYxNezMGc5zbxgSlDSGQ4Fi0IhnEM4hEQevBbH0OmCHP-q6G0nfL0Auif5pjQ_dGFWHcFCLCVvDcgrirtiEJl7utWJ4vuSANzgIWN31fIHAUf_7JrBRMeemTqbHiqbZ62yQJjcuUsNebp0jk1zu7UymPn18akQ/s72-c/JavaScript%20Deobfuscator%20and%20Unpacker.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-3799224717923559615</guid><pubDate>Mon, 06 Mar 2023 10:50:00 +0000</pubDate><atom:updated>2023-03-06T10:50:15.770+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">« Navigate</category><title>Navigate »</title><description>&lt;div dir=&quot;ltr&quot; trbidi=&quot;on&quot;&gt;
  1393. &lt;style media=&quot;screen&quot; type=&quot;text/css&quot;&gt;
  1394. .post img{
  1395. -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
  1396. }
  1397. .post img:hover {
  1398. -o-transition: all 0.5s;
  1399.    -moz-transition: all 0.5s;
  1400.    -webkit-transition: all 0.3s;
  1401.    -moz-transform: scale(1.03);
  1402.    -o-transform: scale(1.05);
  1403.    -webkit-transform: scale(1.03);
  1404. }
  1405. &lt;/style&gt;
  1406.  &lt;div&gt;&lt;div dir=&quot;ltr&quot; style=&quot;background-color: white; font-size: 14.85px;&quot; trbidi=&quot;on&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;b style=&quot;background-color: red; font-size: large;&quot;&gt;&lt;span style=&quot;color: white;&quot;&gt;&amp;nbsp;HOT&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b style=&quot;background-color: #fcff01; font-size: large;&quot;&gt;&amp;nbsp;NEWS !!!&amp;nbsp;&lt;/b&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&amp;nbsp;The Blog and all Widgets Optimized to Support 105 Languages&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 14.85px;&quot;&gt;»&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div dir=&quot;ltr&quot; style=&quot;background-color: white; font-size: 14.85px;&quot; trbidi=&quot;on&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;b style=&quot;background-color: red;&quot;&gt;&lt;span style=&quot;color: white;&quot;&gt;&amp;nbsp;HOT&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;b style=&quot;background-color: #fcff01;&quot;&gt;&amp;nbsp;NEWS !!!&lt;/b&gt;&amp;nbsp;You can actively participate in the&amp;nbsp;&lt;a href=&quot;https://www.facebook.com/groups/1099522133907486&quot; style=&quot;color: #0b5394; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;wordpress911&lt;/a&gt;&amp;nbsp;team to ask and answer questions to upload images articles and videos register&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 14.85px;&quot;&gt;»&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.facebook.com/groups/1099522133907486&quot; style=&quot;color: #0b5394; font-size: large; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;Here&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span face=&quot;&amp;quot;arial&amp;quot; , &amp;quot;tahoma&amp;quot; , &amp;quot;helvetica&amp;quot; , &amp;quot;freesans&amp;quot; , sans-serif&quot; style=&quot;color: #3b3b3b;&quot;&gt;&lt;b&gt;&lt;div class=&quot;separator&quot; style=&quot;background-color: white; clear: both; color: black; font-size: x-large; text-align: center;&quot;&gt;&lt;a href=&quot;https://www.facebook.com/groups/115299805848081&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;239&quot; data-original-width=&quot;100%&quot; height=&quot;235&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkECEYhykWMKQ3Nhurik0XZddSBKuSd1Lankh5b9afXALjmZKYJ0qBKetkKn6qAaO5NhwTnsHG6PVfH1RnQAg8QfAM5VZbG69I9dCuDQRktVLHE2ffShmAgJwlxk_QiefJgj5poy7hC029/w692-h235/navigate-superblogger3.jpg&quot; width=&quot;692&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; text-align: left;&quot;&gt;&lt;b style=&quot;background-color: yellow;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;NEWS !!!&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;&amp;nbsp; You ask me and we do it »&amp;nbsp; This Blogger Retro template tranformed to &lt;b&gt;Full responsive&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; text-align: left;&quot;&gt;&lt;b style=&quot;background-color: yellow;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;NEWS !!!&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; text-align: left;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;New option&amp;nbsp;&lt;b&gt;Subscribe&lt;/b&gt;&amp;nbsp;via&amp;nbsp;&lt;/span&gt;&lt;b style=&quot;vertical-align: inherit;&quot;&gt;facebook&lt;/b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span&gt;&amp;nbsp;- Read first all Superblogger3 hot new and articles&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #f3f3f3;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span&gt;&lt;b&gt;Here&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b&gt;»&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;font-family: georgia, times new roman, serif;&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://www.facebook.com/groups/247581677140031&quot;&gt;wordpress911&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif; text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;b style=&quot;background-color: yellow;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;NEWS !!!&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style=&quot;background-color: transparent;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: transparent; font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&amp;nbsp;&lt;/span&gt;You ask me and we do it all Hot tools in the first page&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; font-family: georgia, &amp;quot;times new roman&amp;quot;, serif; text-align: left;&quot;&gt;»&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;background-color: #fcff01;&quot;&gt;TOOLS&lt;/span&gt;» &lt;a href=&quot;http://superblogger3.blogspot.gr/p/free-html-editor-use-this-free-editor.html&quot; style=&quot;background-color: #ead1dc;&quot; target=&quot;_blank&quot;&gt;CKEditor&lt;/a&gt;  &lt;a href=&quot;http://superblogger3.blogspot.com/p/tydymca2.html&quot; style=&quot;background-color: #fff2cc;&quot; target=&quot;_blank&quot;&gt;TinyMCE&lt;/a&gt;   &lt;a href=&quot;https://www.w3schools.com/colors/colors_picker.asp&quot; style=&quot;background-color: #93c47d;&quot; target=&quot;_blank&quot;&gt;Colors Picker&lt;/a&gt; &lt;a href=&quot;http://superblogger3.blogspot.com/p/blog-page_23.html&quot; style=&quot;background-color: #f4cccc;&quot; target=&quot;_blank&quot;&gt;Codepen&lt;/a&gt; &lt;a href=&quot;https://www.tutorialspoint.com/online_html_editor.php&quot; style=&quot;background-color: #d9d2e9;&quot; target=&quot;_blank&quot;&gt;Godinground&lt;/a&gt; &lt;a href=&quot;https://compressjpeg.com/&quot; style=&quot;background-color: #f4cccc;&quot; target=&quot;_blank&quot;&gt;Compressjpeg&lt;/a&gt;  &lt;a href=&quot;https://superblogger3.blogspot.com/2020/10/html-hilighters.html&quot; style=&quot;background-color: #ffe599;&quot; target=&quot;_blank&quot;&gt;Hilite.me&lt;/a&gt; &lt;a href=&quot;https://htmltidy.net/&quot; style=&quot;background-color: #fff2cc;&quot; target=&quot;_blank&quot;&gt;HTMLTydy&lt;/a&gt; &lt;a href=&quot;https://www.webtoolkitonline.com/javascript-tester.html&quot; style=&quot;background-color: #cfe2f3;&quot; target=&quot;_blank&quot;&gt;JSTester&lt;/a&gt; &lt;a href=&quot;https://codebeautify.org/&quot; style=&quot;background-color: #fff2cc;&quot; target=&quot;_blank&quot;&gt;Codebeautify&lt;/a&gt;  &lt;a href=&quot;https://github.com/ZabezpecWebCZ/CodeCleaner&quot; style=&quot;background-color: #d9d2e9;&quot; target=&quot;_blank&quot;&gt;Codecleaner&lt;/a&gt; &lt;a href=&quot;https://jseditor.io/&quot; style=&quot;background-color: #b6d7a8;&quot; target=&quot;_blank&quot;&gt;JSEditor&lt;/a&gt;  &lt;a href=&quot;https://www.tablesgenerator.com/html_tables&quot; style=&quot;background-color: #fff2cc;&quot; target=&quot;_blank&quot;&gt;TABgenr&lt;/a&gt; &lt;a href=&quot;https://html-cleaner.com/&quot; style=&quot;background-color: #f4cccc;&quot; target=&quot;_blank&quot;&gt;Codecleaner&lt;/a&gt;&amp;nbsp;&lt;a href=&quot;https://www.sorabloggingtips.com/p/code-converter.html&quot; style=&quot;background-color: #fcff01;&quot; target=&quot;_blank&quot;&gt;Converter&lt;/a&gt;&amp;nbsp; &lt;a href=&quot;http://ddecode.com/hexdecoder/?results=857d989d10fb91ac985ee09bae66b4dc&quot; style=&quot;background-color: red;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: white;&quot;&gt;Hexdecoder&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;
  1407. &lt;b style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;b style=&quot;color: black;&quot;&gt;&lt;span style=&quot;color: #b45f06;&quot;&gt;Please Follow us here&lt;/span&gt;&amp;nbsp;»&lt;/b&gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;/div&gt;
  1408. &lt;div style=&quot;line-height: 20.79px; text-align: center;&quot;&gt;
  1409. &lt;ul style=&quot;line-height: 1.4; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em; text-align: left;&quot;&gt;
  1410. &lt;li style=&quot;border: none; margin: 0px 0px 0.25em; padding: 0px; text-align: left;&quot;&gt;&lt;span&gt;&lt;b style=&quot;background-color: yellow;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;NEW !!!&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;  &lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;Added options to&amp;nbsp;&lt;b&gt;Subscribe&lt;/b&gt; via &lt;/span&gt;&lt;b style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;facebook&lt;/b&gt;&lt;span style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&amp;nbsp;and read first all Superblogger3 hot new and articles &lt;/span&gt;&lt;span style=&quot;background-color: #f3f3f3;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;b&gt;Here&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b&gt;»&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;b style=&quot;font-family: georgia, &amp;quot;times new roman&amp;quot;, serif;&quot;&gt;&lt;a href=&quot;https://www.facebook.com/groups/247581677140031&quot;&gt;wordpress911&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
  1411. &lt;li style=&quot;border: none; margin: 0px 0px 0.25em; padding: 0px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;b style=&quot;background-color: yellow;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;NEW !!!&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt; &lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;Revoved options to&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Articles Monitoring via&amp;nbsp;&lt;b&gt;RSS feed&lt;/b&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&amp;nbsp;using RSS feedburber&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;
  1412. &lt;div class=&quot;separator&quot; style=&quot;clear: both; color: #3b3b3b; font-family: arial, tahoma, helvetica, freesans, sans-serif; font-size: 14.85px; text-align: center;&quot;&gt;
  1413. &lt;span style=&quot;color: black; font-family: &amp;quot;times new roman&amp;quot;; font-size: large;&quot;&gt;&lt;/span&gt;&lt;/div&gt;
  1414. &lt;ul style=&quot;line-height: 1.4; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em; text-align: left;&quot;&gt;
  1415. &lt;li style=&quot;border: none; margin: 0px 0px 0.25em; padding: 0px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;b style=&quot;background-color: yellow;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;NEW !!!&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;Toolbar mooved up as&amp;nbsp;&lt;/span&gt;&lt;b style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Upper fixed style&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&amp;nbsp;toolbar with search box&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
  1416. &lt;li style=&quot;border: none; margin: 0px 0px 0.25em; padding: 0px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;georgia&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;b&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;background-color: yellow;&quot;&gt;NEW !!!&lt;/span&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Terms pase change position&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;.&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Read the&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://www.naturalife.site/p/altermarket-kalliergo.html&quot; style=&quot;background-color: white; color: #741b47;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;Terms&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;background-color: white; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&amp;nbsp;of use of this blog here »&amp;nbsp;&lt;/span&gt;&lt;b style=&quot;color: #741b47;&quot;&gt;&lt;span style=&quot;vertical-align: inherit;&quot;&gt;&lt;a href=&quot;http://superblogger3.blogspot.gr/p/terms-of-use-terms-of-use-terms.html&quot; style=&quot;color: #741b47;&quot;&gt;&amp;nbsp;Terms of use&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
  1417. &lt;/ul&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: #741b47; font-family: georgia, times new roman, serif;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: #741b47; font-family: georgia, times new roman, serif;&quot;&gt;&lt;b&gt;
  1418.  
  1419. &lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;/div&gt;&lt;div&gt;&lt;div align=&quot;center&quot;&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;MsoTableGrid&quot; style=&quot;border-collapse: collapse; border: none; mso-border-insideh: none; mso-border-insidev: none; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-yfti-tbllook: 1184;&quot;&gt;&lt;tbody&gt;&lt;tr style=&quot;height: 22.9pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0; mso-yfti-lastrow: yes;&quot;&gt;&lt;td style=&quot;height: 22.9pt; padding: 0cm 5.4pt; width: 350.1pt;&quot; valign=&quot;top&quot; width=&quot;467&quot;&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt; text-align: center;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;a href=&quot;http://superblogger3.blogspot.gr/&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4FIJcHr8s8X0fWuF1bj_Tu3Gm8yeMB1G36EKL-_qFvTcjZ_8gY52gPiKyZHg-C2od52vSduhfQe5qhBv-8UWK7daFmltLkxrxFHeGonpKFDs5k7VdxgRgT9lyqvewnJTWTNDbzf-1w9rL/s1600/buttonHome.png&quot; /&gt;&lt;/a&gt;&amp;nbsp;&lt;a href=&quot;http://superblogger3.blogspot.gr/p/home.html&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk8KrRmKmnyhyphenhyphenq4U5oGSOWTpQFRvZCWRa3qf8tHNaMdw92Qm6RV6Pmvrmp8xgBKKuf-BdJuyXvJswAs5YEEUky8I_GT-U35toG9pRj8qiDRRH1EoMIl-l0qwaY2N-a54NNV3GrksWJPqVW/s1600/buttonInfo.png&quot; /&gt;&lt;/a&gt;&amp;nbsp;&lt;a href=&quot;http://superblogger3.blogspot.gr/p/mytablet.html&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmWdRqRezlm6X8dMaL1AsvMmkxkuNRjzV_6goOSHB7u-NIw8STVV2VD1oXEQNU0OT7BFh8c3ODJbhr1PVsmBugXGov58EDLnYfMrVi6pbvCKwisF361rPG51J8HiOxWMa_D4iZRwrRjCOB/s1600/buttonTablet.png&quot; /&gt;&lt;/a&gt;&amp;nbsp;&lt;a href=&quot;http://superblogger3.blogspot.gr/p/img.html&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;42&quot; data-original-width=&quot;168&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZJqPNnrAWQ0N1Jzj9LdIKeQmEKnZM811i5-zEqOjpoTTFxESK9J-G9EJuC18_v8vvFdkembCjMeTCala2OdG0P9lME8r1hyQPkqhQfSCZd41bUsqrloDdYhJ2lA3-wWT3g48fcNEIU0lE/s1600/buttonTn.png&quot; /&gt;&lt;/a&gt;&amp;nbsp;&lt;a href=&quot;http://superblogger3.blogspot.gr/p/last-25-posts-img.html&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZNtnXVRDTaYhKgCuocjLstAMYWUnqAib8pxABwC3SxSVjLPg1yDqJVD7npThq05NGtiLP6dwz-ZHJmruj16T8YKeFd-5L9LdNt_ixE0SDXjFx97Xm3XjZTNQH_pQkdGcwI8BmpMmSmsJo/s1600/buttonbase.png&quot; /&gt;&lt;/a&gt;&amp;nbsp;&lt;a href=&quot;http://superblogger3.blogspot.gr/p/contact.html&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZi8KAy9a1eSgoOuZcnDFUO6nbWmpqmbXXPu1s8S9VeLCOoXN9l1Ub9orhAry3dCtzW8GlPAZ0ZZIyeQyJzzUDlpVF7lrO2HREdmxnz0T70Pmuzd2E3ke_qW5JPhElyv-gKlN95CbW6bSH/s1600/buttonContact.png&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div align=&quot;center&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;b&gt;TOP 50&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;text-align: center;&quot;&gt;01.&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.sketchapp.com/&quot; style=&quot;text-align: center;&quot;&gt;Sketch&lt;/a&gt;&lt;br /&gt;02. &lt;a href=&quot;https://creative.adobe.com/plans?sdid=KSODC&quot;&gt;Adobe XD&lt;/a&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;04. &lt;a href=&quot;https://affinity.serif.com/en-gb/designer/&quot;&gt;Affinity Designer&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;05. &lt;a href=&quot;http://anime-js.com/&quot;&gt;Anime&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;06. &lt;a href=&quot;http://avocode.com/&quot;&gt;Avocode&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;07. &lt;a href=&quot;https://zeplin.io/&quot;&gt;Zeplin&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;08. &lt;a href=&quot;http://patternlab.io/&quot;&gt;Pattern Lab&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;09. &lt;a href=&quot;https://vivaldi.com/&quot;&gt;Vivaldi&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;10. &lt;a href=&quot;https://about.canva.com/&quot;&gt;Canva&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;11. &lt;a href=&quot;https://www.beewits.com/web-design-proposal-tool/&quot;&gt;Web design proposal tool&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;12. &lt;a href=&quot;https://chrome.google.com/webstore/detail/sitestacks-instant-tech-l/nnknmohbeolbkgeggkiaifelfkdlnfak?hl=en&quot;&gt;Site Stacks&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;13. &lt;a href=&quot;https://codepen.io/pro/projects&quot;&gt;CodePen Projects&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;14. &lt;a href=&quot;https://getbootstrap.com/&quot;&gt;Bootstrap&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;15. &lt;a href=&quot;https://allyjs.io/&quot;&gt;ally.js&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;16. &lt;a href=&quot;http://www.typenugget.com/&quot;&gt;Type Nugget&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;17. &lt;a href=&quot;https://developer.apple.com/arkit/&quot;&gt;ARKit&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;18. &lt;a href=&quot;http://vuejs.org/&quot;&gt;Vue.js&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;19. &lt;a href=&quot;https://hologram.cool/&quot;&gt;Hologram&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;20. &lt;a href=&quot;https://github.com/parallax/svg-animation-tools&quot;&gt;Parallax SVG Animation Tools&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;21. &lt;a href=&quot;https://quilljs.com/&quot;&gt;Quill&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;22. &lt;a href=&quot;https://github.com/alvarcarto/url-to-pdf-api&quot;&gt;URL to PDF&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;23. &lt;a href=&quot;https://github.com/iotacss&quot;&gt;iotaCSS&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;24. &lt;a href=&quot;https://launchpad.animaapp.com/&quot;&gt;Launchpad&lt;/a&gt;  25. &lt;a href=&quot;https://github.com/airbnb/react-sketchapp&quot;&gt;React Sketch.app&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;26. &lt;a href=&quot;http://sketchmaster.com/svg-optimizer&quot;&gt;SVGito&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;27. &lt;a href=&quot;http://sizzy.co/&quot;&gt;Sizzy&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;28. &lt;a href=&quot;http://foundation.zurb.com/emails.html&quot;&gt;Foundation for Emails 2&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;29. &lt;a href=&quot;http://relativewave.com/form&quot;&gt;Form&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;30, &lt;a href=&quot;https://www.blogger.com/#&quot;&gt;FREE ONLINE BOOK MOCKUP MAKER&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;31. &lt;a href=&quot;http://hilite.me/&quot;&gt;hilite.me&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;32. &lt;a href=&quot;https://compressjpeg.com/&quot;&gt;Compressjpeg.com&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;33. &lt;a href=&quot;https://www.exisoftware.com/thumbnail_generator/&quot;&gt;Extreme Thumbnail Generator&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;34. &lt;a href=&quot;http://Tutorialspoint.com&quot;&gt;Tutorialspoint.com&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;div&gt;35. &lt;a href=&quot;http://htmltidy.net/&quot; target=&quot;_blank&quot;&gt;Markup Corrector&lt;/a&gt;&lt;br /&gt;36.&amp;nbsp;&lt;a href=&quot;https://jsfiddle.net/&quot;&gt;https://jsfiddle.net/&lt;/a&gt;&lt;br /&gt;37.&amp;nbsp;&lt;a href=&quot;https://codebeautify.org/htmlviewer#&quot;&gt;Code buteautif&lt;/a&gt;&lt;br /&gt;38. &lt;a href=&quot;https://html-online.com/editor/&quot; target=&quot;_blank&quot;&gt;Code Cleaner&lt;/a&gt;&lt;br /&gt;39. &lt;a href=&quot;http://codepen.io/pen&quot; target=&quot;_blank&quot;&gt;JS CSS Tester&lt;/a&gt;.&lt;br /&gt;40. &lt;a href=&quot;https://js.do/&quot; target=&quot;_blank&quot;&gt;JavaScript Editor&lt;/a&gt;&lt;br /&gt;41 &lt;a href=&quot;http://www.tablesgenerator.com/html_tables#&quot; target=&quot;_blank&quot;&gt;Table generator.&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-2K-FcQVLCpbADKVpkcbR1bIYPRTGbucztTwqFPl3leGbreSmLPJXyp_kT62lO0njyr5y7jpxTufGYxLPpcSc7b06bZdarUPof-DSrV_t5YDX4AEhYzmeLvmDBAgzJ10IsK3nJjp6Xl5dRv7AcCEBS5_9QAGwSaF6H8rV62sd5_KBuWODWfuWw9H_WA/s572/blog%20views.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;285&quot; data-original-width=&quot;572&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-2K-FcQVLCpbADKVpkcbR1bIYPRTGbucztTwqFPl3leGbreSmLPJXyp_kT62lO0njyr5y7jpxTufGYxLPpcSc7b06bZdarUPof-DSrV_t5YDX4AEhYzmeLvmDBAgzJ10IsK3nJjp6Xl5dRv7AcCEBS5_9QAGwSaF6H8rV62sd5_KBuWODWfuWw9H_WA/s16000/blog%20views.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
  1420. &lt;div style=&quot;background-color: white; font-size: 14.85px;&quot;&gt;
  1421. &lt;/div&gt;
  1422. &lt;/div&gt;
  1423.  
  1424. &lt;/div&gt;</description><link>http://superblogger3.blogspot.com/2016/08/blog-post.html</link><author>noreply@blogger.com (Web Page Design)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkECEYhykWMKQ3Nhurik0XZddSBKuSd1Lankh5b9afXALjmZKYJ0qBKetkKn6qAaO5NhwTnsHG6PVfH1RnQAg8QfAM5VZbG69I9dCuDQRktVLHE2ffShmAgJwlxk_QiefJgj5poy7hC029/s72-w692-h235-c/navigate-superblogger3.jpg" height="72" width="72"/></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-5569974951092508089</guid><pubDate>Mon, 06 Mar 2023 10:41:00 +0000</pubDate><atom:updated>2023-03-06T10:41:44.302+00:00</atom:updated><title>Online and offline Ways to Remove Watermark from Photo</title><description>&lt;p style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://watermarkremover.net/photo-watermark-remover/&quot; style=&quot;background-color: white; margin-left: 1em; margin-right: 1em; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;423&quot; data-original-width=&quot;670&quot; height=&quot;404&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCPg15_w1RlQL7PN45j5f5SfP_HurAH3Qv6RMZH4BxevheinarVb_4O5uLHJ4PodsD0rzAxkEkC6_X-eNvUdokToTnZ9K2IGoDbU3XLJPU_GwRExK0IaOZOhIlPCA_tUHQF_m5LyxkBgO2/w640-h404/watermark-emove-tool.jpg&quot; style=&quot;border: none; height: auto; max-width: 100%; position: relative;&quot; width=&quot;640&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Photographs are constantly included archives to make our thoughts all the more unmistakably. but what if you need to remove watermark and objects ???&lt;/span&gt;&lt;/p&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt; Be that as it may, regularly, the refered to photographs are made by others and added with a watermark showing the beginning. Then, at that point how to eliminate a watermark from photographs, in the reason to make the refered to photographs not distractive by the watermark and to make our documents look more expert? Here you will discover 7 different ways to eliminate watermark from photographs, including on the web free arrangements and a few disconnected proficient photograph watermark remover applications. In any case, prior to eliminating the watermark from a photograph, you ought to understand that it is illicit to eliminate the photograph watermarks for business or for other criminal demonstration.&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;To many websites promote Watermark remove but too few can do it perfectly , basicaly we have 2 diferer methods 1) The manualy method with mark or lasso with good resault but some times this method blow up your image an 2) The full automaticaly method , this method some times is amazing and some times is disaponted ,&amp;nbsp; here we test some algoritms and online tools&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;h2 class=&quot;fusion-responsive-typography-calculated&quot; data-fontsize=&quot;38&quot; data-lineheight=&quot;49.4px&quot; style=&quot;--fontsize: 38; background-color: white; box-sizing: border-box; letter-spacing: -1px; line-height: 1.3; margin: 0.7em 0px; padding-bottom: 0px;&quot;&gt;&lt;div class=&quot;fusion-menu-anchor&quot; id=&quot;best&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: large;&quot;&gt;98% HI QUALITY&amp;nbsp;&lt;a href=&quot;https://www.aiseesoft.com/watermark-remover-online/&quot; target=&quot;_blank&quot;&gt;aiseesoft.com&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-weight: 400; letter-spacing: normal; text-align: center;&quot;&gt;&lt;a href=&quot;https://watermarkremover.net/photo-watermark-remover/&quot; style=&quot;margin-left: 1em; margin-right: 1em; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia; font-size: small;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;423&quot; data-original-width=&quot;670&quot; height=&quot;404&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCPg15_w1RlQL7PN45j5f5SfP_HurAH3Qv6RMZH4BxevheinarVb_4O5uLHJ4PodsD0rzAxkEkC6_X-eNvUdokToTnZ9K2IGoDbU3XLJPU_GwRExK0IaOZOhIlPCA_tUHQF_m5LyxkBgO2/w640-h404/watermark-emove-tool.jpg&quot; style=&quot;border: none; height: auto; max-width: 100%; position: relative;&quot; width=&quot;640&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Remove Text &amp;amp; Image Watermark Effortlessly&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;As a web-based watermark erasing tool, Aiseesoft Free Watermark Remover can help you efface any watermarks, like text, camera date stamps, graphic logos, and other unwelcome objects, from your pictures at ease. Unlike Photoshop, this program doesn’t require users to master technical skills to complete the removing task. Thanks to its user-friendly interface, you can get a clean and refined photo for free with a few simple clicks.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Erase Multiple Watermarks Intelligently&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;No matter how many watermarks are placed on your photo, Aiseesoft Watermark Remover Online has the capability to delete all of them with the intelligent mode it possesses. All you need to do is select the superfluous part and submit the selection. This eraser will automatically detect and blur the watermark. Besides, it also enables you to preview the result in real-time and continue removing other elements based on the changed photo.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Delete Watermark from a JPG/JPEG/PNG/BMP/TIFF File&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Even if you want to remove the watermark from several different types of image files, this free online watermark remover can get the job done for you without a pause. There is no limit to the input image formats - JPG, JPEG, PNG, BMP, TIFF, and many other formats are supported. You can simply drag and drop your photo to the designated area above to start your watermark removal on your web browser. &amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;a href=&quot;https://www.aiseesoft.com/watermark-remover-online/&quot;&gt;https://www.aiseesoft.com/watermark-remover-online/&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/h2&gt;&lt;div&gt;&lt;h1 style=&quot;background-color: white; box-sizing: border-box; line-height: 1.1; margin: 20px 0px 10px;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: large;&quot;&gt;90% How to Remove Watermark from a Photo using&amp;nbsp;&lt;a href=&quot;https://theinpaint.com/tutorials/online/how-to-remove-watermark-from-photo&quot; target=&quot;_blank&quot;&gt;theinpaint&lt;/a&gt;&lt;/span&gt;&lt;/h1&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Watermarks. An efficient copyright protection mechanism and a pain in the neck when it comes to restoring the intact image from the watermarked one. Removing a watermark from a photo comes in handy when you lost the last remaining copy of the original picture and desperately need to return it no matter what.&lt;br /&gt;&lt;br /&gt;Now take Inpaint Online and remove any number of watermarks from your photos in just 3 steps, regardless of whether the photo is on your desktop or on mobile phone!&lt;/span&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Step 1: Upload the image&lt;/span&gt;&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg75IHCVqfCTMTH6O3k6QJZICZhw1yLV0DGtuHUV9cQ4ndFSxDtJP1RxcP6FVh-yIo0aOSawYhvzBQJMc1CGlMVtn0JXTaPHtonuCdoL6txlrFDjZUKe2omuT_89TjDm9aRkbHmfrphuhg/s640/how-to-remove-watermark-from-photo-1.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;386&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg75IHCVqfCTMTH6O3k6QJZICZhw1yLV0DGtuHUV9cQ4ndFSxDtJP1RxcP6FVh-yIo0aOSawYhvzBQJMc1CGlMVtn0JXTaPHtonuCdoL6txlrFDjZUKe2omuT_89TjDm9aRkbHmfrphuhg/s16000/how-to-remove-watermark-from-photo-1.png&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Click the Upload button and select the picture you want to remove a watermark from.&lt;/span&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Step 2: Highlight watermarks to remove&lt;/span&gt;&lt;/h3&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Use the marker to highlight the area of the watermark you want to remove. Note that you can make finer selection of the areas by choosing smaller size of the marker.&lt;/span&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; margin: 0px 0px 10px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtfHXETThTEeoxGXWVtuvrxSA8ZOIKbYd6xNL9DqtebpyyvdXTCthOorD2y6_KEx_IlSApwd58QrbRB6spgoyUhbuwyBA9YNFv_YpQu5vp0aeNGcQAF0_ocI07BIb3S2F6EPC2A8EaoRo/s16000/how-to-remove-watermark-from-photo-2.png&quot; style=&quot;background-color: transparent;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Step 3: Remove them!&lt;/span&gt;&lt;/h3&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Finally, click the &quot;Run&quot; button to make Inpaint process the image and remove the watermark you defined.&lt;/span&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; margin: 0px 0px 10px; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfPvfUwW0JwBao_Ef0n6it1fLFn3WNMQzcpupU_xFt8oZmPpx43UUYdkEdd9vV9QpB33uDtrqCuTWdaacZLay4xRhSoeABC3jAwiVElH1xH9PbPL9_1Dsscwb5P_v7E9KnBVOP6zq8qIw/s16000/how-to-remove-watermark-from-photo-3.png&quot; style=&quot;background-color: transparent;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; height: 0px; margin-bottom: 20px; margin-top: 20px;&quot; /&gt;&lt;h4 style=&quot;background-color: white; box-sizing: border-box; line-height: 1.1; margin-bottom: 10px; margin-top: 10px;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-weight: 400;&quot;&gt;*This article part is from&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span style=&quot;font-weight: 400;&quot;&gt;&lt;a href=&quot;https://theinpaint.com/tutorials/online/how-to-remove-watermark-from-photo&quot;&gt;https://theinpaint.com/tutorials/online/how-to-remove-watermark-from-photo&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;94% The Expensive method Remove Watermark using Adobe Photoshop&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;548&quot; src=&quot;https://www.youtube.com/embed/-17yZ5hFPA0&quot; width=&quot;659&quot; youtube-src-id=&quot;-17yZ5hFPA0&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;And all you know that we area NEGATIVE to support expensive pay per month software, but ONE TIME PAYMENT and OPEN source software, so the Photoshop is a expensive $25/month solution for Professional use only.&lt;br /&gt;&lt;/span&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;89% Free Photo Watermark Removal in &lt;a href=&quot;https://www.gimp.org/downloads/&quot; target=&quot;_blank&quot;&gt;GMIP&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The Free &amp;amp; Open Source Image Editor,&amp;nbsp;This is the official website of the GNU Image Manipulation Program (GIMP).&amp;nbsp;GIMP is a cross-platform image editor available for GNU/Linux, OS X, Windows and more operating systems. It is free software, you can change its source code and distribute your changes.&amp;nbsp;Whether you are a graphic designer, photographer, illustrator, or scientist, GIMP provides you with sophisticated tools to get your job done. You can further enhance your productivity with GIMP thanks to many customization options and 3rd party plugins.&lt;/span&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;547&quot; src=&quot;https://www.youtube.com/embed/BDrbWfTCfBw&quot; width=&quot;658&quot; youtube-src-id=&quot;BDrbWfTCfBw&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;How to remove watermark of any picture in GIMP Tutorial&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Steps to Remove Watermark from Photo Free in GMIP&lt;br /&gt;Download GMIP from its website, it is safe to use, install and open the application then.&lt;br /&gt;Go to File&amp;gt; Open, import your photo to watermark removal.&lt;br /&gt;Then choose Clone tool.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX8QxdfcEWp4LwgqygtGaPOyOisMRmQDNhAyCWaB7aZIO7yYWaKTt1C2sjbz8OEGbSbsf3xtk-Hwp6wRStoUfUAcDizulhw1s341jzl4jUF0vEUKj0T76I_JjUCNRtJzxtlrp0KhgV2VI/s226/remove-photo-watermark-GMIP02.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;226&quot; data-original-width=&quot;187&quot; height=&quot;226&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX8QxdfcEWp4LwgqygtGaPOyOisMRmQDNhAyCWaB7aZIO7yYWaKTt1C2sjbz8OEGbSbsf3xtk-Hwp6wRStoUfUAcDizulhw1s341jzl4jUF0vEUKj0T76I_JjUCNRtJzxtlrp0KhgV2VI/s0/remove-photo-watermark-GMIP02.jpg&quot; width=&quot;187&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Press Ctrl and select an area to clone to the watermark area.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Once ready, go to File&amp;gt;Save. The photo watermark is removed in GMIP.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;88% Free Photo Watermark Removal in &lt;a href=&quot;https://www.getpaint.net/download.html&quot; target=&quot;_blank&quot;&gt;Paint.net&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Paint.NET is image and photo editing software for PCs that run Windows. It &lt;a href=&quot;https://www.getpaint.net/features.html&quot; target=&quot;_blank&quot;&gt;features&lt;/a&gt; an intuitive and innovative user interface with support for layers, unlimited undo, special effects, and a wide variety of useful and powerful tools. An active and growing &lt;a href=&quot;https://www.getpaint.net/redirect/forum.html&quot; target=&quot;_blank&quot;&gt;online community&lt;/a&gt; provides friendly help, &lt;a href=&quot;https://www.getpaint.net/redirect/tutorials.html&quot; target=&quot;_blank&quot;&gt;tutorials&lt;/a&gt;, and &lt;a href=&quot;https://www.getpaint.net/redirect/plugins.html&quot; target=&quot;_blank&quot;&gt;plugins&lt;/a&gt;.&lt;br /&gt;It started development as an undergraduate college senior design project mentored by Microsoft, and is now maintained and developed by Rick Brewster. Originally intended as a free replacement for the &lt;a href=&quot;https://en.wikipedia.org/wiki/Ms_Paint&quot; target=&quot;_blank&quot;&gt;Microsoft Paint&lt;/a&gt; software that comes with Windows, it has grown into a powerful yet simple image and photo editor tool. It has been compared to other digital photo editing software packages such as &lt;a href=&quot;https://en.wikipedia.org/wiki/Photoshop&quot; target=&quot;_blank&quot;&gt;Adobe® Photoshop®&lt;/a&gt;, Corel® &lt;a href=&quot;https://en.wikipedia.org/wiki/Paint_Shop_Pro&quot; target=&quot;_blank&quot;&gt;Paint Shop Pro®&lt;/a&gt;, Microsoft Photo Editor, and &lt;a href=&quot;https://en.wikipedia.org/wiki/GIMP&quot; target=&quot;_blank&quot;&gt;The GIMP&lt;/a&gt;.&lt;/span&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;521&quot; src=&quot;https://www.youtube.com/embed/qcCoEQV_8Z4&quot; width=&quot;627&quot; youtube-src-id=&quot;qcCoEQV_8Z4&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;How to remove basic watermarks and logos from images in Paint.NET. This method works best for removing items set on a consistent background, such as grass.&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;b&gt;BONUS CONTENT : WATERMARK REMOVE USING SOFTWARE&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;*This article part is reblog with changes from &lt;a href=&quot;https://www.blogger.com/blog/post/edit/6845208423476345068/5569974951092508089#&quot;&gt;tselectable.com/&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;90% Use Online Photo Editor&amp;nbsp;&lt;/b&gt;&lt;a href=&quot;https://skylum.com/luminar-ai-b&quot; target=&quot;_blank&quot;&gt;Luminar&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;Is there any tool helps to remove watermark from photo with one click? Yes, there is. Luminar 4 can remove watermark, remove person or other unwanted objects from your photos easily, you just need to select the watermark, then it will erase automatically and leave your photo look the same way as you expect.&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://skylum.com/luminar-ai-b&quot; rel=&quot;nofollow&quot;&gt;Luminar&lt;/a&gt;&amp;nbsp;is a tool designed to browse and edit photos as easily as possible, but yields same results as professional as Adobe Photoshop, it helps to:&lt;br /&gt;&lt;/span&gt;&lt;ul&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;AI-Powered: smart, intelligent, professional&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Browse photos in library&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Add as plug-in to Adobe Photoshop/Lightroom/PS Elements/Apple Aperture&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Crop, rotate, zoom&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Essential editing: light, color, details, denoise, landscape, vignette&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Creative editing: sky replacemet, sunrays, dramatic, matte look, color styles, glow, fog, etc.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Professional editing: advanced contrast, gradient, dodge &amp;amp; burn, filter, split toning&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Retouch&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Batch resize and rename&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a href=&quot;https://itselectable.com/remove-person-from-photo/&quot; target=&quot;_blank&quot;&gt;Remove unwanted person&lt;/a&gt;&amp;nbsp;or objects&lt;br /&gt;Clone and stamp&lt;br /&gt;Convert photos to JPG, PNG, BMP, Photoshop, etc.&lt;br /&gt;Before &amp;amp; After check&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;b&gt;&lt;span&gt;Remove Watermark from Photo with Luminar Now!&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;Step 1. Grab a copy of&amp;nbsp;&lt;a href=&quot;https://www.blogger.com/#&quot; target=&quot;_blank&quot;&gt;Luminar 4&amp;nbsp;&lt;/a&gt;, install and open the application.&lt;br /&gt;Step 2. Click + &amp;gt; Edit Single Image to add photo for watermark removal.&lt;br /&gt;&lt;/span&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX-hhWA_1ATx5pLZCAaW6BvrQ1TA0iegNHTlmSJcTryI1DIuATyqoHXTLSdbEqaS-hNVzlvpRLhUvQC-GoKscGNWM1VoTgq5m4pdKB8x9nX7Upfa9UyxapqROroZP86WgMi-yyXqrnaio/s600/watermark-remove1.jpg&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX-hhWA_1ATx5pLZCAaW6BvrQ1TA0iegNHTlmSJcTryI1DIuATyqoHXTLSdbEqaS-hNVzlvpRLhUvQC-GoKscGNWM1VoTgq5m4pdKB8x9nX7Upfa9UyxapqROroZP86WgMi-yyXqrnaio/w640-h370/watermark-remove1.jpg&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;br /&gt;Step 3. Go to Edit&amp;gt;Canvas&amp;gt;Erase, or press Command+E on Mac or Ctrl+E on Windows to navigate to Erase interface.&lt;br /&gt;&lt;/span&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwlksGRH64UoDxTWKjLdVxmUDYCcFBZ46lzOdDsqGFy29b4ibfyxh_4gfdXFkqp8IGI12Can49pm3QbmlUBMbu4pq3ZcIZ4bm4T6qMVWkfoo0ER3KK_OYRSTkkWEDGnA067erjPp4uyPE/s600/remove-watermark-02.jpg&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwlksGRH64UoDxTWKjLdVxmUDYCcFBZ46lzOdDsqGFy29b4ibfyxh_4gfdXFkqp8IGI12Can49pm3QbmlUBMbu4pq3ZcIZ4bm4T6qMVWkfoo0ER3KK_OYRSTkkWEDGnA067erjPp4uyPE/w640-h376/remove-watermark-02.jpg&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Step 4. Then hold and move the brush tool onto the watermark area, you can adjust the brush size according to your needs.&lt;img src=&quot;https://itselectable.com/wp-content/uploads/2020/01/remove-watermark-600x347.png&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Step 5. Once ready, click Done to save the photo without watermark to your computer.&lt;br /&gt;Step 6. (Optional) You can customize the photo with its essential/creative/pro editing tools if needed.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju3qez9APReuhTBukSpA9HCwQhyphenhyphen5gbMeIkzp-1hr6xNgbsCmGwefF7ieKFUSLOHMh37HNiDC7bpYcvGzf1t27LJhR7ey5b0GIHbhgRSsDKgdDNnF5qtQ9QFEWZDNUYCRRCtSNH6zbhB0k/s600/watermark-remove4.jpg&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;370&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju3qez9APReuhTBukSpA9HCwQhyphenhyphen5gbMeIkzp-1hr6xNgbsCmGwefF7ieKFUSLOHMh37HNiDC7bpYcvGzf1t27LJhR7ey5b0GIHbhgRSsDKgdDNnF5qtQ9QFEWZDNUYCRRCtSNH6zbhB0k/w640-h370/watermark-remove4.jpg&quot; width=&quot;640&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;89% Use&amp;nbsp; Softorbits Watermark Remover&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;If a professional photo editor is unnecessary for you, a dedicated photo watermark remover would be a better choice, like,&amp;nbsp;&lt;a href=&quot;https://www.softorbits.net/watermark-remover&quot; target=&quot;_blank&quot;&gt;https://www.softorbits.net/watermark-remover&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;It is a Windows photo watermark tool to add watermark and remove watermark/date stamp/text or other unwanted objects from photo. It supports batch removing watermarks. You can use selection tools to remove simple watermarks or utilize its clone stamp feature to remove complicate watermarks with details.&lt;br /&gt;&lt;br /&gt;Photo Stamp Remover Offers&lt;br /&gt;&lt;/span&gt;&lt;ul&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Remove watermark/date stamp/unwanted objects&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Batch remove watermark&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Basic and advanced tool to do watermark removal&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Add watermark text or image&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Crop photos&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Save photos as JPEG, PNG, SVG, BMP, GIF, TIFF, ICO, etc.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;How to Remove Photo Watermark Easily on Windows?&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Download&amp;nbsp;&lt;a href=&quot;https://www.softorbits.net/watermark-remover&quot; rel=&quot;nofollow&quot;&gt;Photo Stamp Remover&lt;/a&gt;, install the program and run it.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Add photos to the program by drag and drop.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Go to Remove, choose a selection tools to select the watermark or use clone stamp to replace watermark.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYoLZ4NPLASN0hlpvb5GcfV6LmGjwXblyfEg7F2vqv4fxtEyfthQDYTx0LzyMBAmDKjz7pY_XBdK3BJsPSjqCx6dfSBxjyQLbJgOr8_YeS_T2iW7Gmb_JLrPHwdeaJbqMV7Nv1mE1bB4g/s600/remove-photo-watermark5.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;344&quot; data-original-width=&quot;600&quot; height=&quot;366&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYoLZ4NPLASN0hlpvb5GcfV6LmGjwXblyfEg7F2vqv4fxtEyfthQDYTx0LzyMBAmDKjz7pY_XBdK3BJsPSjqCx6dfSBxjyQLbJgOr8_YeS_T2iW7Gmb_JLrPHwdeaJbqMV7Nv1mE1bB4g/w640-h366/remove-photo-watermark5.jpg&quot; width=&quot;640&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Click Remove to start photo stamp removal process.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Click on Save as to export the photo without watermark.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;90% Remove Watermark from Photo Online using Pixlr&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Pixlr, the most famous online free photograph editorial manager to alter, turn, resize, flip, crop, blend, level, change, add channels and modify your photographs as expert as Adobe Photoshop. Also, it permits clients to send out the altered photographs as various picture designs, including JPG, PNG, BMP, Spat and PXD.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;There are 2 different ways to eliminate watermark from photograph online free with Pixlr, utilizing the Spot Mend Instrument or Clone Stamp Apparatus.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Way #1 Strides to Eliminate Watermark from Photograph Online Free with Pixlr&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Head to Pixlr Photograph Manager On the web&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Snap Open Picture from PC to import your photograph to Pixlr.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiabFo2xr2UirT6jHwM5MllKIhMONC_n2Q3EbuYFB-JKmLwxUi_gEuMzBAUmnZ1sadVGj-NYTQsD4lMbAB-SizNTh_T9WXkHZrOz-3xzKUwSpcjxjLhHRwFHu5xSQk2lRVANmydz2dUtJo/s397/watermark-remove5.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;397&quot; data-original-width=&quot;76&quot; height=&quot;319&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiabFo2xr2UirT6jHwM5MllKIhMONC_n2Q3EbuYFB-JKmLwxUi_gEuMzBAUmnZ1sadVGj-NYTQsD4lMbAB-SizNTh_T9WXkHZrOz-3xzKUwSpcjxjLhHRwFHu5xSQk2lRVANmydz2dUtJo/w61-h319/watermark-remove5.jpg&quot; width=&quot;61&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBK0eW2fssg1FX1q0wEDlcYX9tZUOC9HVcbooxsHEBpjMbwrUDNQ2sXimLRbUqKpqKEXWRhmzByLmWtDfu2xjyaGiv-Sg9TbwMtsfsnv05dZUdmTsKZNjqQ33J_TcMrG6xXPlxwb92Ehw/s396/pixlr-watermark-w2.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;396&quot; data-original-width=&quot;79&quot; height=&quot;319&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBK0eW2fssg1FX1q0wEDlcYX9tZUOC9HVcbooxsHEBpjMbwrUDNQ2sXimLRbUqKpqKEXWRhmzByLmWtDfu2xjyaGiv-Sg9TbwMtsfsnv05dZUdmTsKZNjqQ33J_TcMrG6xXPlxwb92Ehw/w63-h319/pixlr-watermark-w2.jpg&quot; width=&quot;63&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;In the left panel, choose Clone stamp tool.&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Then click Ctrl to select the area you want to clone, so the area with watermark can be replaced with the cloned part. In my test, I choose to clone the bush near to the watermark, it will make the whole photo natural, the watermark-removed area will be in harmony with other parts.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSSk2LsoGnUeVDa6aTkBEBgJvI2RqwpzZ8OW-ew4pAUiOTeMMTpi6nBKBgYT9GxNkSs3nwOv-vpZJWDMn6w94v3h4Orhp_Gh6EF18rm3kLagEjoJ_oS9OMZwfsTujImLqv_feGHBqnYHs/s600/pixlr-watermark2.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;399&quot; data-original-width=&quot;600&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSSk2LsoGnUeVDa6aTkBEBgJvI2RqwpzZ8OW-ew4pAUiOTeMMTpi6nBKBgYT9GxNkSs3nwOv-vpZJWDMn6w94v3h4Orhp_Gh6EF18rm3kLagEjoJ_oS9OMZwfsTujImLqv_feGHBqnYHs/s16000/pixlr-watermark2.jpg&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Click on the watermark, or hold the left mouse button to select the whole watermark area, then you will see the watermark is replaced by the cloned area.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn7JO48lPbZ1Bqr72yjziWswXh2AJ1nsKEzAUi7dve_1pVILUwl1o_jRZHoCbdtlSFiQ5tBt7VE4iIAYmFKyEhq1ElCvfL7UarAbhJ3oqz_UYb6wyNR75BSvn0hy0EZS9K8KrVNYvelH0/s600/pixlr04-600x385.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;385&quot; data-original-width=&quot;600&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn7JO48lPbZ1Bqr72yjziWswXh2AJ1nsKEzAUi7dve_1pVILUwl1o_jRZHoCbdtlSFiQ5tBt7VE4iIAYmFKyEhq1ElCvfL7UarAbhJ3oqz_UYb6wyNR75BSvn0hy0EZS9K8KrVNYvelH0/s16000/pixlr04-600x385.jpg&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Once ready, go to File&amp;gt;Save, rename the file and choose an output format for your photo, click OK.&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIEtiNuYe3VpIsAP7E-7Q8or3f8icJhHPea5UWaX6__ptYpoKtAX2U965vs86VMkMRnIcwlv4gnDs52atZ3PohKBG-hyG3Zjo3HC_e6ch1dNYl5zsYlzMBTpxdQUyyhPEEDLd1MtZU11E/s600/pixlr-watermark.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;color: black; font-family: georgia;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;328&quot; data-original-width=&quot;600&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIEtiNuYe3VpIsAP7E-7Q8or3f8icJhHPea5UWaX6__ptYpoKtAX2U965vs86VMkMRnIcwlv4gnDs52atZ3PohKBG-hyG3Zjo3HC_e6ch1dNYl5zsYlzMBTpxdQUyyhPEEDLd1MtZU11E/s16000/pixlr-watermark.jpg&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;Way #2 Steps to Remover Watermark from Photo Online Free with Pixlr&lt;br /&gt;Navigate to the website of Pixrl.&lt;br /&gt;Go to left panel, choose Spot Heal Tool.&lt;br /&gt;Hold left mouse button, move the brush onto the watermark, wait for the watermark to be removed.&lt;br /&gt;Once ready, go to File&amp;gt;Save, choose an output format to save the photo onto your computer.&lt;br /&gt;Disadvantages of Using Pixlr&lt;br /&gt;Require good Internet connection&lt;br /&gt;It may take time when uploading, processing and downloading photos&lt;br /&gt;Repeated steps are needed to get the photo done with good quality&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;b&gt;Update :&lt;/b&gt; A very good algorith is here&amp;nbsp;&amp;nbsp;&lt;a href=&quot;https://www.watermarkremover.io/&quot;&gt;https://www.watermarkremover.io/&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://www.watermarkremover.io/&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;430&quot; data-original-width=&quot;700&quot; height=&quot;246&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_8PRBrIfputlOgSBTmqclTvQH21syk05WTrvZR1t_UQxHKecpW8mbJdOP6Iis0NJTv0MXrx2MAIajVqOLAkComWmnOIHLfi9yM5rY5mKgEMgYKe3oXiSINN_Ci3IcBG4gjXnvwrJKx0o9ceCVMsGyTju4Clk-flKU-fhQa-m5WY7Iov-VB3l8WlReaA/w400-h246/watermark%20remover.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;Yes good app but &lt;b&gt;is not free&lt;/b&gt; work with credits , we try a &lt;b&gt;very dificult picture &lt;/b&gt;, too many websites&lt;b&gt; fail&lt;/b&gt; but this algoritm detect and clean full &lt;b&gt;automaticaly&lt;/b&gt; giving us an Amazing resault !!!&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpWaAOUQ8z11X7Ua6BcKp5TUNYZ2HTe-04XO4x_U3asU3VKsxAdmcN2UzPc42aC1E-oJyKr_AE5wjTgdevJZ_JhIWzHzTOS9VKmkbTdQYRJWDxPhqT51Rejza9Dq_qyxhn89o15AzsTgPq6n-Hxji0GCudiQteCWAaeedu34LQlnV9XoBLPfQMhJzfjw/s700/watermark%20remover.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;261&quot; data-original-width=&quot;700&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpWaAOUQ8z11X7Ua6BcKp5TUNYZ2HTe-04XO4x_U3asU3VKsxAdmcN2UzPc42aC1E-oJyKr_AE5wjTgdevJZ_JhIWzHzTOS9VKmkbTdQYRJWDxPhqT51Rejza9Dq_qyxhn89o15AzsTgPq6n-Hxji0GCudiQteCWAaeedu34LQlnV9XoBLPfQMhJzfjw/s16000/watermark%20remover.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: red; font-size: large;&quot;&gt;AMAZING RESAULT&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;As you can see&amp;nbsp;&lt;a href=&quot;https://www.fotor.com/photo-editor-app/editor/basic&quot;&gt;https://www.fotor.com/photo-editor-app/editor/basic&lt;/a&gt;&amp;nbsp;fail to remove watermark and destroy the girls face ???&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYV8Jky_o-8AcYPQiK1XUFaKsTykjREINM92lsQzQ3dzP5oRXAOHsHbiYTTj7L3uD1wDDPTtxfNCRjcGpSLvC2X-_HrzblLWpKzSNvpPQYQFkQXgx2XpdNRst8fbk1ot1p21rfKnl6CXQkpmmx4Cw2vMvPnsMo8L-lIMZduEeaYbQxWAS2NL7w_8oDvA/s700/flotor.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;418&quot; data-original-width=&quot;700&quot; height=&quot;382&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYV8Jky_o-8AcYPQiK1XUFaKsTykjREINM92lsQzQ3dzP5oRXAOHsHbiYTTj7L3uD1wDDPTtxfNCRjcGpSLvC2X-_HrzblLWpKzSNvpPQYQFkQXgx2XpdNRst8fbk1ot1p21rfKnl6CXQkpmmx4Cw2vMvPnsMo8L-lIMZduEeaYbQxWAS2NL7w_8oDvA/w640-h382/flotor.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;And the&amp;nbsp;&lt;a href=&quot;https://theinpaint.com&quot;&gt;https://theinpaint.com&lt;/a&gt;&amp;nbsp;destroid absolutly the girs face in the image&amp;nbsp;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOzckNZFDqRhv-dSMQHZSBy6KTUJ5lNh67pOX6jl7jVdYF8GtMYRo-MWz5gcN7gizD11dU72RcJRdXn36D-47ihoDWDvm-SjNa545dPneZXX0ltj2t7h1F8HB6vvc5Oj7YTErEa96T4ludcRRU57_4y6d5p3438LusbKB3tglTD5V3dEcjkiMmYdOTvg/s700/watermark%20remove%20fail%201.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;521&quot; data-original-width=&quot;700&quot; height=&quot;476&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOzckNZFDqRhv-dSMQHZSBy6KTUJ5lNh67pOX6jl7jVdYF8GtMYRo-MWz5gcN7gizD11dU72RcJRdXn36D-47ihoDWDvm-SjNa545dPneZXX0ltj2t7h1F8HB6vvc5Oj7YTErEa96T4ludcRRU57_4y6d5p3438LusbKB3tglTD5V3dEcjkiMmYdOTvg/w640-h476/watermark%20remove%20fail%201.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijI8wAGvXKGE6rPQNpqLjPaC6uiGgh8bsvpfO2nuWTKhrr4UdjKkWuxk6tz_SkZ2iGwah8Usncuh8BveFtLnKbmj541wpesZsTkRGD6FW9-eaj6XyotCAd7Hi8Q8iBJEZPGAJCdCdjwhVWmG-AmWp5VrvWDq_-zJ9qJcHpsaRqEEDKoBBp37HV1cAwgg/s700/watermark%20remove%20fail%202.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;516&quot; data-original-width=&quot;700&quot; height=&quot;472&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijI8wAGvXKGE6rPQNpqLjPaC6uiGgh8bsvpfO2nuWTKhrr4UdjKkWuxk6tz_SkZ2iGwah8Usncuh8BveFtLnKbmj541wpesZsTkRGD6FW9-eaj6XyotCAd7Hi8Q8iBJEZPGAJCdCdjwhVWmG-AmWp5VrvWDq_-zJ9qJcHpsaRqEEDKoBBp37HV1cAwgg/w640-h472/watermark%20remove%20fail%202.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;In the same picture the&amp;nbsp;&lt;a href=&quot;https://anieraser.media.io/&quot;&gt;https://anieraser.media.io/&lt;/a&gt;&amp;nbsp;make &lt;b&gt;much better&lt;/b&gt; job but not perfect ???&lt;/div&gt;&lt;div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD27pqM4-d6NKPsUwISpyTWr8Zyc3fENU5EeEGoNiMZ8GVJBWdd2lyC0_nP6Hk33JpkXucnh1Mz6hIgb6qW5HqwQG0YifQgBOYR8Bx3PJeHOXpAwjvbgl0-FN3JuGpnVsbyhhWSn92pWmiW3OQbCE6M4Tm1cNDiyOcOUfVp4n_Z9sQKcMpZd6PWuf6cQ/s700/atierazer%20watermark%20remover1.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;405&quot; data-original-width=&quot;700&quot; height=&quot;370&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD27pqM4-d6NKPsUwISpyTWr8Zyc3fENU5EeEGoNiMZ8GVJBWdd2lyC0_nP6Hk33JpkXucnh1Mz6hIgb6qW5HqwQG0YifQgBOYR8Bx3PJeHOXpAwjvbgl0-FN3JuGpnVsbyhhWSn92pWmiW3OQbCE6M4Tm1cNDiyOcOUfVp4n_Z9sQKcMpZd6PWuf6cQ/w640-h370/atierazer%20watermark%20remover1.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgREbsZMbZMk4uTiYevxAnFmARokLRoeV19bhve99NV4horQGLASpNWfr1R8Qur-ZLCnV7-wnRJqN1CAvTOHBZUNzPmXFJ2E9VFKXLBVBVpRrnvj7_vpGkYUk-Fy5sdF6kdb-c21ZK6cfDWj37DoQvpvfukzqIGhwjDgACLvfYgZyBReV93U6Xlcqg5PQ/s700/atierazer%20watermark%20remover2.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;370&quot; data-original-width=&quot;700&quot; height=&quot;338&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgREbsZMbZMk4uTiYevxAnFmARokLRoeV19bhve99NV4horQGLASpNWfr1R8Qur-ZLCnV7-wnRJqN1CAvTOHBZUNzPmXFJ2E9VFKXLBVBVpRrnvj7_vpGkYUk-Fy5sdF6kdb-c21ZK6cfDWj37DoQvpvfukzqIGhwjDgACLvfYgZyBReV93U6Xlcqg5PQ/w640-h338/atierazer%20watermark%20remover2.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;The&amp;nbsp;&lt;a href=&quot;https://www.tipard.com/watermark-remover/#&quot;&gt;https://www.tipard.com/watermark-remover/#&lt;/a&gt;&amp;nbsp;fail too ???&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQaOu6iMpvEm2M1EslNsJ1QaY2CsIxAuduzeZwz3y97IbEnfMtRyvTw5qJ7w1pk4-MYdKFO1rnL1dCoHg24VHFcIHpCsfWfK358YGxNqNhEmHjQhUUNYtX-vevV25sro3jGaz9k-zCRjeiwz9yaAZF5LZq_8_F4NtTArXJAickWGyaNh9ojwcyH8crQQ/s700/watermark%20remover11.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;454&quot; data-original-width=&quot;700&quot; height=&quot;416&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQaOu6iMpvEm2M1EslNsJ1QaY2CsIxAuduzeZwz3y97IbEnfMtRyvTw5qJ7w1pk4-MYdKFO1rnL1dCoHg24VHFcIHpCsfWfK358YGxNqNhEmHjQhUUNYtX-vevV25sro3jGaz9k-zCRjeiwz9yaAZF5LZq_8_F4NtTArXJAickWGyaNh9ojwcyH8crQQ/w640-h416/watermark%20remover11.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBKHbiNQHHxqjqA7uLG33pm1Dk3uR56gGsDUXz5ch0wUMwS7OxZ3v7rcxTkgHJtDwymAvzz6HrLD_q-Ix9gfiMlHqi9wYS_ZC2Q8cudZezIlkY0pz9xz63TBtDrrqs80-6N4L5MhxsAn5qva-6_jurYIpC6rCBmEotFjT0yDBz2-o2a9MfAKHuSZHmtw/s700/watermark%20remover10.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;457&quot; data-original-width=&quot;700&quot; height=&quot;418&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBKHbiNQHHxqjqA7uLG33pm1Dk3uR56gGsDUXz5ch0wUMwS7OxZ3v7rcxTkgHJtDwymAvzz6HrLD_q-Ix9gfiMlHqi9wYS_ZC2Q8cudZezIlkY0pz9xz63TBtDrrqs80-6N4L5MhxsAn5qva-6_jurYIpC6rCBmEotFjT0yDBz2-o2a9MfAKHuSZHmtw/w640-h418/watermark%20remover10.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;And&amp;nbsp;&lt;a href=&quot;https://www.vidmore.com/watermark-remover/&quot;&gt;https://www.vidmore.com/watermark-remover/&lt;/a&gt;&amp;nbsp;looks like using&amp;nbsp;the same algorythm fiail too. ???&amp;nbsp;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyh7CAJ_qS_Jzk_ALq2EQvaiDNpu2zOYZ6__colprO_x3KWzoca7C1l_H3YrEc9zK_bSRhm8qxSWPqh-6iydEaPGeKUZvyAeToFLT8Skdz-1U3BT9SaZUuCWqjgW4bJZKwtqqMkcMUkt0gGvZRc4jqlkP5NKoiqP2_m1G319N8zShTIa7mOT6Bfm_5KQ/s1077/watermark%20remover12.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;710&quot; data-original-width=&quot;1077&quot; height=&quot;422&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyh7CAJ_qS_Jzk_ALq2EQvaiDNpu2zOYZ6__colprO_x3KWzoca7C1l_H3YrEc9zK_bSRhm8qxSWPqh-6iydEaPGeKUZvyAeToFLT8Skdz-1U3BT9SaZUuCWqjgW4bJZKwtqqMkcMUkt0gGvZRc4jqlkP5NKoiqP2_m1G319N8zShTIa7mOT6Bfm_5KQ/w640-h422/watermark%20remover12.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;As we see the big suprize is the&amp;nbsp;&lt;a href=&quot;https://www.topmediai.com/remove-watermark/&quot;&gt;https://www.topmediai.com/remove-watermark/&lt;/a&gt;&amp;nbsp;the resaut is very good too ( payd app to download hi ress pics ) !!!&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5bjeqCnxpix5Ng-5-HtiuwhRf0rjOm3V5oR-Y5rf5ZaqUxFsQuWKjQTQF2OpeekW0ttR7cmr6tgxf58QnOSzDCvOycOjKPWLYpzAF5y3gRdM4B8dZsxsbkLnjQEb_s2JoTLDSsAo0DSGZFw6OGyMyAmLlfzDYXdT2s3bzzNHBvmJRaNTd7OB41rTrfg/s695/watermark%20remover3.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;410&quot; data-original-width=&quot;695&quot; height=&quot;378&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5bjeqCnxpix5Ng-5-HtiuwhRf0rjOm3V5oR-Y5rf5ZaqUxFsQuWKjQTQF2OpeekW0ttR7cmr6tgxf58QnOSzDCvOycOjKPWLYpzAF5y3gRdM4B8dZsxsbkLnjQEb_s2JoTLDSsAo0DSGZFw6OGyMyAmLlfzDYXdT2s3bzzNHBvmJRaNTd7OB41rTrfg/w640-h378/watermark%20remover3.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: large;&quot;&gt;Check it and &lt;b&gt;make your tests too&lt;/b&gt; you decide !!!&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;h2 class=&quot;fusion-responsive-typography-calculated&quot; data-fontsize=&quot;38&quot; data-lineheight=&quot;49.4px&quot; style=&quot;--fontsize: 38; background-color: white; box-sizing: border-box; line-height: 1.3; margin: 0.7em 0px; padding-bottom: 0px;&quot;&gt;&lt;div style=&quot;letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Links&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;alternative:&amp;nbsp;&lt;a href=&quot;https://www.photofunny.net/cat-image-processing/remove-watermark-of-image&quot; style=&quot;text-decoration-line: none;&quot;&gt;https://www.photofunny.net/cat-image-processing/remove-watermark-of-image&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;alternative:&amp;nbsp;&lt;a href=&quot;https://theinpaint.com/upload&quot; style=&quot;text-decoration-line: none;&quot;&gt;https://theinpaint.com/upload&lt;/a&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;alternative:&amp;nbsp;&lt;a href=&quot;https://www.apowersoft.com/online-watermark-remover&quot; style=&quot;text-decoration-line: none;&quot;&gt;https://www.apowersoft.com/online-watermark-remover&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;alternative:&amp;nbsp;&lt;a href=&quot;https://www.aiseesoft.com/watermark-remover-online/#&quot; style=&quot;text-decoration-line: none;&quot;&gt;https://www.aiseesoft.com/watermark-remover-online/#&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;Dont know how&amp;nbsp;&lt;a href=&quot;https://fixthephoto.com/watermark-remover-online.html&quot; style=&quot;text-decoration-line: none;&quot;&gt;https://fixthephoto.com/watermark-remover-online.html&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;video&amp;nbsp;&lt;a href=&quot;https://www.hitpaw.com/online-tools/editor.html&quot; style=&quot;text-decoration-line: none;&quot;&gt;https://www.hitpaw.com/online-tools/editor.html&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-weight: 400; letter-spacing: normal;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: small;&quot;&gt;&lt;span&gt;alternative:&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://watermarkremover.net/photo-watermark-remover/&quot; style=&quot;text-decoration-line: none;&quot;&gt;https://watermarkremover.net/photo-watermark-remover/&lt;/a&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: small; font-weight: 400;&quot;&gt;Link&amp;nbsp;&lt;a href=&quot;https://itselectable.com/remove-watermark-from-photo/&quot;&gt;https://itselectable.com/remove-watermark-from-photo/&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/h2&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://superblogger3.blogspot.com/2021/08/online-and-offline-ways-to-remove.html</link><author>noreply@blogger.com (mixanikos365)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCPg15_w1RlQL7PN45j5f5SfP_HurAH3Qv6RMZH4BxevheinarVb_4O5uLHJ4PodsD0rzAxkEkC6_X-eNvUdokToTnZ9K2IGoDbU3XLJPU_GwRExK0IaOZOhIlPCA_tUHQF_m5LyxkBgO2/s72-w640-h404-c/watermark-emove-tool.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-5007142645845763138</guid><pubDate>Mon, 06 Mar 2023 06:05:00 +0000</pubDate><atom:updated>2023-03-06T10:48:45.520+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">CSS</category><title>Css3 Button Generator</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://superblogger3.blogspot.com/2023/03/test_6.html&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;426&quot; data-original-width=&quot;640&quot; height=&quot;213&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsWcoqErsZ5o7bbUGUunyonXfuTscXW6g-Br-cv14SThWeK96g_9DxJAeWRuFtn5LZW_McWYZQaG1TltmMm-gHQhXi6Yu9quPd-N2qbX44xmgYTPAhiTquW6YI5oZ8mz2EGEU3QXWYwcJs4pDYxLMdOzcVrzoGgaUs8HV8lqCpGUnmQoSFN5g4WUbMwQ/w320-h213/css_button_generator3.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  1425.  
  1426. &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
  1427. &lt;script src=&quot;//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
  1428. &lt;script src=&quot;https://cdn.jsdelivr.net/jquery.minicolors/2.1.2/jquery.minicolors.min.js&quot;&gt;&lt;/script&gt;
  1429. &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.12/clipboard.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
  1430. &lt;script src=&quot;https://cdn.rawgit.com/mburakerman/numscrubberjs/master/src/numscrubber.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
  1431. &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.12/clipboard.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
  1432.  
  1433. &lt;link href=&quot;https://cdn.jsdelivr.net/jquery.minicolors/2.1.2/jquery.minicolors.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;&lt;/link&gt;                                                                                              
  1434.  
  1435. &lt;style&gt;
  1436. * {
  1437.  padding: 0;
  1438.  margin: 0;
  1439.  outline: none;
  1440.  color: #333;
  1441. }
  1442.  
  1443. h1 {
  1444.  font-size: 35px;
  1445. }
  1446.  
  1447.  
  1448.  
  1449. input[type=&quot;text&quot;]:focus {
  1450.  border: 1px solid #cc6666 !important;
  1451. }
  1452.  
  1453. input[type=&quot;number&quot;]:focus {
  1454.  border: 1px solid #cc6666 !important;
  1455. }
  1456.  
  1457. .container {
  1458.  
  1459.  
  1460. }
  1461.  
  1462. h2 {
  1463.  font-size: 30px;
  1464.  margin-top: 10px;
  1465.  margin-bottom: 15px;
  1466. }
  1467.  
  1468. .first {
  1469.  
  1470.  top: -23px;
  1471.  left: 0;
  1472. }
  1473.  
  1474. .third {
  1476.  top: 19px;
  1477.  left: -170px;
  1478. }
  1479.  
  1480. .generator-wrapper {
  1482.  vertical-align: middle;
  1483.  text-align: center;
  1484.  width: 400px;
  1485.  border-radius: 4px;
  1486.  padding: 3px 6px;
  1487.  border: 1px solid #D1D1D1;
  1488.  margin-top: 22px;
  1489.  margin-right: 10px;
  1490.  margin-bottom: 10px;
  1491.  float: left;
  1492. }
  1493.  
  1494. .button-preview {
  1496.  transition: all 0.3s linear;
  1497. }
  1498.  
  1499. .button-wrapper {
  1500.  
  1501.  width: 250px;
  1502.  height: 150px;
  1503.  border-radius: 4px;
  1504.  border: 1px solid #D1D1D1;
  1505.  display: flex;
  1506.  align-items: center;
  1507.  float: left;
  1508. }
  1509.  
  1510. .codes-wrapper {
  1512.  border-radius: 4px;
  1513.  clear: both;
  1514. }
  1515.  
  1516. .wrap {
  1517.  
  1518. }
  1519.  
  1520. .wrap p {
  1521.  
  1522.  top: 10px;
  1523.  font-size: 12px;
  1524. }
  1525.  
  1526. .wrap:nth-child(2) p {
  1527.  top: 8px;
  1528. }
  1529.  
  1530. .wrap:nth-child(3) p {
  1531.  top: 1px;
  1532. }
  1533.  
  1534. .wrap:nth-child(4) p {
  1535.  top: 1px;
  1536. }
  1537.  
  1538. .wrap:nth-child(9) p {
  1539.  top: 12px;
  1540. }
  1541.  
  1542.  
  1543. .button {
  1544.  box-sizing: initial;
  1545.  padding-left: 10px;
  1546.  padding-right: 10px;
  1547.  padding-top: 5px;
  1548.  padding-bottom: 5px;
  1549.  border-radius: 4px;
  1550.  border: none;
  1551.  outline: none;
  1552.  font-size: 18px;
  1553.  color: #fff;
  1554.  background-color: #cc6666;
  1555.  text-align: center;
  1556.  white-space: pre;
  1557.  font-family: arial;
  1558.  margin: 0 auto;
  1559.  cursor: pointer;
  1560. }
  1561.  
  1562. .text {
  1563.  width: 200px;
  1564.  height: 30px;
  1565.  border: 1px solid #D1D1D1;
  1566.  border-radius: 4px;
  1567.  padding: 3px 6px;
  1568.  display: block;
  1569.  margin: 0 auto;
  1570. }
  1571.  
  1572. .font {
  1573.  width: 215px;
  1574.  height: 30px;
  1575.  border: 1px solid #D1D1D1;
  1576.  border-radius: 4px;
  1577.  padding: 3px 6px;
  1578.  display: block;
  1579.  margin: 0 auto;
  1580.  margin-bottom: 18px;
  1581. }
  1582.  
  1583. .font:focus {
  1584.  border: 1px solid #cc6666;
  1585. }
  1586.  
  1587. #font-size {
  1588.  width: 200px;
  1589.  color: #333;
  1590.  display: block;
  1591.  margin: 0 auto;
  1592. }
  1593.  
  1594. #font-size-amount {
  1595.  font-size: 12px;
  1596.  text-align: center;
  1597.  display: block;
  1598.  margin: auto;
  1599.  margin-top: 5px;
  1600.  margin-bottom: 18px;
  1601. }
  1602. .ui-slider {
  1603.  border: 1px solid #D1D1D1 !important;
  1604.  height: 15px !important;
  1605. }
  1606.  
  1607. .ui-slider-range {
  1608.  background: #333;
  1609.  border: none !important;
  1610. }
  1611.  
  1612. .ui-slider-handle {
  1613.  border: 1px solid #D1D1D1 !important;
  1614.  background: #fff !important;
  1615.  height: 25px !important;
  1616.  top: -6px !important;
  1617. }
  1618.  
  1619. #border-radius {
  1620.  width: 200px;
  1621.  color: #333;
  1622.  display: block;
  1623.  margin: 0 auto;
  1624. }
  1625.  
  1626. #border-radius-amount {
  1627.  font-size: 12px;
  1628.  margin-top: 5px;
  1629.  margin-bottom: 13px;
  1630. }
  1631.  
  1632. .padding {
  1633.  width: 200px;
  1634.  height: 30px;
  1635.  border: 1px solid #D1D1D1;
  1636.  border-radius: 4px;
  1637.  padding: 3px 6px;
  1638.  margin-bottom: 5px;
  1639. }
  1640.  
  1641. .padding:focus {
  1642.  border: 1px solid #33C3F0;
  1643. }
  1644.  
  1645. #hue {
  1646.  height: 30px;
  1647.  border: 1px solid #D1D1D1;
  1648.  border-radius: 4px;
  1649.  padding: 3px 30px;
  1650. }
  1651.  
  1652. .minicolors-position-left .minicolors-panel {
  1653.  
  1654. }
  1655.  
  1656. .minicolors-theme-default .minicolors-swatch {
  1657.  
  1658. }
  1659.  
  1660. .color {
  1661.  
  1662. }
  1663.  
  1664. .background-color {
  1665.  
  1666. }
  1667.  
  1668. .background-color-hover {
  1669.  
  1670. }
  1671.  
  1672. .wrap:last-child {
  1673.  margin-top: 4px;
  1674. }
  1675.  
  1676. .clipboard {
  1678.  right: 140px;
  1679.  top: 15px;
  1680.  font-size: 15px;
  1681.  font-weight: normal;
  1682.  background: #333;
  1683.  color: #fff;
  1684.  padding: 3px 6px;
  1685.  border-radius: 4px;
  1686.  border: none;
  1687.  outline: none;
  1688.  cursor: pointer;
  1689.  display: inline-block;
  1690.  clear: both;
  1691. }
  1692.  
  1693. .clipboard:hover {
  1694.  background: #282828;
  1695. }
  1696.  
  1697. color-hover {
  1698.  display: block !important;
  1699.  float: left;
  1700. }
  1701.  
  1702. .copied-to-clipboard {
  1703.  width: 50px;
  1704.  text-align: center;
  1705.  
  1706.  top: 45px;
  1707.  right: 142px;
  1708.  padding: 2px;
  1709.  border-radius: 4px;
  1710.  font-size: 11px;
  1711.  color: #dddddd;
  1712.  background: rgba(0, 0, 0, 0.50);
  1713. }
  1714.  
  1715. .copied-to-clipboard:before {
  1716.  content: &quot;&quot;;
  1717.  
  1718.  top: -5px;
  1719.  left: 24px;
  1720.  width: 0;
  1721.  height: 0;
  1722.  border-style: solid;
  1723.  border-width: 0 5px 5px 5px;
  1724.  border-color: transparent transparent rgba(0, 0, 0, 0.50) transparent;
  1725. }
  1726.  
  1727. .codes {
  1728.  width: 400px;
  1729.  border: 1px solid #D1D1D1;
  1730.  border-radius: 4px;
  1731.  padding: 3px 6px;
  1732.  box-sizing: border-box;
  1733.  display: block;
  1734.  margin: 18px auto;
  1735.  text-align: left;
  1736.  font-family: monospace;
  1737.  font-size: 15px;
  1738. }
  1739.  
  1740. .codes:active {
  1741.  border: 1px solid #cc6666;
  1742. }
  1743.  
  1744. .codes p {
  1745.  background: #fff5;
  1746.  display: block;
  1747. }
  1748.  
  1749. &lt;/style&gt;
  1750.  
  1751.  
  1752.  
  1753.  
  1754. &lt;div class=&quot;container&quot;&gt;
  1755.  &lt;!--container--&gt;
  1756.  &lt;center&gt;
  1757.    &lt;h1&gt;Css3 Button Generator&lt;/h1&gt;&lt;/center&gt;
  1758.  
  1759.  &lt;div class=&quot;generator-wrapper&quot;&gt;
  1760.    &lt;h3 class=&quot;first&quot;&gt;Customize Area&lt;/h3&gt;
  1761.    &lt;div class=&quot;generate&quot;&gt;
  1762.      &lt;!--generate--&gt;
  1763.      &lt;div class=&quot;wrap&quot;&gt;
  1764.        &lt;p class=&quot;title&quot;&gt;Text :&lt;/p&gt;
  1765.        &lt;input class=&quot;text&quot; type=&quot;text&quot; value=&quot;Lorem&quot; /&gt;
  1766.      &lt;/div&gt;
  1767.  
  1768.      &lt;div class=&quot;wrap&quot;&gt;
  1769.        &lt;p class=&quot;title&quot;&gt;Font Family :&lt;/p&gt;
  1770.        &lt;select class=&quot;font&quot;&gt;
  1771.  &lt;option&gt;Arial, Helvetica, sans-serif&lt;/option&gt;
  1772.  &lt;option&gt;&quot;Times New Roman&quot;, Times, serif&lt;/option&gt;
  1773.  &lt;option&gt;&quot;Comic Sans MS&quot;, cursive, sans-serif&lt;/option&gt;
  1774.    &lt;option&gt;Impact, Charcoal, sans-serif&lt;/option&gt;
  1775.    &lt;option&gt;Verdana, Geneva, sans-serif&lt;/option&gt;
  1776.        &lt;option&gt;&quot;Lucida Console&quot;, Monaco, monospace &lt;/option&gt;
  1777. &lt;/select&gt;
  1778.      &lt;/div&gt;
  1779.      &lt;div class=&quot;wrap&quot;&gt;
  1780.        &lt;p class=&quot;title&quot;&gt;Font Size :&lt;/p&gt;
  1781.        &lt;div class=&quot;ui-slider&quot; id=&quot;font-size&quot;&gt;&lt;/div&gt;
  1782.        &lt;div id=&quot;font-size-amount&quot;&gt;18px&lt;/div&gt;
  1783.      &lt;/div&gt;
  1784.  
  1785.      &lt;div class=&quot;wrap&quot;&gt;
  1786.        &lt;p class=&quot;title&quot;&gt;Border Radius :&lt;/p&gt;
  1787.        &lt;div class=&quot;ui-slider&quot; id=&quot;border-radius&quot;&gt;&lt;/div&gt;
  1788.        &lt;div id=&quot;border-radius-amount&quot;&gt;4px&lt;/div&gt;
  1789.      &lt;/div&gt;
  1790.  
  1791.      &lt;div class=&quot;wrap&quot;&gt;
  1792.        &lt;p class=&quot;title&quot;&gt;Padding Left :&lt;/p&gt;
  1793.        &lt;input class=&quot;padding&quot; data-numscrubber=&quot;&quot; id=&quot;padding-left&quot; max=&quot;50&quot; type=&quot;number&quot; value=&quot;10&quot; /&gt;
  1794.      &lt;/div&gt;
  1795.      &lt;div class=&quot;wrap&quot;&gt;
  1796.        &lt;p class=&quot;title&quot;&gt;Padding Right :&lt;/p&gt;
  1797.        &lt;input class=&quot;padding&quot; data-numscrubber=&quot;&quot; id=&quot;padding-right&quot; max=&quot;50&quot; type=&quot;number&quot; value=&quot;10&quot; /&gt;
  1798.      &lt;/div&gt;
  1799.      &lt;div class=&quot;wrap&quot;&gt;
  1800.        &lt;p class=&quot;title&quot;&gt;Padding Top :&lt;/p&gt;
  1801.        &lt;input class=&quot;padding&quot; data-numscrubber=&quot;&quot; id=&quot;padding-top&quot; max=&quot;50&quot; type=&quot;number&quot; value=&quot;5&quot; /&gt;
  1802.      &lt;/div&gt;
  1803.      &lt;div class=&quot;wrap&quot;&gt;
  1804.        &lt;p class=&quot;title&quot;&gt;Padding Bottom :&lt;/p&gt;
  1805.        &lt;input class=&quot;padding&quot; data-numscrubber=&quot;&quot; id=&quot;padding-bottom&quot; max=&quot;50&quot; type=&quot;number&quot; value=&quot;5&quot; /&gt;
  1806.      &lt;/div&gt;
  1807.  
  1808.      &lt;div class=&quot;wrap&quot;&gt;
  1809.        &lt;p class=&quot;title&quot;&gt;Color :&lt;/p&gt;
  1810.        &lt;input class=&quot;color&quot; data-control=&quot;hue&quot; id=&quot;hue&quot; type=&quot;text&quot; /&gt;
  1811.      &lt;/div&gt;
  1812.      &lt;div class=&quot;wrap&quot;&gt;
  1813.        &lt;p class=&quot;title&quot;&gt;Background :&lt;/p&gt;
  1814.        &lt;input class=&quot;background-color&quot; data-control=&quot;hue&quot; id=&quot;hue&quot; type=&quot;text&quot; /&gt;
  1815.      &lt;/div&gt;
  1816.  
  1817.      &lt;div class=&quot;wrap&quot;&gt;
  1818.        &lt;p class=&quot;title&quot;&gt;Hover Color :&lt;/p&gt;
  1819.        &lt;input class=&quot;color-hover&quot; data-control=&quot;hue&quot; id=&quot;hue&quot; type=&quot;text&quot; /&gt;
  1820.      &lt;/div&gt;
  1821.  
  1822.      &lt;div class=&quot;wrap&quot;&gt;
  1823.        &lt;p class=&quot;title&quot;&gt;Hover Background :&lt;/p&gt;
  1824.        &lt;input class=&quot;background-color-hover&quot; data-control=&quot;hue&quot; id=&quot;hue&quot; type=&quot;text&quot; /&gt;
  1825.      &lt;/div&gt;
  1826.  
  1827.  
  1828.    &lt;/div&gt;
  1829.    &lt;!--generate--&gt;
  1830.  
  1831.  &lt;/div&gt;
  1832.  
  1833.  &lt;div class=&quot;button-preview&quot;&gt;
  1834.    &lt;h3 class=&quot;second&quot;&gt;Button Preview&lt;/h3&gt;
  1835.    &lt;div class=&quot;button-wrapper&quot;&gt;
  1836.      &lt;button class=&quot;button&quot;&gt;Lorem&lt;/button&gt;
  1837.    &lt;/div&gt;
  1838.  &lt;/div&gt;
  1839.  
  1840.  
  1841.  &lt;div class=&quot;codes-wrapper&quot;&gt;
  1842.    &lt;center&gt;
  1843.      &lt;h3 class=&quot;third&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&amp;nbsp; Code&amp;nbsp; &lt;span style=&quot;color: #38761d;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/h3&gt;&lt;/center&gt;
  1844.    &lt;button class=&quot;clipboard&quot; data-clipboard-target=&quot;#codes&quot;&gt;Copy Codes&lt;/button&gt;
  1845.    &lt;span class=&quot;copied-to-clipboard&quot;&gt;Copied to clipboard!&lt;/span&gt;
  1846.    &lt;div class=&quot;codes&quot; id=&quot;codes&quot;&gt;
  1847.      &lt;span&gt;.button {&lt;/span&gt;
  1848.      &lt;p class=&quot;line1&quot;&gt;font-family:Arial, Helvetica, sans-serif;&lt;/p&gt;
  1849.      &lt;p class=&quot;line2&quot;&gt;font-size:18px;&lt;/p&gt;
  1850.      &lt;p class=&quot;line3&quot;&gt;border-radius:4px;&lt;/p&gt;
  1851.      &lt;p class=&quot;line4&quot;&gt;padding-left:10px;&lt;/p&gt;
  1852.      &lt;p class=&quot;line5&quot;&gt;padding-right:10px;&lt;/p&gt;
  1853.      &lt;p class=&quot;line6&quot;&gt;padding-top:5px;&lt;/p&gt;
  1854.      &lt;p class=&quot;line7&quot;&gt;padding-bottom:5px;&lt;/p&gt;
  1855.      &lt;p class=&quot;line8&quot;&gt;color:#ffffff;&lt;/p&gt;
  1856.      &lt;p class=&quot;line9&quot;&gt;background-color:#cc6666;&lt;/p&gt;
  1857.      &lt;p class=&quot;line12 auto&quot;&gt;outline:none;&lt;/p&gt;
  1858.      &lt;p class=&quot;line13 auto&quot;&gt;border:none;&lt;/p&gt;
  1859.      &lt;p class=&quot;line14 auto&quot;&gt;cursor:pointer;&lt;/p&gt;
  1860.      &lt;p class=&quot;line15 auto&quot;&gt;display:inline-block;&lt;/p&gt;
  1861.      &lt;span&gt;}&lt;/span&gt;
  1862.      
  1863.      &lt;span&gt;.button:hover {&lt;/span&gt;
  1864.      &lt;p class=&quot;line10&quot;&gt;color:#ffffff;&lt;/p&gt;
  1865.      &lt;p class=&quot;line11&quot;&gt;background-color:#8e4747;&lt;/p&gt;
  1866.      &lt;span&gt;}&lt;/span&gt;
  1867.    &lt;/div&gt;
  1868.  &lt;/div&gt;
  1869. &lt;/div&gt;
  1870. &lt;!--container--&gt;
  1871.  
  1872. &lt;br /&gt;
  1873. Link: &lt;a href=&quot;https://codepen.io/mburakerman/pen/LZOqGp&quot;&gt;https://codepen.io/mburakerman/pen/LZOqGp&lt;/a&gt;
  1874.  
  1875. &lt;script type=&quot;text/javascript&quot;&gt;
  1876. //&lt;![CDATA[
  1877.  
  1878.  
  1879. $(function() {
  1880.  $(&quot;.text&quot;).bind(&quot;change keyup input&quot;, function(e) {
  1881.    var writtenText = $(&quot;.text&quot;).val();
  1882.    $(&quot;.button&quot;).text(writtenText);
  1883.  
  1884.    return false;
  1885.  });
  1886.  
  1887.  $(&quot;.font&quot;).on(&quot;change&quot;, function(e) {
  1888.    var selected = $(&quot;.font option:selected&quot;).val();
  1889.    $(&quot;.button&quot;).css(&quot;font-family&quot;, selected);
  1890.  
  1891.    $(&quot;.codes .line1&quot;).text(&quot;font-family:&quot; + selected + &quot;;&quot;);
  1892.    return false;
  1893.  });
  1894.  
  1895.  $(&quot;#font-size&quot;).slider({
  1896.    range: &quot;min&quot;,
  1897.    value: 18,
  1898.    min: 0,
  1899.    max: 40,
  1900.    slide: update
  1901.  });
  1902.  
  1903.  function update(event, slider) {
  1904.    $(&quot;#font-size-amount&quot;).text(slider.value + &quot;px&quot;);
  1905.    $(&quot;.button&quot;).css(&quot;font-size&quot;, slider.value + &quot;px&quot;);
  1906.  
  1907.    $(&quot;.codes .line2&quot;).text(&quot;font-size:&quot; + slider.value + &quot;px&quot; + &quot;;&quot;);
  1908.  }
  1909.  
  1910.  $(&quot;#border-radius&quot;).slider({
  1911.    range: &quot;min&quot;,
  1912.    value: 4,
  1913.    min: 0,
  1914.    max: 40,
  1915.    slide: radius
  1916.  });
  1917.  
  1918.  function radius(event, slider) {
  1919.    $(&quot;#border-radius-amount&quot;).text(slider.value + &quot;px&quot;);
  1920.    $(&quot;.button&quot;).css(&quot;border-radius&quot;, slider.value + &quot;px&quot;);
  1921.  
  1922.    $(&quot;.codes .line3&quot;).text(&quot;border-radius:&quot; + slider.value + &quot;px&quot; + &quot;;&quot;);
  1923.  }
  1924.  
  1925.  $(&quot;.padding&quot;).bind(&quot;change keyup input&quot;, function() {
  1926.    var paddingLeft = $(&quot;#padding-left&quot;).val();
  1927.    var paddingRight = $(&quot;#padding-right&quot;).val();
  1928.    var paddingTop = $(&quot;#padding-top&quot;).val();
  1929.    var paddingBottom = $(&quot;#padding-bottom&quot;).val();
  1930.  
  1931.    $(&quot;.button&quot;).css(&quot;padding-left&quot;, parseInt(paddingLeft, 10));
  1932.    $(&quot;.button&quot;).css(&quot;padding-right&quot;, parseInt(paddingRight, 10));
  1933.    $(&quot;.button&quot;).css(&quot;padding-top&quot;, parseInt(paddingTop, 10));
  1934.    $(&quot;.button&quot;).css(&quot;padding-bottom&quot;, parseInt(paddingBottom, 10));
  1935.  
  1936.    $(&quot;.codes .line4&quot;).text(&quot;padding-left:&quot; + paddingLeft + &quot;px&quot; + &quot;;&quot;);
  1937.    $(&quot;.codes .line5&quot;).text(&quot;padding-right:&quot; + paddingRight + &quot;px&quot; + &quot;;&quot;);
  1938.    $(&quot;.codes .line6&quot;).text(&quot;padding-top:&quot; + paddingTop + &quot;px&quot; + &quot;;&quot;);
  1939.    $(&quot;.codes .line7&quot;).text(&quot;padding-bottom:&quot; + paddingBottom + &quot;px&quot; + &quot;;&quot;);
  1940.  });
  1941.  
  1942.  $(&quot;.color&quot;).minicolors({
  1943.    defaultValue: &quot;#ffffff&quot;
  1944.  });
  1945.  $(&quot;.color&quot;).on(&quot;change&quot;, function() {
  1946.    var color = $(&quot;.color&quot;).val();
  1947.    $(&quot;.button&quot;).css(&quot;color&quot;, color);
  1948.  
  1949.    $(&quot;.codes .line8&quot;).text(&quot;color:&quot; + color + &quot;;&quot;);
  1950.  });
  1951.  
  1952.  $(&quot;.background-color&quot;).minicolors({
  1953.    defaultValue: &quot;#cc6666&quot;
  1954.  });
  1955.  $(&quot;.background-color&quot;).on(&quot;change&quot;, function() {
  1956.    var backgroundColor = $(&quot;.background-color&quot;).val();
  1957.    $(&quot;.button&quot;).css(&quot;background-color&quot;, backgroundColor);
  1958.  
  1959.    $(&quot;.codes .line9&quot;).text(&quot;background-color:&quot; + backgroundColor + &quot;;&quot;);
  1960.  });
  1961.  
  1962.  $(&quot;.color-hover&quot;).on(&quot;change&quot;, function() {
  1963.    var hoverColor = $(&quot;.color-hover&quot;).val();
  1964.    var color = $(&quot;.color&quot;).val();
  1965.  
  1966.    $(&quot;.button&quot;).hover(function() {
  1967.      $(&quot;.button&quot;).css(&quot;color&quot;, hoverColor);
  1968.    });
  1969.    $(&quot;.button&quot;).mouseout(function() {
  1970.      $(&quot;.button&quot;).css(&quot;color&quot;, color);
  1971.    });
  1972.  
  1973.    $(&quot;.codes .line10&quot;).text(&quot;color:&quot; + hoverColor + &quot;;&quot;);
  1974.  });
  1975.  
  1976.  $(&quot;.background-color-hover&quot;).minicolors({
  1977.    defaultValue: &quot;#8e4747&quot;
  1978.  });
  1979.  $(&quot;.color-hover&quot;).minicolors({
  1980.    defaultValue: &quot;#ffffff&quot;
  1981.  });
  1982.  $(&quot;.background-color-hover&quot;).on(&quot;change&quot;, function() {
  1983.    var hoverBackground = $(&quot;.background-color-hover&quot;).val();
  1984.    var backgroundColor = $(&quot;.background-color&quot;).val();
  1985.  
  1986.    $(&quot;.button&quot;).hover(function() {
  1987.      $(&quot;.button&quot;).css(&quot;background-color&quot;, hoverBackground);
  1988.    });
  1989.    $(&quot;.button&quot;).mouseout(function() {
  1990.      $(&quot;.button&quot;).css(&quot;background-color&quot;, backgroundColor);
  1991.    });
  1992.  
  1993.    $(&quot;.codes .line11&quot;).text(&quot;background-color:&quot; + hoverBackground + &quot;;&quot;);
  1994.  });
  1995.  
  1996.  $(&quot;.button&quot;).hover(function() {
  1997.    var hoverColor = $(&quot;.color-hover&quot;).val();
  1998.    var color = $(&quot;.color&quot;).val();
  1999.    var hoverBackground = $(&quot;.background-color-hover&quot;).val();
  2000.    var backgroundColor = $(&quot;.background-color&quot;).val();
  2001.  
  2002.    $(&quot;.button&quot;).css(&quot;color&quot;, hoverColor);
  2003.    $(&quot;.button&quot;).css(&quot;background-color&quot;, hoverBackground);
  2004.  });
  2005.  $(&quot;.button&quot;).mouseout(function() {
  2006.    var hoverColor = $(&quot;.color-hover&quot;).val();
  2007.    var color = $(&quot;.color&quot;).val();
  2008.    var hoverBackground = $(&quot;.background-color-hover&quot;).val();
  2009.    var backgroundColor = $(&quot;.background-color&quot;).val();
  2010.  
  2011.    $(&quot;.button&quot;).css(&quot;background-color&quot;, backgroundColor);
  2012.    $(&quot;.button&quot;).css(&quot;color&quot;, color);
  2013.  });
  2014.  
  2015.  var clipboard = new Clipboard(&quot;.clipboard&quot;);
  2016.  $(&quot;.copied-to-clipboard&quot;).css(&quot;opacity&quot;, 0);
  2017.  
  2018.  $(&quot;.clipboard&quot;).click(function() {
  2019.    $(this).html(&quot;Copied!&quot;);
  2020.    $(&quot;.copied-to-clipboard&quot;).css(&quot;opacity&quot;, 1);
  2021.  
  2022.    setTimeout(function() {
  2023.      $(&quot;.clipboard&quot;).html(&quot;Copy codes&quot;);
  2024.      $(&quot;.clipboard&quot;).prop(&quot;disabled&quot;, false);
  2025.      $(&quot;.copied-to-clipboard&quot;).css(&quot;opacity&quot;, 0);
  2026.    }, 1750);
  2027.  });
  2028.  
  2029.  $(window).scroll(function() {
  2030.    if ($(this).scrollTop() &gt; 150) {
  2031.      $(&quot;.button-preview&quot;).css(&quot;top&quot;, 400);
  2032.    } else {
  2033.      $(&quot;.button-preview&quot;).css(&quot;top&quot;, 0);
  2034.    }
  2035.  });
  2036.  
  2037.  Numscrubber.init();
  2038. });
  2039.  
  2040.  
  2041.  
  2042. //]]&gt;&lt;/script&gt;</description><link>http://superblogger3.blogspot.com/2023/03/test_6.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsWcoqErsZ5o7bbUGUunyonXfuTscXW6g-Br-cv14SThWeK96g_9DxJAeWRuFtn5LZW_McWYZQaG1TltmMm-gHQhXi6Yu9quPd-N2qbX44xmgYTPAhiTquW6YI5oZ8mz2EGEU3QXWYwcJs4pDYxLMdOzcVrzoGgaUs8HV8lqCpGUnmQoSFN5g4WUbMwQ/s72-w320-h213-c/css_button_generator3.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-5168696711629162404</guid><pubDate>Sat, 04 Mar 2023 02:32:00 +0000</pubDate><atom:updated>2023-03-04T16:41:34.722+00:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Java</category><title>Editable Code Highligter using prism.min.js</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirH_hmUMQH5JgOc1yzWo5DgDQ__Dm2lrhRQg3eZ5nQRZFTIaIeb1MesXQRiCub9_FxqboLbXzkeiGtsOgYIA0D0F5_Dz-nbbX_uTnvV8pfDYwwmiFEu0cf6UWNHAZUMbS5ULje1-soTPTOd3MElL50HLggI8d8ixyl_12XR9s2LpSiDPpNGKm-sDxN4Q/s700/Editable%20Code%20Highligter.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;463&quot; data-original-width=&quot;700&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirH_hmUMQH5JgOc1yzWo5DgDQ__Dm2lrhRQg3eZ5nQRZFTIaIeb1MesXQRiCub9_FxqboLbXzkeiGtsOgYIA0D0F5_Dz-nbbX_uTnvV8pfDYwwmiFEu0cf6UWNHAZUMbS5ULje1-soTPTOd3MElL50HLggI8d8ixyl_12XR9s2LpSiDPpNGKm-sDxN4Q/s400/Editable%20Code%20Highligter.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  2043.  
  2044. &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js&quot;&gt;&lt;/script&gt;
  2045.  
  2046. &lt;style&gt;
  2047. /* Please see the article */
  2048.  
  2049. #editing, #highlighting {
  2050.  /* Both elements need the same text and space styling so they are directly on top of each other */
  2051.  margin: 10px;
  2052.  padding: 10px;
  2053.  border: 0;
  2054.  width: calc(100% - 32px);
  2055.  height: 670px;
  2056. }
  2057. #editing, #highlighting, #highlighting * {
  2058.  /* Also add text styles to highlighing tokens */
  2059.  font-size: 12pt;
  2060.  font-family: monospace;
  2061.  line-height: 20pt;
  2062. }
  2063.  
  2064.  
  2065. #editing, #highlighting {
  2066.  /* In the same place */
  2067.  position: absolute;
  2068.  top: 0;
  2069.  left: 0;
  2070. }
  2071.  
  2072.  
  2073. /* Move the textarea in front of the result */
  2074.  
  2075. #editing {
  2076.  z-index: 1;
  2077. }
  2078. #highlighting {
  2079.  z-index: 0;
  2080. }
  2081.  
  2082.  
  2083. /* Make textarea almost completely transparent */
  2084.  
  2085. #editing {
  2086.  color: transparent;
  2087.  background: transparent;
  2088.  caret-color: white; /* Or choose your favourite color */
  2089. }
  2090.  
  2091. /* Can be scrolled */
  2092. #editing, #highlighting {
  2093.  overflow: auto;
  2094.  white-space: nowrap; /* Allows textarea to scroll horizontally */
  2095. }
  2096.  
  2097. /* No resize on textarea */
  2098. #editing {
  2099.  resize: none;
  2100. }
  2101.  
  2102. /* Paragraphs; First Image */
  2103. * {
  2104.  font-family: &quot;Fira Code&quot;, monospace;
  2105. }
  2106. p code {
  2107.  border-radius: 2px;
  2108.  background-color: #eee;
  2109.  color: #111;
  2110. }
  2111.  
  2112.  
  2113. /* Syntax Highlighting from prism.js starts below, partly modified: */
  2114.  
  2115. /* PrismJS 1.23.0
  2116. https://prismjs.com/download.html#themes=prism-funky&amp;languages=markup */
  2117. /**
  2118. * prism.js Funky theme
  2119. * Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/
  2120. * @author Lea Verou
  2121. */
  2122.  
  2123. code[class*=&quot;language-&quot;],
  2124. pre[class*=&quot;language-&quot;] {
  2125. font-family: Consolas, Monaco, &#39;Andale Mono&#39;, &#39;Ubuntu Mono&#39;, monospace;
  2126. font-size: 1em;
  2127. text-align: left;
  2128. white-space: pre;
  2129. word-spacing: normal;
  2130. word-break: normal;
  2131. word-wrap: normal;
  2132. line-height: 1.5;
  2133.  
  2134. -moz-tab-size: 4;
  2135. -o-tab-size: 4;
  2136. tab-size: 4;
  2137.  
  2138. -webkit-hyphens: none;
  2139. -moz-hyphens: none;
  2140. -ms-hyphens: none;
  2141. hyphens: none;
  2142. }
  2143.  
  2144. /* Code blocks */
  2145. pre[class*=&quot;language-&quot;] {
  2146. padding: .4em .8em;
  2147. margin: .5em 0;
  2148. overflow: auto;
  2149. /* background: url(&#39;data:image/svg+xml;charset=utf-8,&lt;svg%20version%3D&quot;1.1&quot;%20xmlns%3D&quot;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&quot;%20width%3D&quot;100&quot;%20height%3D&quot;100&quot;%20fill%3D&quot;rgba(0%2C0%2C0%2C.2)&quot;&gt;%0D%0A&lt;polygon%20points%3D&quot;0%2C50%2050%2C0%200%2C0&quot;%20%2F&gt;%0D%0A&lt;polygon%20points%3D&quot;0%2C100%2050%2C100%20100%2C50%20100%2C0&quot;%20%2F&gt;%0D%0A&lt;%2Fsvg&gt;&#39;);
  2150. background-size: 1em 1em; - WebCoder49*/
  2151.  background: black; /* - WebCoder49 */
  2152. }
  2153.  
  2154. code[class*=&quot;language-&quot;] {
  2155. background: black;
  2156. color: white;
  2157. box-shadow: -.3em 0 0 .3em black, .3em 0 0 .3em black;
  2158. }
  2159.  
  2160. /* Inline code */
  2161. :not(pre) &gt; code[class*=&quot;language-&quot;] {
  2162. padding: .2em;
  2163. border-radius: .3em;
  2164. box-shadow: none;
  2165. white-space: normal;
  2166. }
  2167.  
  2168. .token.comment,
  2169. .token.prolog,
  2170. .token.doctype,
  2171. .token.cdata {
  2172. color: #aaa;
  2173. }
  2174.  
  2175. .token.punctuation {
  2176. color: #999;
  2177. }
  2178.  
  2179. .token.namespace {
  2180. opacity: .7;
  2181. }
  2182.  
  2183. .token.property,
  2184. .token.tag,
  2185. .token.boolean,
  2186. .token.number,
  2187. .token.constant,
  2188. .token.symbol {
  2189. color: #0cf;
  2190. }
  2191.  
  2192. .token.selector,
  2193. .token.attr-name,
  2194. .token.string,
  2195. .token.char,
  2196. .token.builtin {
  2197. color: yellow;
  2198. }
  2199.  
  2200. .token.operator,
  2201. .token.entity,
  2202. .token.url,
  2203. .language-css .token.string,
  2204. .token.variable,
  2205. .token.inserted {
  2206. color: yellowgreen;
  2207. }
  2208.  
  2209. .token.atrule,
  2210. .token.attr-value,
  2211. .token.keyword {
  2212. color: deeppink;
  2213. }
  2214.  
  2215. .token.regex,
  2216. .token.important {
  2217. color: orange;
  2218. }
  2219.  
  2220. .token.important,
  2221. .token.bold {
  2222. font-weight: bold;
  2223. }
  2224. .token.italic {
  2225. font-style: italic;
  2226. }
  2227.  
  2228. .token.entity {
  2229. cursor: help;
  2230. }
  2231.  
  2232. .token.deleted {
  2233. color: red;
  2234. }
  2235.  
  2236. /* Plugin styles: Diff Highlight */
  2237. pre.diff-highlight.diff-highlight &gt; code .token.deleted:not(.prefix),
  2238. pre &gt; code.diff-highlight.diff-highlight .token.deleted:not(.prefix) {
  2239. background-color: rgba(255, 0, 0, .3);
  2240. display: inline;
  2241. }
  2242.  
  2243. pre.diff-highlight.diff-highlight &gt; code .token.inserted:not(.prefix),
  2244. pre &gt; code.diff-highlight.diff-highlight .token.inserted:not(.prefix) {
  2245. background-color: rgba(0, 255, 128, .3);
  2246. display: inline;
  2247. }
  2248.  
  2249. /* End of prism.js syntax highlighting*/
  2250. &lt;/style&gt;
  2251.  
  2252.  
  2253. &lt;div style=&quot;height: 200px;&quot;&gt;
  2254. &lt;textarea id=&quot;editing&quot; oninput=&quot;update(this.value); sync_scroll(this);&quot; onkeydown=&quot;check_tab(this, event);&quot; onscroll=&quot;sync_scroll(this);&quot; spellcheck=&quot;false&quot;&gt;&lt;/textarea&gt;
  2255. &lt;pre aria-hidden=&quot;true&quot; id=&quot;highlighting&quot;&gt;&lt;code class=&quot;language-html&quot; id=&quot;highlighting-content&quot;&gt;
  2256. &amp;#060;!-- Write or paste your code here: --&amp;#062;
  2257.  
  2258. &lt;/code&gt;
  2259. &lt;/pre&gt;
  2260. &lt;/div&gt;
  2261. &lt;br /&gt;
  2262. &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
  2263.  
  2264. &lt;p&gt;This is an example of a &lt;b&gt;syntax-highlighted &lt;code&gt;textarea&lt;/code&gt;&lt;/b&gt;. The textarea, almost completely transparent except for the &lt;code&gt;caret-color&lt;/code&gt;, is positioned on top of the syntax-highlighted block using &lt;code&gt;z-indexes&lt;/code&gt;, and the result is synchronised whenever the user enters code.&lt;/p&gt;
  2265. &lt;p&gt;I have covered this technique in &lt;a href=&quot;https://css-tricks.com/creating-an-editable-textarea-that-supports-syntax-highlighted-code/&quot;&gt;an article for CSS-Tricks&lt;/a&gt;, and have further edited it to include suggestions from comments.&lt;/p&gt;
  2266. &lt;p&gt;&lt;b&gt;One comment suggested creating a custom element for editable syntax-highlighted code, and I thought that was a very good idea, so you can find the custom element demo I created &lt;a href=&quot;https://codepen.io/WebCoder49/details/jOypJOx&quot;&gt;here&lt;/a&gt;.&lt;/b&gt;&lt;/p&gt;
  2267. &lt;p&gt;Syntax Highlighting by &lt;a href=&quot;https://prismjs.com/&quot;&gt;Prism.js&lt;/a&gt;&lt;br /&gt;
  2268. Font from &lt;a href=&quot;https://fonts.google.com/&quot;&gt;Google Fonts&lt;/a&gt;&lt;br /&gt;
  2269. Made by &lt;a href=&quot;https://codepen.io/WebCoder49/&quot;&gt;WebCoder49&lt;/a&gt;&lt;br /&gt;
  2270. &lt;b&gt;Please feel free to use this technique as inspiration!&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;Link : &lt;a href=&quot;https://gist.github.com/Austin-Sebastian/6b1ab6965c486437ce3f122370a45c71&quot;&gt;https://gist.github.com/Austin-Sebastian/6b1ab6965c486437ce3f122370a45c71&lt;/a&gt;&lt;/b&gt;&lt;/p&gt;
  2271.  
  2272.  
  2273. &lt;script type=&quot;text/javascript&quot;&gt;
  2274. //&lt;![CDATA[
  2275.  
  2276.  
  2277. function update(text) {
  2278.  let result_element = document.querySelector(&quot;#highlighting-content&quot;);
  2279.  // Handle final newlines (see article)
  2280.  if(text[text.length-1] == &quot;\n&quot;) {
  2281.    text += &quot; &quot;;
  2282.  }
  2283.  // Update code
  2284.  result_element.innerHTML = text.replace(new RegExp(&quot;&amp;&quot;, &quot;g&quot;), &quot;&amp;amp;&quot;).replace(new RegExp(&quot;&lt;&quot;, &quot;g&quot;), &quot;&amp;lt;&quot;); /* Global RegExp */
  2285.  // Syntax Highlight
  2286.  Prism.highlightElement(result_element);
  2287. }
  2288.  
  2289. function sync_scroll(element) {
  2290.  /* Scroll result to scroll coords of event - sync with textarea */
  2291.  let result_element = document.querySelector(&quot;#highlighting&quot;);
  2292.  // Get and set x and y
  2293.  result_element.scrollTop = element.scrollTop;
  2294.  result_element.scrollLeft = element.scrollLeft;
  2295. }
  2296.  
  2297. function check_tab(element, event) {
  2298.  let code = element.value;
  2299.  if(event.key == &quot;Tab&quot;) {
  2300.    /* Tab key pressed */
  2301.    event.preventDefault(); // stop normal
  2302.    let before_tab = code.slice(0, element.selectionStart); // text before tab
  2303.    let after_tab = code.slice(element.selectionEnd, element.value.length); // text after tab
  2304.    let cursor_pos = element.selectionEnd + 2; // after tab placed, where cursor moves to - 2 for 2 spaces
  2305.    element.value = before_tab + &quot;  &quot; + after_tab; // add tab char - 2 spaces
  2306.    // move cursor
  2307.    element.selectionStart = cursor_pos;
  2308.    element.selectionEnd = cursor_pos;
  2309.    update(element.value); // Update text to include indent
  2310.  }
  2311. }
  2312.  
  2313. //]]&gt;&lt;/script&gt;</description><link>http://superblogger3.blogspot.com/2023/03/code-highligter-test.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirH_hmUMQH5JgOc1yzWo5DgDQ__Dm2lrhRQg3eZ5nQRZFTIaIeb1MesXQRiCub9_FxqboLbXzkeiGtsOgYIA0D0F5_Dz-nbbX_uTnvV8pfDYwwmiFEu0cf6UWNHAZUMbS5ULje1-soTPTOd3MElL50HLggI8d8ixyl_12XR9s2LpSiDPpNGKm-sDxN4Q/s72-c/Editable%20Code%20Highligter.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6845208423476345068.post-3688380161808994597</guid><pubDate>Fri, 03 Mar 2023 21:54:00 +0000</pubDate><atom:updated>2023-03-04T02:48:47.944+00:00</atom:updated><title>Code Highligter - Colorscheme Lab – with Sass Variables - prism-core.js</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://superblogger3.blogspot.com/2023/03/code-highligter-colorscheme-lab-with.html&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;320&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhUGpNn4QmM6SVPi5rVpis8MdT2cLvEoVZfvKScoqDh1dJZSJug7Bdj0YZSmr-NMMvbOM7mvDXXWPSVzfC6v5kfddew3SnXfBL8kGzfvYz8ptfYEK97965FJvrZV_-8Z4t-RiBFXYrsyNjOy92q3CpAWQ1M8d6X1vnRpn10m61EHsvoVsjkRhMpFpuSw/s400/Editable%20Textarea%20That%20Supports%20Syntax%20Highlighted%20Code.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  2314.  
  2315. &lt;iframe allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;no&quot; height=&quot;300&quot; loading=&quot;lazy&quot; scrolling=&quot;no&quot; src=&quot;https://codepen.io/atelierbram/embed/DGOzVR?default-tab=html%2Cresult&amp;amp;theme-id=dark&quot; style=&quot;width: 100%;&quot; title=&quot;Colorscheme Lab – with Sass Variables&quot;&gt;
  2316.  See the Pen &lt;a href=&quot;https://codepen.io/atelierbram/pen/DGOzVR&quot;&gt;
  2317.  Colorscheme Lab – with Sass Variables&lt;/a&gt; by Bram de Haan (&lt;a href=&quot;https://codepen.io/atelierbram&quot;&gt;@atelierbram&lt;/a&gt;)
  2318.  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.
  2319. &lt;/iframe&gt;
  2320. &lt;br /&gt;
  2321. Editable Example
  2322. &lt;iframe allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;no&quot; height=&quot;300&quot; loading=&quot;lazy&quot; scrolling=&quot;no&quot; src=&quot;https://codepen.io/WebCoder49/embed/dyNyraq?default-tab=html%2Cresult&amp;amp;theme-id=dark&quot; style=&quot;width: 100%;&quot; title=&quot;Editable, syntax-highlighted code using z-indexes&quot;&gt;
  2323.  See the Pen &lt;a href=&quot;https://codepen.io/WebCoder49/pen/dyNyraq&quot;&gt;
  2324.  Editable, syntax-highlighted code using z-indexes&lt;/a&gt; by WebCoder49 (&lt;a href=&quot;https://codepen.io/WebCoder49&quot;&gt;@WebCoder49&lt;/a&gt;)
  2325.  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.
  2326. &lt;/iframe&gt;
  2327. &lt;br /&gt;
  2328. &lt;iframe allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;no&quot; height=&quot;300&quot; loading=&quot;lazy&quot; scrolling=&quot;no&quot; src=&quot;https://codepen.io/klocus/embed/EmmpVL?default-tab=html%2Cresult&amp;amp;theme-id=dark&quot; style=&quot;width: 100%;&quot; title=&quot;MarkItUp with Syntax Highlighting  &quot;&gt;
  2329.  See the Pen &lt;a href=&quot;https://codepen.io/klocus/pen/EmmpVL&quot;&gt;
  2330.  MarkItUp with Syntax Highlighting  &lt;/a&gt; by Klocus (&lt;a href=&quot;https://codepen.io/klocus&quot;&gt;@klocus&lt;/a&gt;)
  2331.  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.
  2332. &lt;/iframe&gt;
  2333. &lt;br&gt;
  2334. Textarea Tabs + Syntax Highlighting
  2335. &lt;iframe height=&quot;300&quot; style=&quot;width: 100%;&quot; scrolling=&quot;no&quot; title=&quot;Textarea Tabs + Syntax Highlighting&quot; src=&quot;https://codepen.io/aktorou/embed/YWxoMK?default-tab=html%2Cresult&amp;theme-id=dark&quot; frameborder=&quot;no&quot; loading=&quot;lazy&quot; allowtransparency=&quot;true&quot; allowfullscreen=&quot;true&quot;&gt;
  2336.  See the Pen &lt;a href=&quot;https://codepen.io/aktorou/pen/YWxoMK&quot;&gt;
  2337.  Textarea Tabs + Syntax Highlighting&lt;/a&gt; by Ashley Ktorou (&lt;a href=&quot;https://codepen.io/aktorou&quot;&gt;@aktorou&lt;/a&gt;)
  2338.  on &lt;a href=&quot;https://codepen.io&quot;&gt;CodePen&lt;/a&gt;.
  2339. &lt;/iframe&gt;</description><link>http://superblogger3.blogspot.com/2023/03/code-highligter-colorscheme-lab-with.html</link><author>noreply@blogger.com (John Teo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhUGpNn4QmM6SVPi5rVpis8MdT2cLvEoVZfvKScoqDh1dJZSJug7Bdj0YZSmr-NMMvbOM7mvDXXWPSVzfC6v5kfddew3SnXfBL8kGzfvYz8ptfYEK97965FJvrZV_-8Z4t-RiBFXYrsyNjOy92q3CpAWQ1M8d6X1vnRpn10m61EHsvoVsjkRhMpFpuSw/s72-c/Editable%20Textarea%20That%20Supports%20Syntax%20Highlighted%20Code.jpg" height="72" width="72"/><thr:total>0</thr:total></item></channel></rss>

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid RSS" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=http%3A//superblogger3.blogspot.com/feeds/posts/default%3Falt%3Drss

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda