Cara Memasang Widget Untuk Melihat Tagihan Listrik pada Blog

Bagi anda sekalian yang tidak mau bersusah payah untuk datang ke kantor PLN hanya untuk melihat atau menge-check tagihan listrik, sekarang sudah tersedia untuk melihat atau menge-check tagihan listrik via internet, untuk anda yang ingin melihat klik disini


Pertanyaannya bagaimana membuat widget tagihan listrik itu pada blog kita ?
Baiklah saya akan menyajikannya dengan anda anda sekalian :


------


1. log in ke blog anda
2. pilih tata letak -> Html/JavaScript
3. Masukan kode berikut ini :

<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. sekarang simpan, dan lihat hasilnya pada blog anda

lebih kurang seperti tampilannya, semoga bermanfaat :)