Cara Buat Widget Pengecekan Tagihan Rekening Listrik Online ( Revisi )

Jumpa lagi Sahabat dengan Postingan kali ini, memenuhi janji saya tentang adanya penggantian IP dari PLN hingga Widget Cek Tagihan Rekenung Listrik yang pernah saya Posting di sini tidak berfungsi, maka dengan Postingan kali ini saya berniat me Revisi IP tersebut dan tentunya dengan tampilan baru serta Kode HTML yang tidak begitu banyak.

__________________________________________________________________________________

Beberapa hari kebelakang Alhamdulillah ada Sahabat saya yaitu Mama Caca yang mempunyai blog Ngobrol Aja dan beliau memberi masukan kepada saya Script baru Widget Pengecekan Tagihan Listrik, memang sedikit berbeda akan tetapi IP yang beliau berikan sangat Valid.

Ok Sahabat mungkin tak perlu lama-lama Intermezonya kita langsung aja pada pokok Postingan.

Script yang beliau Posting di blog beliau seperti di bawah ini :

“<iframe src=”http://124.195.27.242/pln-check/pln-check-web.php” frameborder=”0″ width=”100%” height=”100%”></iframe>”

dan menghasilkan Tampilan langsung seperti dibawah ini :

setelah Sahabat memasukan IDPEL Sahabat maka Hasilnya seperti di bawah ini :

Akan tetapi saya utak atik lagi dan mudah-mudahan beliau tidak keberatan, dan hasil utak-atik sedikit hingga menghasilkan Kode seperti di bawah ini :

<div style="auto;width:280px;height:50px;padding:5px;border:1px solid #555" align="center">

<b style="color: rgb(255, 0, 0);">CEK TAGIHAN REKENING LISTRIK SAHABAT<br />

KLIK AJA</b><br />

<a style="font-weight: bold; color: rgb(255, 255, 255);" href="http://124.195.27.242/pln-check/pln-check-web.php/" target="new"><blink>D I  S I N I</blink></a></div>

dengan Tampilan seperti di bawah ini :

untuk menjadikan sebagai Widget di blog Sahabat, caranya sama dengan Postingan yang ini, tapi masih perlu sahabat ingat bahwa ada beberapa angka atau tulisan yang mungkin mau Sahabat rubah sesuai keinginan Sahabat atau menyesuaikan lebar dan tingginya dengan blog Sahabat.

Keterangannya seperti dibawah ini :

<div style="auto;width:280px;height:50px;padding:5px;border:1px solid #555" align="center">

<b style="color: rgb(255, 0, 0);">CEK TAGIHAN REKENING LISTRIK SAHABAT<br />

KLIK AJA</b><br />

<a style="font-weight: bold; color: rgb(255, 255, 255);" href="http://124.195.27.242/pln-check/pln-check-web.php/" target="new"><blink>D I  S I N I</blink></a></div>

Untuk angka yang saya beri warna merah adalah ukuran lebar dan tinggi Widget ( Silahkan Sahabat sesuaikan dengan tampilan blog Sahabat ), untuk angka yang saya beri warna hijau itu adalah warna border dan untuk tulisan yang saya beri warna biru itu bisa sahabat ganti dengan Tulisan yang menurut sahabat bagus.

Satu lagi ya.... untuk warna Tulisan dikarnakan keterbatasan Ilmu yang saya miliki, maka cara merubah warna tampilan hurup saya menggunakan Rich text yaitu dengan cara di edit langsung di editan HTML Javasrciptnya yaitu :

Klik Tulisan Rich Text

1. Lalu Block Kode HTMLnya dan 2. silahkan pilih warna kesukaan atau sesuaikan dengan tampilan blog sahabat.

Ok munkin sekian dulu dan kalo masih ada penerangan yang tidak di mengerti, sahabat bisa tuangkan di Komentar.

Akhir kata semoga Postingan ini berguna dan bisa dipakai.

Sukses selalu buat Sahabat semua.