« Programmer Cacat Yang Inspiratif | Depan | Ditawari Nikah »

Random Ayat


*** Update: 10 Juli 2008: Autorefresh sudah berfungsi kembali.
*** 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

GuM pada February 19, 2008 8:37 PM menulis:

mantap...
tak sedot ya

Aryo: awas ponine katut kesedot

idiluam pada February 20, 2008 9:43 AM menulis:

Timer-nya kecepatan yg di webmu, belum sempat memahami maksud ayatnya udah ganti duluan

Aryo: Hehehe, iku maune contoh, lha keterusan. Wes tak perlambat

sluman slumun slamet pada February 20, 2008 11:16 AM menulis:

hebat....
belum tobat nih, belom minat masang, user ajah dulu...

Aryo: Pasanglah dulu, barulah nanti akan tobat...

*pitutur mode on*


idiluam pada February 20, 2008 1:11 PM menulis:

ayat-ayat Al-Quran wes mare, tinggal Al-Hadist

Aryo: durung nduwe datane

rlyna pada February 20, 2008 3:37 PM menulis:

uda saia pasang pak, makasiyy ^^

Aryo: bagus, bagus *tepuk-tepuk lina*

bemuslim pada February 20, 2008 5:11 PM menulis:

Assalamu'alaikum wr.wb.
Trimaksih random ayat yang versi image.

Wass.wr.wb

Dichi Al Faridi pada February 21, 2008 12:08 AM menulis:

Semoga bermanfaat dunia dan akhirat

Jauhari pada February 21, 2008 9:30 AM menulis:

Oke deh tak coba pasang.. ini support di STYLE make CSS ndak? kalau belum ada featured ini, segera tambahkan

Aryo Sanjaya pada February 21, 2008 9:36 AM menulis:

@beMuslim & Dichi: Aamiin

@Jauhari: itu outputnya murni text plain. Jadi kalo mau apply style, ya containernya (parentnya) aja yang disetting stylenya

didats pada February 21, 2008 6:16 PM menulis:

cak, sampeyan jago bener sih php-nya...

Aryo:
sampeyan juga jado desain-nya. lalu mana sumbangan desainnya?


anna pada February 21, 2008 10:17 PM menulis:

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.


anna pada February 22, 2008 12:29 PM menulis:

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


Bayi00 pada February 24, 2008 12:34 PM menulis:

cek ON http://bayi00.blogdetik.com

Aryo:
terlalu lebar tuh
itu c-nya dikurangi aja.


Erwin Kurnia pada February 25, 2008 9:35 PM menulis:

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


anna pada February 26, 2008 12:53 PM menulis:

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


yokr pada February 27, 2008 5:25 PM menulis:

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.


LieZMaya pada February 27, 2008 10:52 PM menulis:

Alhamdulillah makasih banyak mas, Jazakumullah khairan katsiran
sangat bermanfaat sekali.

Aryo:
Iya may, makasih.


nifanda pada March 4, 2008 10:09 AM menulis:

mas klo nampilkan random ayat di multiply gimana nihh??kan javascrptnya gak bisa maksih sebelumnya!! dan yang smile bisa juga kah di multiply

amicol pada March 6, 2008 1:42 AM menulis:

mas, kulo nunut ambil random ayatnya nggih. salam dari malang puncak.

Aryo:
Sumonggo

rahied pada March 11, 2008 1:41 PM menulis:

makasih ya...scripnya membantu untuk ingetin saya...saya tunggu untuk hadistnya...

sastrowi pada March 11, 2008 3:38 PM menulis:

dh,

matursembah nuwun, kulo ngunduh ngih.

pamit.

dajal007 pada March 17, 2008 12:47 AM menulis:

saya culik scriptnya ya kang

aditya pada March 20, 2008 9:48 PM menulis:

semoga allah memberikan lebih dari apa yang saya terima manfaatnya

izzudin pada March 22, 2008 9:03 AM menulis:

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

ahmad pada March 24, 2008 6:01 AM menulis:

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

alkisahonline pada March 27, 2008 7:42 AM menulis:

Assalamu'alaikum mas aryo
terima kasih atas scriptnya, sy sdh masukin di blog sy, kpn2 boleh kunjungi blog sy mas
http://alkisahonline.blogspot.com

Bodrex pada April 8, 2008 1:54 PM menulis:

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.


Bodrex pada April 8, 2008 5:03 PM menulis:

Kalo boleh saya minta databasenya Ayat-ayat, bisa nggak ? ...

Terima kasih atas kesediaannya

Aryo:
sudah dikirim


Anndee pada April 15, 2008 10:31 AM menulis:

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?


hmcahyo pada April 17, 2008 8:43 AM menulis:

mantap sam.. tak cuplik yo...

suwon banget


http://hmcahyo.wordpress.com

Aryo:
monggo...


krezno pada April 21, 2008 3:22 AM menulis:

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.?

The Cosmo pada April 22, 2008 10:35 AM menulis:

Makasih banget mas...

yurie pada April 25, 2008 12:01 AM menulis:

Mas, makasih sebelumnya, aku pake script Ramdom ayat di blogku.

aspri pada May 5, 2008 11:50 AM menulis:

saya masih newbie, mohon ijin untuk unduh, dan bagaimana pasang shoutbox njenengan di wordpress.

TheGoeh pada May 11, 2008 9:17 PM menulis:

Suwon mas codenya saya copy, saya pasang di blog..thks

Aryo:
sama-sama

yurie pada May 20, 2008 4:59 AM menulis:

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


sujianto pada May 20, 2008 10:13 AM menulis:

Makasih lek...

Aryo:
Sami-sami


yurie pada May 21, 2008 3:56 PM menulis:

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.


Bendoet pada May 22, 2008 12:23 PM menulis:

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?


yurie pada May 24, 2008 8:29 PM menulis:

mas, random ayat-nya ngadat ya? kok di webku gak loading-loading? jadi webku ikut jadi lama loadingnya! hiks..

bima pada May 26, 2008 10:37 AM menulis:

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...

lsyafie pada June 3, 2008 10:15 AM menulis:

Assalamu 'alaikum wrwb.
makasih banyak versi imagenya, akhirnya bisa pk di multiply . Kalau bisa minta databasenya.

lsyafie pada June 3, 2008 10:20 AM menulis:

Assalamu 'alaikum wrwb.
Terima kasih versi imagenya, akhirnya bisa juga pasang di multiply . Bisa minta databasenya?

Tarbiyah pada June 5, 2008 12:13 AM menulis:

Jazakallah khayr, saya akan masukkan nanti, sangat bermanfaat

oyha pada June 6, 2008 11:40 AM menulis:

salam..
saya pasang juga ya widget "random ayat" d blog ku
syukron dah berbagi
jazakumullah khair

Duddy pada June 23, 2008 2:49 PM menulis:

Terima kasih mas atas versi image-nya, semoga bermanfaat buat saya...

Rangga Kusumah pada June 24, 2008 3:23 PM menulis:

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

koko pada June 25, 2008 9:48 PM menulis:

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


cempluk pada June 26, 2008 3:16 PM menulis:

wah keren nih...ijin juga make ah...

Aryo:
silaken silaken


bintang pada June 27, 2008 2:45 PM menulis:

mantap,Anda akan selalu dapat pengawalan dari secret agent Tuhan

bisot pada July 2, 2008 12:55 PM menulis:

Mohon ijin untuk memasang di blog saya

thx

Arya pada July 9, 2008 3:08 AM menulis:

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.


niez pada July 16, 2008 5:10 PM menulis:

pak,
saya kutips yach...
trima kasih...

yurie pada July 20, 2008 6:11 PM menulis:

repres otomatis wes jalan mas, suwun yo!!

Rangga pada July 31, 2008 8:53 PM menulis:

Bro.. Jangan Sampe ilang ya gw tempel di website temen gw...

FERDI pada August 1, 2008 6:06 PM menulis:

ILU..... SMASA

Gusdi pada August 4, 2008 11:34 PM menulis:

Thank's Mas...

dedixcom pada August 9, 2008 3:39 PM menulis:

Saya mau tobat melalui blog yang sering saya up-date. kita coba hal yang satu ini ya, makasih

wong tjepoe pada August 13, 2008 1:48 PM menulis:

Nderek ngangge nggih mas....
Jazakallah khairan..

Aryo:
sami-sami pak.


bapakethufail pada August 13, 2008 5:49 PM menulis:

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


♥ Ahmed Ridho ♥ pada August 15, 2008 5:02 PM menulis:

Mas saya kok ga bisa kirim komenta tadi? padahal saya udah panjang lebar tulisnya...

http://ahmedridho.co.cc

makarim pada August 15, 2008 8:17 PM menulis:

Assalamualaikum...
wah terimakasih kang, sangat bermanfaar sekali Qur'an Online nya,,,
ane minta ijin buat tak pasang di blog ane yah

makarim pada August 15, 2008 8:18 PM menulis:

Assalamualaikum...
wah terimakasih kang, sangat bermanfaar sekali Qur'an Online nya,,,
ane minta ijin buat tak pasang di blog ane yah

musafir pada August 19, 2008 10:18 AM menulis:

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


Yunus pada August 20, 2008 5:10 PM menulis:

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

Isi Komentar



  Isi Smiley


Random Ayat

Pencarian

Komentar Terbaru

August 2008

Mg Sn Sl Rb Km Jm Sb
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

Kategori

Arsip

Technorati

Hitung Pasaran

Masukkan Tanggal:
(maaf sementara baru bisa format YYYY-mm-dd
misal: 2007-10-20)

Tinggalkan Pesan

Plurk

Kisah Mahesa Jenar

Kisah dari Tanah Jawa, tentang perjalanan diri Mahesa Jenar.
Download:
Naga Sasra & Sabuk Inten
atau di sini:
download dari SaveFile.com
Theme by: Magic Paper

Sindikasi