Saturday, November 24, 2012

How to Create Your Own Meta Tag Generator Tool for Your Site

meta tag generator tool
In this tutorial I will teach you how you will create a Meta tag generator tool for your blog. Putting some tools on your blog is helpful to get some extra visitors and attract your readers. Moreover, it makes you a professional web designer and it will also improve your designing skill.

What are Meta Tags?


Meta Tags are tags which describes the contents of a web page. In other words Meta tags are the words which provide information about your site to the search engines. Meta tags are placed to the <head> section of your HTML page.

What is Meta tag generator?


Meta tag generator is a tool which will generate your tags automatically with HTML language for your site. Let’s make a Meta tag generator tool.

Making Meta tag Generator


Step 1: Copy and Paste the codes below into the HEAD of your HTML document.


<script src="http://yourjavascript.com/22015152241/meta-tag.js" type="text/javascript"></script>



Step 2: Now also copy the codes below but this time paste it into the BODY of your HTML document.


<div align="center">


  <center>


    <p align="left"> </p>


    <table class=normal  WIDTH="600" BORDER="0" CELLSPACING="0" CELLPADDING="0">


  <tr>


    <td><center><font face="verdana" size="4">Free META Tag Generator</font></center>


    <form><br>


      <div align="center"><center><table class=normal  BORDER="0" CELLPADDING="2">


        <tr>


          <td>Title:</td>


          <td><input TYPE="text" NAME="input1" SIZE="40"></td>


        </tr>      


        <tr>


          <td>Author:</td>


          <td><input TYPE="text" NAME="input2" SIZE="40"></td>


        </tr>


        <tr>


          <td>Description:</td>


          <td><input TYPE="text" NAME="input4" SIZE="40"></td>


        </tr>


        <tr>


          <td>Keywords:</td>


          <td><input TYPE="text" NAME="input5" SIZE="40"></td>


        </tr>


        <tr>


          <td>Language:</td>


          <td><input TYPE="text" NAME="input7" SIZE="40"></td>


        </tr>          


        <tr>


          <td>Copyright:</td>


          <td><input TYPE="text" NAME="input10" SIZE="40"></td>


        </tr>    


        <tr>


          <td>Designer:</td>


          <td><input TYPE="text" NAME="input11" SIZE="40"></td>


        </tr>    


        <tr>


          <td>Distribution:</td>


          <td><select NAME="input14" size="1">


             <option VALUE="" SELECTED>Select One</option>


            <option VALUE="Global">1. Global</option>


            <option VALUE="Local">2. Local</option>


            <option VALUE="IU">3. Intern Use</option>


          </select></td>


        <tr>


          <td>Robots:</td>


          <td><select NAME="input15" size="1">


            <option VALUE="" SELECTED>Select One</option>


            <option VALUE="All">1. All</option>


            <option VALUE="None">2. None</option>


            <option VALUE="Index">3. Index</option>


            <option VALUE="No Index">4. No Index</option>


            <option VALUE="Follow">5. Follow</option>


            <option VALUE="No Follow">6. No Follow</option>


          </select></td>


        </tr>


        </tr>


      </table>


      </center></div><blockquote>


        <p><input TYPE="button" VALUE="Create META tags" ONCLICK="create(this.form)"> <input


        TYPE="reset" VALUE="Clear All"> <textarea WRAP NAME="story" ROWS="12" COLS="65"></textarea>


        </p>


      </blockquote>


    </form>


    </td>


  </tr>


</table>


  </center>


</div>


<p><center>


<font face="arial, helvetica" size"-2">Free META tag generator<br>


by <a href="http://www.bestwaysofblogging.com">www.bestwaysofblogging.com</a></font>


</center><p>

Step 3: Now save your document and check your site.

How you will create this generator in Blogger


Step 1: Open editor and select “HTML” to edit.

html editor in blogger

Step 2: Now copy and paste the codes below in your editor.


<html>


<head>


<script src="http://yourjavascript.com/22015152241/meta-tag.js" type="text/javascript"></script>


</head>


<body>


<div align="center">


  <center>


    <p align="left"> </p>


    <table class=normal  WIDTH="600" BORDER="0" CELLSPACING="0" CELLPADDING="0">


  <tr>


    <td><center><font face="verdana" size="4">Free META Tag Generator</font></center>


    <form><br>


      <div align="center"><center><table class=normal  BORDER="0" CELLPADDING="2">


        <tr>


          <td>Title:</td>


          <td><input TYPE="text" NAME="input1" SIZE="40"></td>


        </tr>      


        <tr>


          <td>Author:</td>


          <td><input TYPE="text" NAME="input2" SIZE="40"></td>


        </tr>


        <tr>


          <td>Description:</td>


          <td><input TYPE="text" NAME="input4" SIZE="40"></td>


        </tr>


        <tr>


          <td>Keywords:</td>


          <td><input TYPE="text" NAME="input5" SIZE="40"></td>


        </tr>


        <tr>


          <td>Language:</td>


          <td><input TYPE="text" NAME="input7" SIZE="40"></td>


        </tr>          


        <tr>


          <td>Copyright:</td>


          <td><input TYPE="text" NAME="input10" SIZE="40"></td>


        </tr>    


        <tr>


          <td>Designer:</td>


          <td><input TYPE="text" NAME="input11" SIZE="40"></td>


        </tr>    


        <tr>


          <td>Distribution:</td>


          <td><select NAME="input14" size="1">


             <option VALUE="" SELECTED>Select One</option>


            <option VALUE="Global">1. Global</option>


            <option VALUE="Local">2. Local</option>


            <option VALUE="IU">3. Intern Use</option>


          </select></td>


        <tr>


          <td>Robots:</td>


          <td><select NAME="input15" size="1">


            <option VALUE="" SELECTED>Select One</option>


            <option VALUE="All">1. All</option>


            <option VALUE="None">2. None</option>


            <option VALUE="Index">3. Index</option>


            <option VALUE="No Index">4. No Index</option>


            <option VALUE="Follow">5. Follow</option>


            <option VALUE="No Follow">6. No Follow</option>


          </select></td>


        </tr>


        </tr>


      </table>


      </center></div><blockquote>


        <p><input TYPE="button" VALUE="Create META tags" ONCLICK="create(this.form)"> <input


        TYPE="reset" VALUE="Clear All"> <textarea WRAP NAME="story" ROWS="12" COLS="65"></textarea>


        </p>


      </blockquote>


    </form>


    </td>


  </tr>


</table>


  </center>


</div>


<p><center>


<font face="arial, helvetica" size"-2">Free META tag generator<br>


by <a href="http://www.bestwaysofblogging.com">www.bestwaysofblogging.com</a></font>


</center><p>


</body>


</html>


</div>

Step 3: Now publish and see your page or post.

Conclusion


If you are facing any problem with these codes or can’t realize anything then please make a comment. You are requested to share this post.


0 comments:

Post a Comment

Important - Make sure to click the "Subscribe By Email" link below the comment for to be notified of follow up comments and replies.If you use Name/URL don't use keywords as your name (You Know Who You Are).

    About The Author

    Hi! I am Abdur Rakib, a student and a part time blogger from Bangladesh. This is my first blog. I trying to improve it every time. I am not a professional blogger and still learning how to blog :) Read More..

    Followers

    Ranks

    Recent Comments

    Receive all updates via Facebook. Just Click the Like Button Below

    Powered By | Best Ways of Blogging