Random Ayat
*** Autorefresh mengambil sejumlah ayat untuk ditampilkan secara bergantian.
*** Semakin banyak yang diambil, semakin banyak randomnya.
*** Contoh URL menentukan jumlah yang diambil:
*** http://www.mahesajenar.com/scripts/ayat.js?t=10&n=30
*** Mengambil 30 ayat acak untuk ditampilkan. Min=5, Max=100
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.
Contoh hasil:
Demikian, semoga bisa dimanfaatkan
65 Komentar
mantap...
tak sedot ya
Aryo: awas ponine katut kesedot
Timer-nya kecepatan yg di webmu, belum sempat memahami maksud ayatnya udah ganti duluan
Aryo: Hehehe, iku maune contoh, lha keterusan. Wes tak perlambat
hebat....

belum tobat nih, belom minat masang, user ajah dulu...
Aryo: Pasanglah dulu, barulah nanti akan tobat...
*pitutur mode on*
ayat-ayat Al-Quran wes mare, tinggal Al-Hadist
Aryo: durung nduwe datane
uda saia pasang pak, makasiyy ^^
Aryo: bagus, bagus *tepuk-tepuk lina*
Assalamu'alaikum wr.wb.
Trimaksih random ayat yang versi image.
Wass.wr.wb
Semoga bermanfaat dunia dan akhirat
Oke deh tak coba pasang.. ini support di STYLE make CSS ndak? kalau belum ada featured ini, segera tambahkan
@beMuslim & Dichi: Aamiin
@Jauhari: itu outputnya murni text plain. Jadi kalo mau apply style, ya containernya (parentnya) aja yang disetting stylenya
cak, sampeyan jago bener sih php-nya...
Aryo:
sampeyan juga jado desain-nya. lalu mana sumbangan desainnya?
mas aryo aku pingin ambil ayat-ayat yg ada di random,tapi masih bingung bagaimana caranya,maklum ga pernah belajar tentang ini.
Aryo:
Mau ngambil yang teks atau yang image?
Mau ditampilkan di mana?
Intinya tinggal menempatkan salah satu dari tag script di atas ke blog kamu.
yg teks aja ,mau aku tampillin di mp ku,kemarin dah aku coba tapi lom bisa.
Aryo:
nah itu dia masalahnya. di multiply dan wordpress tidak mengijinkan usernya menambahkan code javascript. makanya aku buat yang versi image
cek ON http://bayi00.blogdetik.com
Aryo:
terlalu lebar tuh
itu c-nya dikurangi aja.
OK Boss. thx yah...lumayan nambah content web ku.. smoga pahalanya terus mengalir..... kalau sudah banyak bagi-bagi yah pahalanya
Aryo:
aamiin, semoga sama-sama mendapatkan manfaat
thanks ya infonya,aku mau baca ayat-ayat di mp mas aryo aja,jadi ga usah repot2.thanks banget ya...moga mas aryo sehat dan bahagia selalu.
Aryo:
aamiin, makasih
matur kasih ya, aq ikutan masang widget punya antum,btw yang dalm bahasa englisg ada gak nih...sekali lagi trims bgt semoga Allah membalas kebaikan antum
Aryo:
Bahasa english belum punya, tapi kayaknya kalau mau nyari ada kok di internet.
Alhamdulillah makasih banyak mas, Jazakumullah khairan katsiran
sangat bermanfaat sekali.
Aryo:
Iya may, makasih.
mas klo nampilkan random ayat di multiply gimana nihh??kan javascrptnya gak bisa maksih sebelumnya!! dan yang smile bisa juga kah di multiply
mas, kulo nunut ambil random ayatnya nggih. salam dari malang puncak.
Aryo:
Sumonggo
makasih ya...scripnya membantu untuk ingetin saya...saya tunggu untuk hadistnya...
dh,
matursembah nuwun, kulo ngunduh ngih.
pamit.
saya culik scriptnya ya kang
semoga allah memberikan lebih dari apa yang saya terima manfaatnya
Assalamualaikum,
Pak, numpang masang Random Ayatnya di blog saya yaa...
. Bagus euy fitur widgetnya, salah satu jalan dakwah dengan menampilkan random ayat di blog.
Jazakallah,
izzudin hanafie
Assalamualaikum Mas
saya mau nanya......kalau tuk hadis Online sudah ada tidak.....karena dulu2 islamdotnet.com sudah nyedian. Cuma sekarang servernya lagi error..untung ada script lain dari Mas.....
syukron.
wassalam
ahmad
http://achfan.multiply.com
http://ocehankoe.blogspot.com
Aryo: Sayang sekali. aku belum punya data untuk hadits. Jika ada yang memiliki, mohon info untuk berbagi
Assalamu'alaikum mas aryo
terima kasih atas scriptnya, sy sdh masukin di blog sy, kpn2 boleh kunjungi blog sy mas
http://alkisahonline.blogspot.com
Saya tertarik dgn Randaom ayat,
saya punya usul juga niih...
selain ditampilkan secara random, bagaimana kalau ada pilihan lagi ditampilkan secara urut dari ayat pertama sampai seterusnya..
demikian usul saya, terima kasih
Aryo:
hmm, usul yang bagus. dipertimbangkan.
Kalo boleh saya minta databasenya Ayat-ayat, bisa nggak ? ...
Terima kasih atas kesediaannya
Aryo:
sudah dikirim
Kang suwun script nya sangat berfaedah untuk dakwah tapi tak pasang nang blog ku kok gak bisa auto refresh yooo what happen?
Aryo:
ono sing kurang mungkin? situse ngendi?
mantap sam.. tak cuplik yo...
suwon banget
http://hmcahyo.wordpress.com
Aryo:
monggo...
pak boz.. nuwun sewu njih, kulo nunut pasang 'script' ipun panjenengan wonten wap kulo. mugi-mugi dados amal kesaenan panjenengan... lha 'script' kalender hijriyah ipun pundi pak boz.?
Makasih banget mas...
Mas, makasih sebelumnya, aku pake script Ramdom ayat di blogku.

saya masih newbie, mohon ijin untuk unduh, dan bagaimana pasang shoutbox njenengan di wordpress.
Suwon mas codenya saya copy, saya pasang di blog..thks
Aryo:
sama-sama
mas, kalo mo ngaktifin refresh otomatis giamana? soale di websiteku kok gak bisa refresh sendiri dalam beberapa detik??
Aryo:
Hmm... coba buang tag ul di samping kiri kanannya
Makasih lek...
Aryo:
Sami-sami
mas, kayaknya tetep, bahkan gak tak kasi apa-apa juga gak mau refresh. ni contoknya :

http://tommybudiawan.com/wp-content/uploads/ayat.html
Aryo:
Wah iya, nampaknya errornya tidak seperti dugaan. Hmm... ternyata masalah XSS. Belum dicari nih solusinya.
Mas qulo tertarik pisan karo random ayat niki.
saiki aku arep pitakon..?? nang opo ora diisi maning khasiat ayat-ayate..?? kayane luih bagus lamun disertaaken. Monggo matur kesuwun sanget Mas?? Ass. Wr. Wb.
Aryo:
Khasiat ayat ya sebagai pegangan kaum Muslimin dan Muslimat
Emang mau dipake apa lagi?
mas, random ayat-nya ngadat ya? kok di webku gak loading-loading? jadi webku ikut jadi lama loadingnya! hiks..
mas...
cara pasang random ayat di bloger gmn ya? ditempatkan dimana ya html nya... ? masih awam nih.. bantu yaa... step by step ya... katro ya hari gini baru tau blog...
Assalamu 'alaikum wrwb.
. Kalau bisa minta databasenya.
makasih banyak versi imagenya, akhirnya bisa pk di multiply
Assalamu 'alaikum wrwb.
. Bisa minta databasenya?
Terima kasih versi imagenya, akhirnya bisa juga pasang di multiply
Jazakallah khayr, saya akan masukkan nanti, sangat bermanfaat
salam..
saya pasang juga ya widget "random ayat" d blog ku
syukron dah berbagi
jazakumullah khair
Terima kasih mas atas versi image-nya, semoga bermanfaat buat saya...
wuih bisa bikin orang insyaf ya, gw dah coba tp kenapa ga bisa auto refresh ya
gw pk script yang..
Aryo: Untuk autorefresh ternyata dianggap XSS oleh browser, sehingga tidak berjalan
thank's, saya juga sdah pasang link ayatnya,insya ALLAH bermanfaat...kalau untuk hadits ada gak ya?
Aryo:
sayang sekali saya belum punya database hadits
wah keren nih...ijin juga make ah...
Aryo:
silaken silaken
mantap,Anda akan selalu dapat pengawalan dari secret agent Tuhan
Mohon ijin untuk memasang di blog saya
thx
mas ayro..
saya pake wordpress...
apa bisa pake random ayat juga...
saya sudah pasang di blog saya...
tapi supaya berubah sendiri selama 10 detik...
bagaimana...
terimakasih...
Aryo:
kalo wordpress hanya bisa menggunakan yang versi image. sedangkan untuk auto-refresh hanya bisa di versi teks.
pak,
saya kutips yach...
trima kasih...
repres otomatis wes jalan mas, suwun yo!!

Bro.. Jangan Sampe ilang ya gw tempel di website temen gw...
ILU..... SMASA
Thank's Mas...
Saya mau tobat melalui blog yang sering saya up-date. kita coba hal yang satu ini ya, makasih
Nderek ngangge nggih mas....
Jazakallah khairan..
Aryo:
sami-sami pak.
mas aku ikut pakai ya..... terima kasih
boleh dong kasih saran di blogku, biar tampilannya oke...
boleh aku tautkan dari blogku nggak mas....???
Aryo:
silakan pak
Mas saya kok ga bisa kirim komenta tadi? padahal saya udah panjang lebar tulisnya...
http://ahmedridho.co.cc
Assalamualaikum...
wah terimakasih kang, sangat bermanfaar sekali Qur'an Online nya,,,
ane minta ijin buat tak pasang di blog ane yah
Assalamualaikum...
wah terimakasih kang, sangat bermanfaar sekali Qur'an Online nya,,,
ane minta ijin buat tak pasang di blog ane yah
mas aryo, bagus banget random ayatnya.
Kalo boleh usul, bagaimana kalo untuk ayat-ayat yang pendek tidak ditampilkan 1 ayat aja. Tapi ayat2 sebelum ato selanjutnya juga ditampilkan, jadi pembaca tahu maksudnya.
Contoh: buah zaitun dan kurma (QS. Abasa:29). apa tuh maksudnya? Ada apa dengan zaitun dan kurma? Dimakan, dijual ato bagaimana?
Itu aja masukannya, semoga bermanfaat.
Maju terus mas aryo...
Aryo:
Makasih masukannya. Kalau diambil ayat berikutnya juga belum tentu jelas. Saat ini saya coba filter hanya menampilkan ayat yang panjang saja, sampai ketemu solusi yang lebih bagus
Makasih banyak mas, atas fitur yang sangat mencerahkan ini...kalau ada waktu mohon maen-maen ke blog saya :
http://wartawangoblog.wordpress.com
Terima kasih, wassalam