Home
» Meta Tags
» SEO
» Tips dan Cara
» Tutorial Blog
» Cara Memasang Meta Tags Generator Tools di Halaman Blog
Friday, 7 February 2014
Cara Memasang Meta Tags Generator Tools di Halaman Blog - Halo sobat setia Go! Blog, sudah lama nih saya tidak update artikel di blog yang berdebu ini semoga pengunjung gak kecewa ya hehehe, karena akhir- akhir ini saya sibuk buka lapak wehehe, dan saya lagi belajar menjadi programmer. Nah pada saat ini karena saya tidak ada buat ya saya memiliki ide untuk membuat artikel yang berkaitan dengan Meta Tags, saya membuat artikel ini juga karena banyak yang minta bagaimana sih membuat Meta Tags Generator Tools seperti di halaman blog Go! Blog? nah yang pernah berkata seperti itu saya ucapkan terima kasih sudah merequest dan membuat saya tidak menganggur hehehe, oke singkat kata langsung saja yuk saya akan memberi tutorialnya ^_^.
Demo
Bagi sobat yang belum tau penampakannya seperti apa, berikut Demo Meta Tags Generator Tools- Pertama, login Blogger dahulu
- Kemudian masuk ke menu Laman dan buat laman baru.
- Masukkan script dibawah ini di HTML, ingat!! bukan Compose
<style id="page-skin-1" type="text/css"><!--
.section, .widget {
margin: 0;
padding: 0;
}
#footer {
margin-left: 200px;
--></style>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<style type="text/css">
a{ color:#0080ff; text-decoration:none;}
a:hover, a:visited {color:#289728; text-decoration:underline}
.mbt {
color: #0080ff; font-size: 12px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif;
}
.mbt1 {
font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 10px; color: #289728;
}
.h {
color: #0080ff;
}
textarea {
width:500px;
color:#0080ff;
font:14px sans-serif, verdana;
background: #aaa;
border-radius:5px;
border:2px solid #ccc; }
textarea:hover {
border:2px solid #333;
border-radius:5px;
}
input {
color:#000;
font: normal 12px sans-serif, verdana;
border:2px solid #ccc;
border-radius:5px;
}
input:hover {
color:#333;
font: normal 12px sans-serif, verdana;
border-left:5px solid #ff0000;
background:#fff;
}
</style>
<br />
<table cellpadding="0" cellspacing="0" style="background-color: transparent;"><tbody>
<tr><th scope="col"><br /></th></tr>
<tr><td><br />
<br />
<table cellpadding="0" cellspacing="0" style="background: transparent;">
<tbody>
<tr>
</tr>
<tr>
<td><br />
<table style="background: transparent; padding: 0; width: 700px;">
<tbody>
<tr><td valign="top"><form method="post" name="form1">
<script language="JavaScript">
function create(form) {
if (confirm("Are you sure?")) {
form.story.value = "Meta Tag Generator \n" +
"Instructions: Simply copy the following lines of code and insert them " +
"between the <head> and </HEAD> tags in your HTML document. That's it! \n\n";
if (form.input1.value != "") {
form.story.value +="<meta NAME=\"Title\" CONTENT=\"" +
form.input1.value + "\"/>\n";
}
if (form.input2.value != "") {
form.story.value +="<meta NAME=\"Author\" CONTENT=\"" +
form.input2.value + "\"/>\n";
}
if (form.input4.value != "") {
form.story.value +="<meta NAME=\"Description\" CONTENT=\"" +
form.input4.value + "\"/>\n";
}
if (form.input5.value != "") {
form.story.value +="<meta NAME=\"Keywords\" CONTENT=\"" +
form.input5.value + "\"/>\n";
}
if (form.input7.value != "") {
form.story.value +="<meta NAME=\"Language\" CONTENT=\"" +
form.input7.value + "\"/>\n";
}
if (form.input10.value != "") {
form.story.value +="<meta NAME=\"Copyright\" CONTENT=\"© " +
form.input10.value + "\"/>\n";
}
if (form.input11.value != "") {
form.story.value +="<meta NAME=\"Designer\" CONTENT=\"" +
form.input11.value + "\"/>\n";
}
if (form.input14.value != "") {
form.story.value +="<meta NAME=\"Distribution\" CONTENT=\"" +
form.input14.options[form.input14.selectedIndex].value + "\"/>\n";
}
if (form.input15.value != "") {
form.story.value +="<meta NAME=\"Robots\" CONTENT=\"" +
form.input15.options[form.input15.selectedIndex].value + "\"/>\n";
}
}
}
</script>
<br />
<span style="font-size: 16px;">
</span><br />
<div align="center">
<center>
<span style="font-size: 16px;">
<div align="left">
</div>
<table border="0" cellpadding="0" cellspacing="0" class="normal" style="width: 500px;"><tbody>
<tr><td><span style="font-family: verdana; font-size: xx-small;"></span>
<br />
<div align="center">
<center>
<table border="0" cellpadding="2" class="normal"><tbody>
<tr><td><h5>
Title Blog:</h5>
</td><td><input name="input1" size="65" type="text" /></td></tr>
<tr><td><h5>
Author:</h5>
</td><td><input name="input2" size="65" type="text" /></td></tr>
<tr><td><h5>
Deskripsi:</h5>
</td><td><input name="input4" size="65" type="text" /></td></tr>
<tr><td><h5>
Keywords:</h5>
</td><td><input name="input5" size="65" type="text" /></td></tr>
<tr><td><h5>
Bahasa:</h5>
</td><td><input name="input7" size="65" type="text" /></td></tr>
<tr><td><h5>
Copyright:</h5>
</td><td><input name="input10" size="65" type="text" /></td></tr>
<tr><td><h5>
Desainer:</h5>
</td><td><input name="input11" size="65" type="text" /></td></tr>
<tr><td><h5>
Distribution:</h5>
</td><td><select name="input14" size="1">
<option selected="" value="">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>
<tr><td><h5>
</h5>
<h5>
Robots:</h5>
<h5>
</h5>
</td><td><select name="input15" size="1">
<option selected="" value="">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>
</tbody></table>
</center>
</div>
<input onclick="create(this.form)" type="button" value="Create META tags" /> <input type="reset" value="Clear All" /> <textarea cols="65" name="story" rows="25" wrap="wrap"></textarea>
</td></tr>
</tbody></table>
</span></center>
</div>
<span style="font-size: 16px;">
<span style="color: black; font-family: Verdana, sans-serif; font-size: 16px;"></span></span>
<br />
<div align="left">
<span style="color: black; font-family: Verdana, sans-serif; font-size: x-small;">Note:</span><br />
<span style="color: black; font-family: Verdana, sans-serif; font-size: x-small;">Title Blog: Nama Blog</span><br />
<span style="color: black; font-family: Verdana, sans-serif; font-size: x-small;">Author: Nama Pemilik Blog</span><br />
<span style="color: black; font-family: Verdana, sans-serif; font-size: x-small;">Deskripsi: Deskripsi Blog</span><br />
<span style="color: black; font-family: Verdana, sans-serif; font-size: x-small;">Keywords: Kata kunci Blog</span><br />
<span style="color: black; font-family: Verdana, sans-serif; font-size: x-small;">Copyright: Tidak Wajib diisi</span><br />
<span style="color: black; font-family: Verdana, sans-serif; font-size: x-small;">Desainer: Nama Perancang Template Blog/ Tidak Wajib Diisi</span></div>
<span style="font-size: 16px;"><span style="color: black; font-family: Verdana, sans-serif; font-size: 16px;">
</span>
</span></form>
</td></tr>
</tbody></table>
</td></tr>
<tr><td><center>
<span class="mbt1">© 2012 - 2013, All Rights Reserved. Meta Tag Generator Tool. <a href="http://www.g-bloog.com/2014/02/cara-memasang-meta-tags-generator-tools.html"> Get Now!</a></span></center>
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
- Nah, kemudian publikasikan.
- Selesai. Meta Tags Generator Tools sekarang sudah dipasang di blog sobat.
8 comments
izin coba nih gan sekalian Pertamax
bagus sekali nih sob... :) makasih ye infonya...
wahh,,mantap nih sob.. :))
izin coba sob :D
maaf gan ane mau tanya ini fungsinya buat apa?
maklum masih newbie
ini sebagai asesoris dan bisa membantu pengunjung membuat meta tags otomatis sob :)
unik juga meta tagnya :)
wah, cobain dulu mas.. kayaknya banyak kelebihannya :D
mantap sob..sangat bermanfaat.
Gunakanlah bahasa yang sopan
Tidak mengandung SARA (Agama, Suku, Dll)
Tidak menyertakan link aktif.
Jika melanggar syarat diatas komentar akan saya anggap SPAM
Konvert KodeMember AktifJoin This Blog