Membuat dan menyisipkan widget billing PLN

Setelah sekian lama akhirnya saya mendapatkan tulisan yang bagus. Semoga saja tulisan ini bermanfaat untuk semua orang.

Sudah banyak trik widget yang saya temukan di internet yang pernah saya coba di blog ini dan hanya sedikit yang menurut saya lumayan keren. Lalu saya mencoba untuk meng-crack sendiri kode-kode iframe yang bisa di tempelkan di blogger milik saya ini dengan gaya dan selera saya sendiri. Dan widget ini-lah hasilnya (di sebelah kanan atas berdampingan dengan postingan).

Agar tidak membuang-buang waktu langsung saja ;p

1. Perhatikan kode iframe berikut ini

<iframe align="center" frameborder="yes" height="250px" name="frame1" scrolling="auto" src="ALAMAT WEB/BLOG LAIN" style="border: 1px solid;" width="250px"></iframe>

Kode ini saya copaz dari ;

http://blogging-trik-tips.blogspot.co.id/2011/01/cara-membuat-i-frame-atau-menampilkan.html

Namun telah saya ubah sedikit mengikuti selera saya sendiri menjadi seperti ini;

<iframe align="center" frameborder="yes" height="600px" name="frame1" scrolling="auto" src="ALAMAT WEB/BLOG LAIN" style="border: 1px solid;"></iframe>

Teks berwarna merah di ganti dengan url iframe pln yang akan di buatkan widget. Sementara bahagian lain boleh di sesuaikan dengan selera sendiri tapi tidak boleh keluar dari format peng-kode-an iframe maupun widget, sebab dapat merusak tampilan widget nantinya.

Ubah menjadi seperti ini (selera saya sendiri) ;

<iframe align="center" frameborder="yes" height="400px" name="frame1" scrolling="auto" src="http://layanan.pln.co.id/ebill/InfoRekening.html" style="border: 1px solid;"></iframe>

Saran saya ubah dulu dengan menggunakan notepad atau aplikasi pengolah teks lainnya

2. Masuk ke akun blog, cari dan klik menu layout (pratinjau).

3. Cari dan klik add a gadget (tambahkan alat).

4. Cari dan klik html/javascript, lalu di dalam wizard box yang muncul sesuaikan title-nya dengan keinginan kita dan copy kode iframe yang sudah di sempurnakan tadi ke bagian content (isi).

5. Klik save dan wizard box akan menghilang.

6. cari dan klik save arrangement (simpan penataan).

7. Buka blog yang sudah di buatkan widget di browser dan nikmati hasilnya.

Sebagai bonus saya berikan sedikit tambahan yaitu link url yang bisa di kopas langsung ke browser.

http://layanan.pln.co.id/ebill/InfoRekening.html?idPel=idPelangganTerdaftar

Teks berwarna merah diganti dengan taglist id pelanggan yang bisa ditemukan di struk pembayaran listrik.

Sayang sekali tidak semua versi web mobile dan versi browser compatible dengan widget ini.

Selain itu masih banyak lagi cara lain, dan masih banyak lagi widget menarik yang harus saya pelajari. Setelah ini pun mungkin masih akan ada tulisan seperti ini lagi (sedikit membosankan, seperti komik tanpa gambar ;p)

Sepertinya saya mulai ngawur lagi...