Cara Membuat Widget Tagihan PLN

Pada pertemuan kali ini saya akan share bagaimana cara memasang widget untuk mengontrol tagihan listrik sobat. Terkadang kita selalu membayar tagihan listrik yang kalau di pikir tidak sesuai dengan seharus nya, kita bakal beranggapan kalau pln tempat kitamembayar itu main curang.  Tetapi kita dapat menguranginya dengan memeriksa tagihan listrik secara berkala di situs web resmi PLN di www.pln.co.id, jadi kita tidak akan melewatkannya, seperti yang ditunjukkan pada gambar berikut:

Kita hanya perlu memasukan ID pelanggan dan langsung dapat melihat berapa tagihan yang harus kita bayar.

Lalu bagimana cara kita memasang Cara cek tagihan itu di blog kita?, Yuk mari disimak.

1. Sobat login ke akun blog sobat
2. Pilih Layout lalu Add widget sesuai posisi yang sobat pasang, Dan pilih widget Script Html
3. Kemudian masukan script berikut ini di widget tersebut

<style 
type="text/css">    .input {     border: 1px solid #C0C0C0;     
background: #FFF;  height:22px;  width:220px;  font-family:Verdana, 
Tahoma, Geneva, sans-serif;  font-size:11px;  padding:3px;  
color:#969696;  }  .input:hover {   border: 1px solid #818181;   
background: #e3e3e3;  }  .buttonCari {   border: solid 1px #999;   
background-color:#eee;   color : #777;   font-family:tahoma;   
width:50px;   height:22px;   cursor:default;  }  .buttonCari:hover {   
cursor:pointer;   font-weight:bold;  }  .aryuanda{   font-family:tahoma;
   font-size:12px;  } </style><br /> <br /> <form 
action="http://202.162.217.251/info-billing2011/?mod=login" 
method="post" autocomplete="off">
 <table border="0" 
cellpadding="0" cellspacing="0" align="center">
<tr>    <td
 class="aryuanda">Cek Tagihan Rekening</td>   </tr>
<tr>    <td valign=middle align="center" 
style='padding-top:5px'><br /> <br />     <input 
type="text" class="input" name="idpel" id="idpel" value="ID Pelanggan" 
size="30" maxlength="12/" /><br />     <input type="hidden" 
name="action" id="action" value="login" /><br />     <input 
type="submit" class="buttonCari" name="button" id="button" value="Cek" 
/><br />    </td>      </tr>
</table>
</form>

4. Lalu sobat Save dan lohat hasil nya.

Artikel ini saya buat sobatyang suka atau hobby akan script di blog, semoga artikel ini bermanfaat untuk sobat semua,, Terimakasih.

Dadang Kurnia

Hanya seorang Nubie, Memulai blog Sebagai Hobby.

Share this post