How to Create Meta Tag Generator Tool in your Blog - Post or Page

Hey Guys! Welcome back to Techly Series website.

Assuming You are observing the Meta Tag Generator Tool Script on blogger. This is the Right Place to you. Since You can get this Script for free and gain deep pocket With Your adsense.

Today, in this article, I will Discuss with you about How to Create Meta Tag Generator Tool in Blog - Post or Page.

What is Meta Tag

Meta Tags are scraps of text that depict a page's substance; the meta tags don't show up on the actual page, yet just in the page's source code. Meta Tags are basically minimal substance descriptors that assist with advising web search tools about a page.

The main distinction between labels you can see (on a blogpost, say) and labels you can't see is area: meta tags just exist in HTML, as a rule at the "head" of the page, as are simply noticeable to web search tools (and individuals who know where to look). The "meta" means "metadata," which is the sort of information these labels give - information about the information on your page.

Meta Keywords are an illustration of a meta tag that doesn't check out to utilize nowadays. Years prior, the meta watchword tags might have been helpful, yet not any longer.

How to Create

So, to create Meta Tag Generator Tool on blogger you need to follow the following process below precisely.

What's more, with the help of these steps, you can easily make this tool in your blogger website.

Step 1

  • You will go to your - Blogger Dashboard
  • Go to Theme
  • Go to - Edit HTML
  • Search - </head> or &lt;/head&gt;
  • Copy this CSS Code below and Paste on top of </head> or &lt;/head&gt;
  • Save Theme

You must back up your theme before go to Edit HTML

<link rel='stylesheet' href='https://cdn.jsdelivr.net/gh/itsTSUI/tsP/toolBody.css'/>
<script crossorigin='anonymous' src='https://kit.fontawesome.com/4ad360bfd2.js'/>

Step 2

  • After Save Theme
  • Create a new Post or Page
  • Copy this HTML & Javascript Code below and Paste in your blog - Post or Page
  • Publish
<div class="Tbody">

<form>

<b>Title</b>
<input name="input2" id="Title" placeholder="Title"/>

<b>Description</b>
<input name="input45" id="Description" placeholder="100 - 150 words"/>

<b>Keywords</b>
<input name="input4" id="Keywords" placeholder="Blog,Website,Meta,etc"/>
           
<b>Author</b>
<input name="input5" id="Author" placeholder="Owner Name"/>
             
<b>Language</b>
<input name="input7" id="Language" placeholder="en-gb"/>

<b>Country</b>
<input name="input10" id="Country" placeholder="Country"/>
  
<b>Robots</b>
<select name="input15" id="Robots">
<option selected disabled>Select One</option>
<option value="All">All</option>
<option value="None">None</option>
<option value="Index">Index</option>
<option value="No Index">No Index</option>
<option value="Follow">Follow</option>
<option value="No Follow">No Follow</option>
</select>

<button type="button" onclick="create(this.form)">Get Code<span class="fa fa-hand-o-right"></span></button>

<textarea name="story" id="Copy" rows="5" placeholder="Get Meta Tag Here..." readonly></textarea>

</form>

</div>

<script>
function create(form){if(form.input2.value !=""){form.story.value +="<b:if cond='data:blog.url==data:blog.homepageUrl'><meta NAME=\"Title\" CONTENT=\"" + form.input2.value + "\"/></b:if>\n";}if(form.input45.value !=""){form.story.value +="<meta NAME=\"Description\" CONTENT=\"" + form.input45.value + "\"/>\n";}if(form.input4.value !=""){form.story.value +="<meta NAME=\"Keywords\" CONTENT=\"" + form.input4.value + "\"/>\n";}if(form.input5.value !=""){form.story.value +="<meta NAME=\"Author\" CONTENT=\"" + form.input5.value + "\"/>\n";}if(form.input7.value !=""){form.story.value +="<meta http-equiv=\"content-language\" CONTENT=\"" + form.input7.value + "\"/>\n";}if(form.input10.value !=""){form.story.value +="<meta NAME=\"Country\" CONTENT=\"" + form.input10.value + "\"/>\n";}if(form.input15.value !=""){form.story.value +="<meta NAME=\"Robots\" CONTENT=\"" + form.input15.options[form.input15.selectedIndex].value + "\"/>\n";}}
</script>

Final Words

You ought to indeed note by thinking in the remark box underneath. Or on the other hand you moreover bear to give some sort of Suggestion, likewise you can partake your conviction with me in the Comment Box beneath.

I didn't give this content to any individual who saw or replicated them. This content I've looked through a great deal and given by experience. So kindly don't note on this substance.

Assuming you experience any issues while copying this script you can impart me by Telegram and I'll attempt to help.

  • Aᴀ
  • A+
  • A-