Saturday 19 May 2018

Membuat Guest Book Di Blog

Assalamu'alaikum warohmatulloh wabarokaatuh
Sobat saya ada tutorial Bagaimana cara membuat guest Book  yang simpel dan sederhana untuk di pasang di blog kita ,Guest Book /disebut bahasa indonesia nya Buku Tamu langsung saja

4 langkah Membuat Buku Tamu


Pertama kita login di blog
Kedua cari Tata letak klik tambah kan widget,  ingat yang tulisan  html javascript
Ketiga copy code berikut dan pastekan di colum Widget html

<Html>
<Body>
<SCRIPT LANGUAGE="JavaScript">
function isiform(form)
{
 isinama(form);
 isiemail(form);
 isikomentar(form);
 kosongkan(form);
}
function kosongkan(form)
{
 if((isinama(form) && isiemail(form) && isikomentar(form)))
   {
    form.submit;
   }
 if((isinama(form)== false || isiemail(form)== false || isikomentar(form)== false))
  {
   salahisi(form);
  }
}
function salahisi(form)
{
 var teks ="Ada Kesalahan Isian :";
 if (isinama(form)== false)
 {teks +="\nNama Anda";}
 if (isiemail(form)==false)
 {teks +="\nEmail Anda";}
 if (isikomentar(form)==false)
 {teks +="\nKomentar Anda";}
 alert(teks);
}
function isinama(form)
{
 if (form.nama.value=="")
 {return false;}
 else
 {return true;}
}
function isiemail(form)
{
 if((form.email.value=="" || form.email.value.indexOf('@',0)==-1) || form.email.value.indexOf('.')==-1)
 {return false;}
 else
 {return true;}
}
function isikomentar(form)
{
if(form.cs.value=="")
 {return false;}
else
 {return true;}
}
</script>
<form name="f" method="post" action="mailto:doelkemploe68@gmail.com?subject=Form">
<font face="Arial">
<table align="center">
 <tr bgcolor="gray">
    <td colspan="2" align="center"><h1>G u e s t B o o k</h1></td>
 </tr>
  <tr bgcolor="peachpuff">
    <td>Nama Anda :</td>
    <td><input type="text" value="" name="nama" size="30"</td>   
 </tr>
 <tr bgcolor="peachpuff">
    <td>Email Anda :</td>
    <td><input type="text" value="" name="email" size="30"</td>   
 </tr>
 <tr bgcolor="peachpuff">
    <td>Komentar Anda :</td>
    <td><textarea name="cs" rows="5" cols="50"></textarea></td>   
 </tr>
<tr bgcolor="orange">
    <td colspan="2" align="center">
    <input type="button" name="thesubmit" value="kirim" onClick="isiform(this.form)">
    <input type="reset" value="hapus">
    </td>
 </tr>
 <tr bgcolor="gray">
    <td colspan="2" align="center"><b>Terima Kasih Telah Mengisi Guest Book</b> </td>
 </tr>
 </table>
 </font>
 </form>
</body>
</html>


keempat klik prantinjau kalau berhasil save

Hasil nya

Cara Membuat Guest Book

ket
yang berwarna merah isi dengan email sobat karena data guesbook tersebut langsung ke kirim ke email sobat

Gimana Sobat Gampang kan kalau warna tidak sesuai Sobat ganti aja...di code html nya sebelum di save

refrensi
Master Irawan

Alhamdulillah Catatan Sederhana Membuat Guest Book Di Blog telah Selesai Mohon maaf Jika Ada kesalahan Wasalamu'alaikumwarohmatulloh wabarokaatuh

Artikel Tutorial Lainya Klik Aja Sobat Link nya Dibawah Ini


Cara Membuat Menu Rool Di Blog 

Cara Membuat Header Dan Footer Di Msword 

Cara Membuat Meta Tag 

Cara Membuat Site Map Di Blog 

Cara Membuat Contact Froom Di Blog 

No comments:

Post a Comment