How To Create Meta Teg Generator Tool in php-Meta Tag Generator
Hello Friends Ajj Me Apko Meta Teg Generator Tool(
Meta Description) Bnana Sikhaunga Jiski Madad Se Aap Easily Aap Apne Website Ke Liye Meta Teg Generator Tool Bana Sakte Hai .
ajj ki is post me apko btaunga ki kese hm blogger meta tag genrator/wordpress meta tag genrator easily create kar skte he.
ajj ki is post me apko btaunga ki kese hm blogger meta tag genrator/wordpress meta tag genrator easily create kar skte he.
Used Language-
1-Html
2-Php
3-Css
Yanha Ham Html Ka Use Karke Front End Form Teyar Karege Jiski Madad Se User Apna Data Enter Karega
And Php Ka Use Karke Backend(Dynamic Work ) Karege Jiski Madad Se Meta Description Create Hoga.Yanha Ham Php Me File Handling Operation Ka Use Karke Is Meta Teg Generator Tool Ko Teyar Karege.
Yanha hamne css ka use karke ise stylish bnaya hai Aap bootstrap ka use karke ise mobile responsive be bana sakte ho.
App Mere Dwara Btaye Gye Steps Ko Follow Karke 5 Minute Me Meta Teg Generator Tool Teyar Kar Sakte Ho.
Steps –
· Sabse Pehle Aap Index.Php Name Se Ek File Bana Lijiye
· Ab Aap Is Index File Me Niche Diye Gye Code Ko Paste Karke Save Kar Dijiye
· Meta description example-How to create meta tags
\
\
Index.php
<html>
<head>
<style>
#textboxid
{
height:80px;
font-size:14pt;
}
#textarea{
font-size:14pt;
}
#submit{
height:50px;
width:140px;
font-size:20pt;
color:white;
background-color:black;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 140px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -75px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
</style>
<script>
function myFunction() {
var copyText = document.getElementById("myInput");
copyText.select();
document.execCommand("Copy");
var tooltip = document.getElementById("myTooltip");
tooltip.innerHTML = "Copied: " + copyText.value;
}
function outFunc() {
var tooltip = document.getElementById("myTooltip");
tooltip.innerHTML = "Copy to clipboard";
}
</script>
</head>
<center>
<body background="Photo.jpg">
<form action="" method="post">
<br> <br>
<br> <br>
<br> <br>
<h1> How To Use Our Free Meta Tag Generator Tool?
Let’s have a look at how you can use our free Meta Tag Generator tool:</h1>
<h3> 1- Firstly, give the title of your site.<br>
2- Enter the brief description of your site.<br>
3-Enter your site’s keywords that must be separated by commas.<br>
4-Enter the author of your site.<br>
5-Enter the Country of your site.<br>
6- Enter the language of your site.<br>
7-Click on the Submit button </h3>
<h1>Generate Meta Teg Description </h1>
<h2><b> Site Title<br>
<input id="textboxid" type="text" placeholder=" Website Title Here..." size="60%" name="love0"><br>
<center><b>Description(must be within 150characters)</b><br><textarea rows="4" cols="50" id="textarea" type="text" rows="8" cols="70" size="50%" name="love" placeholder="Enter Description Of Your Website..."></textarea></center>
Keywords(keyword1,keyword2,keyword3)<br>
<input id="textboxid" placeholder="Enter Keywords Of Your Website With Commas" type="text" size="70%" name="love1"><br>
Author<br><input id="textboxid" type="text" placeholder="Enter Auther Name..." size="50%" name="love2"><br>
Country<br><input id="textboxid" type="text" placeholder="Enter Your Country..." size="50%" name="love3"><br>
Language<br><input id="textboxid" type="text" placeholder="Enter Your Language..." size="50%" name="love4"><br>
<input id="submit" type="submit" name="submit"/></b></h2>
</form>
</body>
<?php
if(isset($_POST['submit']))
{
$love0=$_POST['love0'];
$love=$_POST['love'];
$love1=$_POST['love1'];
$love2=$_POST['love2'];
$love3=$_POST['love3'];
$love4=$_POST['love4'];
?>
<form method="post">
<h1>Result</h1>
<center>
COPY Your Meta Teg <textarea rows="12" cols="70" id="myInput" name="data">
<META CONTENT='<?php echo $love0 ; ?>' NAME='title'/>
<META CONTENT='<?php echo $love ; ?>' NAME='description'/>
<META CONTENT='<?php echo $love1; ?>' NAME='Keywords'/>
<META CONTENT='<?php echo $love2; ?>' NAME='Author'/>
<META CONTENT='<?php echo $love3; ?>' NAME='Country'/>
<META CONTENT='<?php echo $love4; ?>' NAME='Language'/>
<META CONTENT='All' NAME='Robots'/>
</textarea><br/>
</center>
</form>
</center>
<center>
<form action="" method="post">
<div class="tooltip">
<button onclick="myFunction()" onmouseout="outFunc()">
<span class="tooltiptext" id="myTooltip">Copy to clipboard</span>
Copy text
</button>
<h2>Copy This Meta Teg Description & Paste It In Between head section of Your Website</center>
</div>
</form></center>
<center>
<h2>Please link back to this tool from your website if you found it useful.
Simply copy and paste the code from the box below into your webpage.<h2>
<form method="post">
<textarea rows="12" cols="70" id="myInput" name="data">
<!-- START OF ADDME LINK -->
<a href="http://sonuwap.ga/tools/index.php">Meta Tags Generator - Gajabwap</a>
<!-- END OF ADDME LINK -->
</textarea><br/>
</center>
</form>
<?php } ?>
<head>
<style>
#textboxid
{
height:80px;
font-size:14pt;
}
#textarea{
font-size:14pt;
}
#submit{
height:50px;
width:140px;
font-size:20pt;
color:white;
background-color:black;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 140px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -75px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
</style>
<script>
function myFunction() {
var copyText = document.getElementById("myInput");
copyText.select();
document.execCommand("Copy");
var tooltip = document.getElementById("myTooltip");
tooltip.innerHTML = "Copied: " + copyText.value;
}
function outFunc() {
var tooltip = document.getElementById("myTooltip");
tooltip.innerHTML = "Copy to clipboard";
}
</script>
</head>
<center>
<body background="Photo.jpg">
<form action="" method="post">
<br> <br>
<br> <br>
<br> <br>
<h1> How To Use Our Free Meta Tag Generator Tool?
Let’s have a look at how you can use our free Meta Tag Generator tool:</h1>
<h3> 1- Firstly, give the title of your site.<br>
2- Enter the brief description of your site.<br>
3-Enter your site’s keywords that must be separated by commas.<br>
4-Enter the author of your site.<br>
5-Enter the Country of your site.<br>
6- Enter the language of your site.<br>
7-Click on the Submit button </h3>
<h1>Generate Meta Teg Description </h1>
<h2><b> Site Title<br>
<input id="textboxid" type="text" placeholder=" Website Title Here..." size="60%" name="love0"><br>
<center><b>Description(must be within 150characters)</b><br><textarea rows="4" cols="50" id="textarea" type="text" rows="8" cols="70" size="50%" name="love" placeholder="Enter Description Of Your Website..."></textarea></center>
Keywords(keyword1,keyword2,keyword3)<br>
<input id="textboxid" placeholder="Enter Keywords Of Your Website With Commas" type="text" size="70%" name="love1"><br>
Author<br><input id="textboxid" type="text" placeholder="Enter Auther Name..." size="50%" name="love2"><br>
Country<br><input id="textboxid" type="text" placeholder="Enter Your Country..." size="50%" name="love3"><br>
Language<br><input id="textboxid" type="text" placeholder="Enter Your Language..." size="50%" name="love4"><br>
<input id="submit" type="submit" name="submit"/></b></h2>
</form>
</body>
<?php
if(isset($_POST['submit']))
{
$love0=$_POST['love0'];
$love=$_POST['love'];
$love1=$_POST['love1'];
$love2=$_POST['love2'];
$love3=$_POST['love3'];
$love4=$_POST['love4'];
?>
<form method="post">
<h1>Result</h1>
<center>
COPY Your Meta Teg <textarea rows="12" cols="70" id="myInput" name="data">
<META CONTENT='<?php echo $love0 ; ?>' NAME='title'/>
<META CONTENT='<?php echo $love ; ?>' NAME='description'/>
<META CONTENT='<?php echo $love1; ?>' NAME='Keywords'/>
<META CONTENT='<?php echo $love2; ?>' NAME='Author'/>
<META CONTENT='<?php echo $love3; ?>' NAME='Country'/>
<META CONTENT='<?php echo $love4; ?>' NAME='Language'/>
<META CONTENT='All' NAME='Robots'/>
</textarea><br/>
</center>
</form>
</center>
<center>
<form action="" method="post">
<div class="tooltip">
<button onclick="myFunction()" onmouseout="outFunc()">
<span class="tooltiptext" id="myTooltip">Copy to clipboard</span>
Copy text
</button>
<h2>Copy This Meta Teg Description & Paste It In Between head section of Your Website</center>
</div>
</form></center>
<center>
<h2>Please link back to this tool from your website if you found it useful.
Simply copy and paste the code from the box below into your webpage.<h2>
<form method="post">
<textarea rows="12" cols="70" id="myInput" name="data">
<!-- START OF ADDME LINK -->
<a href="http://sonuwap.ga/tools/index.php">Meta Tags Generator - Gajabwap</a>
<!-- END OF ADDME LINK -->
</textarea><br/>
</center>
</form>
<?php } ?>
Blogger meta tag description generator | meta name generator
| meta description kaise likhe
Demo-Meta Teg Generator Tool
Feature Of This Meta Teg Generator Tool-
Is Meta The Generator Tool Me Apko Ek Copy Button Ka Feature Milega Jiski Madad Se Apko Manually Meta Teg Description Ko Copy Karne Ki Jarrurt Nhi Padegi Bas Apko Copy Button Par Click Karna Hai Or Apka Description Copy Ho Jayega
Blog me meta tag kaise add kare-blog me meta tag add krne ke liye aap apne blog ke code ko edit karke head section ke bich meta tag ko easily add kar skte he.
Blog me meta tag kaise add kare-blog me meta tag add krne ke liye aap apne blog ke code ko edit karke head section ke bich meta tag ko easily add kar skte he.
Me Ummid Karta Hu Ki Apko Mere Ye meta tags generators tool Post Achi Lagi Hogi . Agar Apko Post Se Related Koi Be Problem A Rhe Hai To Aap Mujse Puch Sakte Hai Me Apki Puri Sahayta Karunga .
Thank You
Team Gajabwap Web In Hindi
Also Read
bhut He achi post hai sir Me is code ko kaffi Time se dund raha tha ajj mila thanks Sir
ReplyDeletebrother apka code bhut bdiya hai or tool be ache hai apke thanks
ReplyDeleteapka blog bahot achha hai. mene bbhi 1 blog banaya thegreatinfo ke name par
ReplyDelete