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=\"&#169; " +
      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.
Mungkin hanya ini yang dapat saya sampaikan, kurang lebihnya mohon dimaafkan apalagi hari ini saya menulis artikel yang pendek sehingga mungkin saja kurang bermanfaat bagi sobat :'( tapi saya harap ini lebih dari cukup dan semoga artikel ini bermanfaat. Jika sobat ingin mengajukan pertanyaan sobat dapat berkomentar di kotak komentar yang terletak di bawah artikel ini. Arigatou ^_^

Share artikel ke: Facebook Twitter Google+ Linkedin Digg

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

Copyright © 2013 - Ori By Djogz - All Rights Reserved

close