<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>How to Archives</title>
	<atom:link href="https://www.johnpatel.com/category/how-to/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>SEO, WordPress, Make Money, Online Jobs, Reviews</description>
	<lastBuildDate>Thu, 30 Sep 2021 04:55:52 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>
<site xmlns="com-wordpress:feed-additions:1">145939692</site>	<item>
		<title>How to Link JavaScript to HTML? &#8211; HTML Script src Attribute</title>
		<link>https://www.johnpatel.com/how-to-link-javascript-to-html/</link>
		
		<dc:creator><![CDATA[JP]]></dc:creator>
		<pubDate>Sat, 01 Jun 2019 18:02:24 +0000</pubDate>
				<category><![CDATA[How to]]></category>
		<guid isPermaLink="false">https://www.johnpatel.com/?p=1592</guid>

					<description><![CDATA[<p>Are you confused about How to Link JavaScript to HTML? Don&#8217;t have technical or coding knowledge? Don&#8217;t worry. I will give you the best and easy solution to do that. Even more, No need to have technical or coding knowledge. Why do you need to link JavaScript file to HTML? The answer is: when you [&#8230;]</p>
<p>The post <a href="https://www.johnpatel.com/how-to-link-javascript-to-html/">How to Link JavaScript to HTML? &#8211; HTML Script src Attribute</a> appeared first on <a href="https://www.johnpatel.com">JP</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><img decoding="async" src="https://www.johnpatel.com/wp-content/uploads/2019/06/How-to-Link-JavaScript-to-HTML.jpg" alt="How to Link JavaScript to HTML - HTML Script src Attribute" title="How to Link JavaScript to HTML - HTML Script src Attribute"></p>
<p>Are you confused about <strong>How to Link JavaScript to HTML?</strong> Don&#8217;t have technical or coding knowledge? Don&#8217;t worry. I will give you the best and easy solution to do that. Even more, No need to have technical or coding knowledge.</p>
<p><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9083475290210772" crossorigin="anonymous"></script><br />
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9083475290210772" data-ad-slot="2563650907" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></p>
<h4>Why do you need to link JavaScript file to HTML?</h4>
<p><strong>The answer is:</strong> when you are working on web design or development projects, then we recommend you to make the separate CSS and JS files. You have to link those files to your HTML file to run CSS styles and JavaScript code on the front end.</p>
<h4>Where you have to place the JS link code in HTML?</h4>
<p>Generally, CSS styles are included in between &#60;HEAD&#62; and &#60;/HEAD&#62; tag. You can write anywhere in between the HEAD section. Furthermore, JavaScript files are included in footer of HTML code or above &#60;/BODY&#62; tag. Also, you can add JS files inside &#60;HEAD&#62; tag. But sometimes it will generate some error in some cases. So, It is better to place at the footer of the HTML page.</p>
<h2>How to Link JavaScript to HTML</h2>
<p>Linking of JavaScript file to <a href="https://en.wikipedia.org/wiki/HTML" rel="noopener noreferrer" target="_blank">HTML</a> is very simple. Just need to place only one line which is really very simple to write. You have to use &#60;script&#62; tag with &#8220;SRC&#8221; Attribute to do that. You can see it in below code snippet.</p>
<p><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9083475290210772" crossorigin="anonymous"></script><br />
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9083475290210772" data-ad-slot="8745915876" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></p>
<h5>1. Link Direct JS File</h5>
<pre>
<xmp>
<script src="myscripts.js"></script>
</xmp>
</pre>
<p><strong>Note:</strong> Replace the <strong>&#8220;myscripts.js&#8221;</strong> file name with your JS file name.</p>
<h5>2. Link File Inside Folder</h5>
<p>If the javascript file is inside the folder then you have to write the code like this.</p>
<pre>
<xmp>
<script src="foldername/myscripts.js"></script>
</xmp>
</pre>
<p><strong>Note:</strong> Replace folder name with your actual folder&#8217;s name and myscript.js with your original JS file.</p>
<h5>3. If HTML and JS Both Inside Folder</h5>
<p>If your HTML file is not in the root or it&#8217;s inside the folder and js file is in another folder. Then you have to write the script like below.</p>
<pre>
<xmp>
<script src="../foldername/myscripts.js"></script>
</xmp>
</pre>
<p>&#8220;../&#8221; will push you inside the parent directory. So, the server can get access to the JS file and run on the client side.</p>
<p>Finally, you have the solution to your question: <strong>How to Link JavaScript to HTML?</strong>. You can read above all points and get your solution.</p>
<p>I hope you will like this article. If you like it, please share it with your friends.</p>
<p><strong>Related Articles:</strong></p>
<ul>
<li><a href="https://www.johnpatel.com/php-foreach-loop/">PHP Foreach Loop Implementation with Example</a></li>
<li><a href="https://www.johnpatel.com/pagination-in-php-function-search-filter/">Pagination in PHP</a></li>
</ul>
<p>The post <a href="https://www.johnpatel.com/how-to-link-javascript-to-html/">How to Link JavaScript to HTML? &#8211; HTML Script src Attribute</a> appeared first on <a href="https://www.johnpatel.com">JP</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1592</post-id>	</item>
		<item>
		<title>How to Use Search Operators to Find Advanced Link Building Opportunities?</title>
		<link>https://www.johnpatel.com/how-to-use-search-operators-to-find-advanced-link-building-opportunities/</link>
		
		<dc:creator><![CDATA[JP]]></dc:creator>
		<pubDate>Sat, 05 Jan 2019 11:34:35 +0000</pubDate>
				<category><![CDATA[How to]]></category>
		<guid isPermaLink="false">https://www.johnpatel.com/?p=985</guid>

					<description><![CDATA[<p>In this article, we will discuss How to Use Search Operators to Find Advanced Link Building Opportunities? As Google releases one algorithm update after another, the need to switch to white hat SEO from black hat SEO and other shady SEO practices grows bigger. But building white hat links is hard, or is it? Well, [&#8230;]</p>
<p>The post <a href="https://www.johnpatel.com/how-to-use-search-operators-to-find-advanced-link-building-opportunities/">How to Use Search Operators to Find Advanced Link Building Opportunities?</a> appeared first on <a href="https://www.johnpatel.com">JP</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><img decoding="async" src="https://www.johnpatel.com/wp-content/uploads/2019/01/Advanced-Link-Building.jpg" alt="Advanced Link Building Opportunities" title="Advanced Link Building Opportunities"></p>
<p>In this article, we will discuss <strong>How to Use Search Operators to Find Advanced Link Building Opportunities?</strong> As Google releases one algorithm update after another, the need to switch to white hat SEO from black hat SEO and other shady SEO practices grows bigger.</p>
<p>But building white hat links is hard, or is it? Well, it certainly demands more efforts than black hat SEO techniques, but it can be well worth it in the long term.</p>
<p>However, even <a href="https://seooptimizers.com/link-building/">white hat link building</a> can be made easier if you know how to use certain search operators to easily find many white hat link building opportunities.</p>
<h2><strong>Replicating Competitor Backlinks</strong></h2>
<p>Why reinvent the wheel when you can simply take what’s working and make it work for you? Replicating your competitor’s backlinks is believed to be one of the most effective ways to quickly find quality backlinks that are working for them.</p>
<p>This can be done using the following advanced search operator:</p>
<ul>
<li>
<h6><strong>Link:competitorsitename.com</strong></h6>
</li>
<li>
<h6><strong>site:competitorsitename.com<br />
</strong></h6>
</li>
</ul>
<h2><strong>Finding Guest Post Opportunities</strong></h2>
<p>Guest posts are the most popular type of white hat links, as they can be relatively easy to get. The trick here is to guest post on sites that are in the same or a relevant niche as yours so that they turn out to be very effective for your website’s SEO.</p>
<p>You can use the following search operators to find guest post link building opportunities:</p>
<ul>
<li>
<h6>Keyword “guest post”</h6>
</li>
<li>
<h6>Keyword “write for us”</h6>
</li>
<li>
<h6>Keyword “guest blog”</h6>
</li>
<li>
<h6>Keyword “guest article”</h6>
</li>
</ul>
<p>And more than you can find in the detailed infographic. Also, you can replace the keyword in the above search operators with the name of your competitor to find the sites they have already made guest posts on as a <a href="https://www.meetup.com/LosAngeles-SEO-Adwords-Free-Training/">great way to learn</a>.</p>
<h2><strong>Finding Resource Pages</strong></h2>
<p>Resource pages are very well-established, authoritative sources of useful information in the niche, and they do have some strong SEO juice to offer.</p>
<p>To get a link from these resource pages, you first need to have in-depth, genuinely useful content. If you do, you can reach out to the webmasters managing resource pages in your niche by finding them using the following search operators:</p>
<ul>
<li>
<h6>Keyword “top resources”/”top 10 resources”</h6>
</li>
<li>
<h6>Keyword “intitle:resources”</h6>
</li>
<li>
<h6>Keyword “recommended links”/”suggested links”</h6>
</li>
</ul>
<p>As well as the many others you find in the long list of search operators mentioned under the “industry resources” section in the infographic. Finally, know that you will need to do this on a large scale to land a decent number of high-quality links.</p>
<h2><strong>Listing Your Websites</strong></h2>
<p>Most niches have niche-specific directories, and a link from them can help your site’s SEO as well. You can find them using these search operators:</p>
<ul>
<li>
<h6><strong>Keyword “suggest&nbsp;</strong>site&nbsp;<strong>”/”recommended site”/”post site”/”add a site”</strong></h6>
</li>
</ul>
<p>Then use the same search operator by replacing the “site” in it with “URL”, “listing” and more, as well as use the other search operators that you can find in the infographic.</p>
<h2><strong>Donating to Non-Profit Organizations</strong></h2>
<p>This is a fairly unique white hat link building technique where you can get some great links while also helping non-profit organizations.</p>
<p>Many of these organizations link to the sites of people that make a donation, so you can use this strategy if you have the budget.</p>
<p>All you need to do is use the search operators mentioned in the infographic to find the non-profit organizations that do this and reach out to them.</p>
<p><strong>Real This Articles:</strong></p>
<ul>
<li><a href="https://www.johnpatel.com/seo-hacks-2019/">5 Highly Effective Less Effort &amp; High Return SEO Hacks for 2019</a></li>
<li><a href="https://www.johnpatel.com/killer-email-marketing-writing-ideas/">6 Killer Email Marketing Writing Ideas that will Help you to Generate Quality Leads</a></li>
</ul>
<p>The post <a href="https://www.johnpatel.com/how-to-use-search-operators-to-find-advanced-link-building-opportunities/">How to Use Search Operators to Find Advanced Link Building Opportunities?</a> appeared first on <a href="https://www.johnpatel.com">JP</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">985</post-id>	</item>
	</channel>
</rss>
