Widget Random Ayat Al Qur’an

Meyambung artikel tentang Random Ayat, rupanya banyak sekali pengguna yang tertarik memasang widget tersebut di blog mereka. Saya tidak tahu jumlah pasti penggunanya, tapi dulu sewaktu saya memasang logger pengaksesnya, jumlahnya membludak. Alhamdulillah kalau bisa dimanfaatkan.

Dari beberapa masukan, ada yang menginginkan agar ayat yang tampil bisa autorefresh. Ok, saya tambahkan fitur tersebut. Berikut tag yang harus dipasang:

<script type=”text/javascript” src=”http://www.mahesajenar.com/scripts/ayat.js?t=10″> </script>

Nilai t adalah jumlah berapa detik sekali ayat akan direfresh. t bisa disebutkan bisa juga tidak, yang artinya akan menjadi statis seperti sedia kala.

Kemudian untuk ‘mengundang’ kembali para user yang sudah terlanjur menggunakan widget ini, agar mengetahui adanya fitur tambahan, maka di setiap tampilan ayat akan saya tambahkan link ke entri ini dengan judul ‘fitur baru’.

Untuk menghilangkan link tersebut, dan masih ingin menggunakan fitur yang lama, perlu tambahkan attribut f=1, misalnya:

<script type=”text/javascript” src=”http://www.mahesajenar.com/scripts/ayat.js?f=1″> </script>

Sedangkan untuk blog atau website yang tidak mengijinkan pemasangan Javascript (misalnya WordPress dan Multiply) saya sediakan Random Ayat dalam bentuk image, yang bisa direfer dari blog masing-masing.

Berikut ini adalah codenya:

<img src=”http://www.mahesajenar.com/scripts/ayatimg.php?
c=35&text=000000&bg=ffffff&border=000000&sc=000088″>

(disambung jadi satu baris)

Keterangan:

* c adalah lebar karakater maksimal, yang bisa juga berarti lebar gambar (autosize). Silakan disesuaikan dengan kebutuhan lebar masing-masing. Lebar minimal adalah 10 karakter. Jika tidak disebutkan maka nilainya adalah 30.
* text adalah warna tulisan. Misalnya diisi FFFFFF untuk putih, FF0000 untuk merah, dan seterusnya. Silakan menggunakan FrontPage atau Dreamweaver untuk memilih code warna HTML tersebut.
* bg adalah warna background. Sama seperti code text, harus menggunakan code warna HTML.
* border adalah warna border, juga dalam code warna HTML.
* sc adalah warna untuk nama Surah-nya. Jika tidak disebutkan maka akan menggunakan warna sama dengan warna tulisan.

Sumber : http://www.mahesajenar.com/