-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1185 lines (1117 loc) · 94.8 KB
/
index.html
File metadata and controls
1185 lines (1117 loc) · 94.8 KB
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="id" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dzikir Pagi & Petang Sesuai Sunnah</title>
<meta name="title" content="Dzikir Pagi & Petang Lengkap Sesuai Sunnah - Aplikasi Web">
<meta name="description"
content="Aplikasi dzikir pagi dan petang digital praktis sesuai sunnah. Lengkap dengan teks Arab, terjemahan, dan dalil shahih. Gratis, ringan, dan mudah digunakan setiap hari.">
<meta name="keywords" content="dzikir pagi petang, dzikir pagi sesuai sunnah, aplikasi dzikir, dzikir petang">
<meta name="robots" content="index, follow">
<meta name="language" content="Indonesian">
<meta property="og:type" content="website">
<meta property="og:url" content="https://fahmimbps.github.io/dzikir/">
<meta property="og:title" content="Dzikir Pagi & Petang Lengkap Sesuai Sunnah">
<meta property="og:description"
content="Amalkan dzikir pagi dan petang dengan mudah melalui aplikasi web yang ringan dan responsif.">
<meta property="og:image" content="https://fahmimbps.github.io/dzikir/icon-192.png">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://fahmimbps.github.io/dzikir/">
<meta property="twitter:title" content="Dzikir Pagi & Petang Lengkap Sesuai Sunnah">
<meta property="twitter:description"
content="Amalkan dzikir pagi dan petang dengan mudah melalui aplikasi web yang ringan dan responsif.">
<meta property="twitter:image" content="https://fahmimbps.github.io/dzikir/icon-192.png">
<link rel="canonical" href="https://fahmimbps.github.io/dzikir/" />
<link href="./output.css" rel="stylesheet">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#3b82f6">
<link rel="icon" type="image/png" href="./icon-192.png">
<link rel="apple-touch-icon" href="icon-192.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link
href="https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;600;700&display=swap"
rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
}
.font-arab {
font-family: 'Amiri', serif;
line-height: 2;
}
/* Hide scrollbar for cleaner look if needed */
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
</style>
</head>
<body class="bg-gray-50 text-gray-800">
<header class="fixed top-0 left-0 right-0 z-40 bg-blue-100 shadow-sm transition-all duration-300" id="main-header">
<div class="max-w-md mx-auto px-4 h-16 flex items-center justify-between">
<h1 id="page-title" class="text-lg font-bold text-slate-700">Dzikir Pagi</h1>
<button id="menu-btn" class="text-slate-700 text-2xl focus:outline-none">
<i class="fas fa-bars"></i>
</button>
</div>
<div class="w-full bg-blue-200 h-1.5">
<div id="progress-bar" class="bg-blue-600 h-1.5 width-0 transition-all duration-100" style="width: 0%">
</div>
</div>
</header>
<div id="mobile-menu" class="hidden fixed inset-0 z-50">
<div class="absolute inset-0 bg-black/20" id="menu-backdrop"></div>
<div
class="absolute top-16 right-4 bg-white rounded-lg shadow-xl w-64 overflow-hidden border border-gray-100 animate-fade-in-down">
<nav class="flex flex-col">
<button id="btn-pagi" onclick="switchPage('pagi')"
class="menu-btn text-left px-4 py-3 border-b border-gray-100 text-sm w-full font-bold bg-blue-50 border-l-4 border-blue-500 text-blue-700 transition-colors duration-200">
Dzikir Pagi
</button>
<button id="btn-petang" onclick="switchPage('petang')"
class="menu-btn text-left px-4 py-3 hover:bg-gray-50 border-b border-gray-100 font-medium text-slate-700 text-sm w-full border-l-4 border-transparent transition-colors duration-200">
Dzikir Petang
</button>
<button id="btn-solat" onclick="switchPage('solat')"
class="menu-btn text-left px-4 py-3 hover:bg-gray-50 border-b border-gray-100 font-medium text-slate-700 text-sm w-full border-l-4 border-transparent transition-colors duration-200">
Dzikir Sesudah Solat
</button>
<button id="btn-tentang" onclick="switchPage('tentang')"
class="menu-btn text-left px-4 py-3 hover:bg-gray-50 font-medium text-slate-700 text-sm w-full border-l-4 border-transparent transition-colors duration-200">
Tentang Aplikasi
</button>
</nav>
</div>
</div>
<main class="max-w-md mx-auto pt-24 pb-10 px-4 min-h-screen">
<section id="pagi" class="content-section">
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
أَعُوْذُ بِاللهِ مِنَ الشَّيْطَانِ الرَّجِيْمِ </p>
<p class="text-sm text-slate-600 leading-relaxed">
“Aku berlindung kepada Allah dari godaan syaitan yang terkutuk.”
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُ لَآ إِلٰهَ إِلَّا هُوَ الْحَيُّ الْقَيُّومُ ۚ لَا تَأْخُذُهُۥ سِنَةٌ وَلَا نَوْمٌ ۚ لَّهُۥ
مَا فِي السَّمٰوٰتِ وَمَا فِي الْأَرْضِ ۗ مَن ذَا الَّذِي يَشْفَعُ عِندَهُۥٓ إِلَّا بِإِذْنِهِۦ ۚ
يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ ۖ وَلَا يُحِيطُونَ بِشَيْءٍ مِّنْ عِلْمِهِۦٓ إِلَّا
بِمَاشَآءَ ۚ وَسِعَ كُرْسِيُّهُ ٱلسَّمَٰوَٰتِ وَالْأَرْضَ ۖ وَلَا يَـُٔودُهُۥ حِفْظُهُمَا ۚ وَهُوَ
الْعَلِيُّ الْعَظِيمُ٢٥٥
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Allah, tidak ada Ilah (yang berhak diibadahi dengan benar) melainkan Dia Yang Mahahidup, Yang
terus-menerus mengurus (makhluk-Nya); tidak mengantuk dan tidak tidur. Milik-Nya apa yang di langit
dan apa yang di bumi. Tidak ada yang dapat memberi syafa’at di sisi-Nya tanpa izin-Nya. Dia
mengetahui apa yang di hadapan mereka dan di belakang mereka, dan mereka tidak mengetahui sesuatu
pun tentang ilmu-Nya melainkan apa yang dikehendaki-Nya. Kursi-Nya meliputi langit dan bumi. Dan Dia
tidak merasa berat memelihara keduanya, dan Dia Mahatinggi, Mahabesar.” (QS. Al-Baqarah: 255) </p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيمِ
</br>
قُلْ هُوَ اللّٰهُ أَحَدٌ ١ اللّٰهُ الصَّمَدُ ٢ لَمْ يَلِدْوَلَمْ يُولَدْ ٣ وَلَمْ يَكُن لَّهُۥ
كُفُوًا أَحَدٌۢ ٤
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Katakanlah (Muhammad): ‘Dia-lah Allah, Yang Maha Esa. Allah Rabb yang bergantung kepada-Nya segala
urusan. (Allah) tidak beranak dan tidak pula diperanakkan. Dan tidak ada sesuatu pun yang setara
dengan Dia.’” (QS. Al-Ikhlas: 1-4) <b>(Dibaca 3x)</b> <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="1"
data-ref="HR. Abu Dawud (IV/322), at-Tirmidzi (V/567) dan lihat Shahiih at-Tirmidzi (III/182).">[1]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيمِ
</br>
قُلْ أَعُوذُ بِرَبِّ ٱلْفَلَقِ ١ مِن شَرِّ مَا خَلَقَ ٢ وَمِن شَرِّ غَاسِقٍ إِذَا وَقَبَ ٣ وَمِن
شَرِّ ٱلنَّفَّٰثَٰتِ فِى ٱلْعُقَدِ ٤ وَمِن شَرِّ حَاسِدٍ إِذَا حَسَدَ ٥</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Katakanlah: ‘Aku berlindung kepada Rabb Yang Menguasai shubuh, dari kejahatan makhluk-Nya, dan dari
kejahatan malam apabila telah gelap gulita, dan dari kejahatan (wanita-wanita) tukang sihir yang
meniup pada buhul-buhul (talinya), dan dari kejahatan orang dengki bila ia dengki.’” (QS. Al-Falaq:
1-5) <b>(Dibaca 3x)</b> <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="2"
data-ref="HR. Abu Dawud (IV/322), at-Tirmidzi (V/567) dan lihat Shahiih at-Tirmidzi (III/182).">[2]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيمِ
</br>
قُلْ أَعُوذُ بِرَبِّ ٱلنَّاسِ ١ مَلِكِ ٱلنَّاسِ ٢ إِلَٰهِ ٱلنَّاسِ ٣ مِن شَرِّ ٱلْوَسْوَاسِ
ٱلْخَنَّاسِ ٤ ٱلَّذِى يُوَسْوِسُ فِى صُدُورِ ٱلنَّاسِ ٥ مِنَ ٱلْجِنَّةِ وَٱلنَّاسِ ٦</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Katakanlah: ‘Aku berlindung kepada Rabb manusia. Raja manusia. Sembahan manusia. Dari kejahatan
(bisikan) syaitan yang bersembunyi, yang membisikkan (kejahatan) ke dalam dada manusia, dari
(golongan) jin dan manusia.’” (QS. An-Naas: 1-6) <b>(Dibaca 3x)</b> <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="2"
data-ref="HR. Abu Dawud (IV/322), at-Tirmidzi (V/567) dan lihat Shahiih at-Tirmidzi (III/182).">[2]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
أَصْبَحْنَا وَأَصْبَحَ الْمُلْكُ لِلَّهِ، وَالْحَمْدُ لِلَّهِ، لَا إِلٰهَ إِلَّا اللّٰهُ وَحْدَهُلَا
شَرِيْكَ لَهُ، لَهُ الْمُلْكُ وَلَهُ الْحَمْدُ وَهُوَ عَلَىٰ كُلِّ شَيْءٍ قَدِيْرٌ. رَبِّ أَسْأَلُكَ
خَيْرَ مَا فِيْ هٰذَا الْيَوْمِ وَخَيْرَ مَا بَعْدَهُ، وَأَعُوْذُ بِكَ مِنْ شَرِّ مَا فِيْ هٰذَا
الْيَوْمِ وَشَرِّ مَا بَعْدَهُ، رَبِّ أَعُوْذُ بِكَ مِنَ الْكَسَلِ وَسُوۤءِ الْكِبَرِ، رَبِّ
أَعُوْذُ بِكَ مِنْ عَذَابٍ فِي النَّارِ وَعَذَابٍ فِي الْقَبْرِ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Kami telah memasuki waktu pagi dan kerajaan hanya milik Allah, segala puji bagi Allah. Tidak ada
Ilah yang berhak diibadahi dengan benar selain Allah semata, tidak ada sekutu bagi-Nya. Bagi-Nya
kerajaan dan bagi-Nya pujian. Dia-lah Yang Mahakuasa atas segala sesuatu. Ya Rabb-ku, aku mohon
kepada-Mu kebaikan di hari ini dan kebaikan sesudahnya. Dan Aku berlindung kepada-Mu dari kejahatan
hari ini dan kejahatan sesudahnya. Ya Rabb-ku, aku berlindung kepada-Mu dari kemalasan dan kejelekan
di hari tua. Rabb-ku, aku berlindung kepada-Mu dari siksaan di Neraka dan siksaan di kubur.” <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="3"
data-ref="HR. Muslim (IV/2088).">[3]</span></p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ بِكَ أَصْبَحْنَا، وَبِكَ أَمْسَيْنَا، وَبِكَ نَحْيَا، وَبِكَ نَمُوتُ وَإِلَيْكَ
النُّشُورُ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, dengan rahmat dan pertolongan-Mu kami memasuki waktu pagi, dan dengan rahmat dan
pertolongan-Mu kami memasuki waktu sore. Dengan rahmat dan pertolongan-Mu kami hidup dan dengan
kehendak-Mu kami mati. Dan kepada-Mu kebangkitan (bagi semua makhluk).” <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="4"
data-ref="HR. At-Tirmidzi (V/466), lihat juga Shahiih at-Tirmidzi (III/142).">[4]</span></p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ أَنْتَ رَبِّيْ لَا إِلٰهَ إِلَّا أَنْتَ، خَلَقْتَنِيْ وَأَنَا عَبْدُكَ، وَأَنَا عَلَىٰ
عَهْدِكَ وَوَعْدِكَ مَا اسْتَطَعْتُ، أَعُوْذُ بِكَ مِنْ شَرِّ مَا صَنَعْتُ، أَبُوْءُ لَكَ
بِنِعْمَتِكَ عَلَيَّ، وَأَبُوْءُ بِذَنْبِيْ فَاغْفِرْ لِيْ فَإِنَّهُ لَا يَغْفِرُ الذُّنُوْبَ إِلَّا
أَنْتَ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, Engkau adalah Rabb-ku, tidak ada Ilah yang berhak diibadahi dengan benar selain Engkau,
Engkau-lah yang menciptakan aku. Aku adalah hamba-Mu. Aku akan setia pada perjanjianku dengan-Mu
semampuku. Aku berlindung kepada-Mu dari kejelekan yang kuperbuat. Aku mengakui nikmat-Mu kepadaku
dan aku mengakui dosaku, oleh karena itu, ampunilah aku. Sesungguhnya tidak ada yang dapat
mengampuni dosa kecuali Engkau.” <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="5"
data-ref="HR. Al-Bukhari (VII/150).">[5]</span></p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ إِنِّيْ أَصْبَحْتُ أُشْهِدُكَ وَأُشْهِدُ حَمَلَةَ عَرْشِكَ، وَمَلَائِكَتَكَ وَجَمِيْعَ
خَلْقِكَ، أَنَّكَ أَنْتَ اللّٰهُ لَا إِلٰهَ إِلَّا أَنْتَ وَحْدَكَ لَا شَرِيْكَ لَكَ، وَأَنَّ
مُحَمَّدًا عَبْدُكَ وَرَسُوْلُكَ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, sesungguhnya aku di waktu pagi ini mempersaksikan Engkau, Malaikat yang memikul ‘Arsy-Mu,
Malaikat-Malaikat dan seluruh makhluk-Mu, bahwa sesungguhnya Engkau adalah Allah, tidak ada Ilah
yang berhak diibadahi dengan benar selain Engkau semata, tidak ada sekutu bagi-Mu dan sesungguhnya
Muhammad adalah hamba dan utusan-Mu.” <b>(Dibaca 4x)</b> <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="6"
data-ref="HR. Abu Dawud (IV/317), al-Bukhari dalam Adabul Mufrad (no. 1201), an-Nasa-i dalam kitab 'Amalul Yaum wal Lailah (no. 9, halaman 138), Ibnus Sunni (no. 70). Syaikh 'Abdul 'Aziz bin 'Abdullah bin Baaz menyatakan bahwa sanad hadits Abu Dawud dan an-Nasa-i adalah hasan. Lihat juga Tuhfatul Akhyaar (halaman 23).">[6]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ مَا أَصْبَحَ بِيْ مِنْ نِعْمَةٍ أَوْ بِأَحَدٍ مِّنْ خَلْقِكَ فَمِنْكَ وَحْدَكَ لَا
شَرِيْكَ لَكَ، فَلَكَ الْحَمْدُ وَلَكَ الشُّكْرُ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, nikmat yang kuterima atau diterima oleh seseorang di antara makhluk-Mu di pagi ini adalah
dari-Mu semata, tidak ada sekutu bagi-Mu. Bagi-Mu segala puji dan kepada-Mu dipanjatkan (ungkapan)
syukur.” <span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline"
data-id="7"
data-ref="HR. Abu Dawud (IV/318), an-Nasa-i dalam kitab 'Amalul Yaum wal Lailah (no. 7, halaman 137), Ibnus Sunni (no. 41, halaman 23), Ibnu Hibban (Mawaarid, no. 2361). Syaikh 'Abdul 'Aziz bin Baaz menyatakan bahwa sanad hadits tersebut hasan, lihat Tuhfatul Akhyaar (halaman 24).">[7]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ عَافِنِيْ فِيْ بَدَنِيْ، اللّٰهُمَّ عَافِنِيْ فِيْ سَمْعِيْ، اللّٰهُمَّ عَافِنِيْ فِيْ
بَصَرِيْ، لَا إِلٰهَ إِلَّا أَنْتَ. اللّٰهُمَّ إِنِّيْ أَعُوْذُ بِكَ مِنَ الْكُفْرِ وَالْفَقْرِ،
وَأَعُوْذُ بِكَ مِنْ عَذَابِ الْقَبْرِ، لَا إِلٰهَ إِلَّا أَنْتَ. </p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, selamatkan tubuhku (dari penyakit dan yang tidak aku inginkan). Ya Allah, selamatkan
pendengaranku (dari penyakit dan maksiat atau sesuatu yang tidak aku inginkan). Ya Allah, selamatkan
penglihatanku. Tidak ada Ilah yang berhak diibadahi dengan benar selain Engkau. Ya Allah,
sesungguhnya aku berlindung kepada-Mu dari kekufuran dan kefakiran. Aku berlindung kepada-Mu dari
siksa kubur. Tidak ada Ilah yang berhak diibadahi dengan benar selain Engkau.” <b>(Dibaca 3x)</b>
<span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="8"
data-ref="HR. Abu Dawud (IV/324), Ahmad (V/42), an-Nasa-i dalam 'Amalul Yaum wal Lailah (no. 22, halaman 146), Ibnus Sunni (no. 69), dan al-Bukhari dalam al-Adabul Mufrad. Syaikh 'Abdul 'Aziz bin Baaz menyatakan sanad hadits tersebut hasan. Lihat juga Tuhfatul Akhyaar (halaman 26).">[8]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
حَسْبِيَ اللّٰهُ لَا إِلٰهَ إِلَّا هُوَ ۖ عَلَيْهِ تَوَكَّلْتُ وَهُوَ رَبُّ الْعَرْشِ الْعَظِيْمِ
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Allah-lah yang mencukupi (segala kebutuhanku), Tidak ada Ilah yang berhak diibadahi dengan benar
selain Dia, kepada-Nya aku bertawakkal. Dia-lah Rabb (yang menguasai) ‘Arsy yang agung.” <b>(Dibaca
7x)</b><span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline"
data-id="8"
data-ref="HR. Ibnus Sunni dalam kitab 'Amalul Yaum wal Lailah (no. 71), Abu Dawud (IV/321). Syu'aib dan Abdul Qadir al-Arnauth berpendapat, “Isnad hadits tersebut shahih.” Lihat Zaadul Ma'aad (II/376).">[9]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ إِنِّيْ أَسْأَلُكَ الْعَفْوَ وَالْعَافِيَةَ فِي الدُّنْيَا وَالْآخِرَةِ، اللّٰهُمَّ
إِنِّيْ أَسْأَلُكَ الْعَفْوَ وَالْعَافِيَةَ فِيْ دِيْنِيْ وَدُنْيَايَ وَأَهْلِيْ وَمَالِيْ،
اللّٰهُمَّ اسْتُرْ عَوْرَاتِيْ وَآمِنْ رَوْعَاتِيْ، اللّٰهُمَّ احْفَظْنِيْ مِنْ بَيْنِ يَدَيَّ،
وَمِنْ خَلْفِيْ، وَعَنْ يَمِيْنِيْ، وَعَنْشِمَالِيْ، وَمِنْ فَوْقِيْ، وَأَعُوْذُ بِعَظَمَتِكَ أَنْ
أُغْتَالَ مِنْ تَحْتِيْ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, sesungguhnya aku memohon kebajikan dan keselamatan di dunia dan akhirat. Ya Allah,
sesungguhnya aku memohon kebajikan dan keselamatan dalam agama, dunia, keluarga dan hartaku. Ya
Allah, tutupilah auratku (aib dan sesuatu yang tidak layak dilihat orang) dan tenteramkanlah aku
dari rasa takut. Ya Allah, peliharalah aku dari depan, belakang, kanan, kiri dan atasku. Aku
berlindung dengan kebesaran-Mu, agar aku tidak disambar dari bawahku (oleh ular atau bumi pecah yang
membuat aku jatuh dan lain-lain).”<span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="8"
data-ref="HR. Abu Dawud dan Ibnu Majah. Lihat Shahiih Ibni Majah (II/332).">[10]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ عَالِمَ الْغَيْبِ وَالشَّهَادَةِ،فَاطِرَ السَّمَاوَاتِ وَالْأَرْضِ، رَبَّ كُلِّ شَيْءٍ
وَمَلِيْكَهُ، أَشْهَدُ أَنْ لَا إِلٰهَ إِلَّا
أَنْتَ، أَعُوْذُ بِكَ مِنْ شَرِّ نَفْسِيْ، وَمِنْ شَرِّ الشَّيْطَانِ وَشِرْكِهِ، وَأَنْ أَقْتَرِفَ
عَلَىٰ نَفْسِيْ سُوۤءًا أَوْ أَجُرَّهُ إِلَىٰ مُسْلِمٍ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, Yang Maha Mengetahui yang ghaib dan yang nyata, wahai Rabb pencipta langit dan bumi, Rabb
segala sesuatu dan yang merajainya. Aku bersaksi bahwa tidak ada Ilah yang berhak diibadahi dengan
benar selain Engkau. Aku berlindung kepada-Mu dari kejahatan diriku, syaitan dan balatentaranya, dan
aku (berlindung kepada-Mu) dari berbuat kejelekan terhadap diriku atau menyeretnya kepada seorang
muslim.”<span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline"
data-id="8"
data-ref="HR. At-Tirmidzi dan Abu Dawud. Lihat Shahiih at-Tirmidzi (III/142).">[11]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
بِسْمِ اللّٰهِ الَّذِيْ لَا يَضُرُّ مَعَ اسْمِهِ شَيْءٌ فِي الْأَرْضِ وَلَا فِي السَّمَاءِ وَهُوَ
السَّمِيْعُ الْعَلِيْمُ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Dengan nama Allah yang bila disebut, segala sesuatu di bumi dan langit tidak akan berbahaya,
Dia-lah Yang Maha Mendengar, Maha Mengetahui.” <b>(Dibaca 3x)</b><span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="8"
data-ref="HR. Abu Dawud dan at-Tirmidzi. Lihat Shahiih Ibni Majah (II/332).">[12]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
رَضِيْتُ بِاللّٰهِ رَبًّا، وَبِالْإِسْلَامِ دِيْنًا، وَبِمُحَمَّدٍ صَلَّى اللّٰهُ عَلَيْهِ وَسَلَّمَ
نَبِيًّا.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Aku rela Allah sebagai Rabb, Islam sebagai agama, dan Muhammad ﷺ sebagai Nabi (yang diutus oleh
Allah).” <b>(Dibaca 3x)</b><span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="8"
data-ref="HR. Ahmad (IV/337), an-Nasa-i dalam 'Amalul Yaum wal Lailah (no. 4), Ibnu Sunni (no. 68), Abu Dawud (IV/418), dan at-Tirmidzi (V/465). Syaikh Ibnu Baaz berpendapat, 'Hadits tersebut hasan.' dalam Tuhfatul Akhyaar (hal. 39).">[13]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
يَا حَيُّ يَا قَيُّوْمُ بِرَحْمَتِكَ أَسْتَغِيْثُ، أَصْلِحْ لِيْ شَأْنِيْ كُلَّهُ وَلَا تَكِلْنِيْ
إِلَىٰ نَفْسِيْ طَرْفَةَ عَيْنٍ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Wahai Rabb Yang Mahahidup, wahai Rabb Yang Berdiri Sendiri (tidak butuh segala sesuatu), dengan
rahmat-Mu aku mohon pertolongan, perbaikilah segala urusanku dan jangan diserahkan kepadaku
sekalipun sekejap mata (tanpa mendapat pertolongan dari-Mu).”<span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="8"
data-ref="HR. Al-Hakim, menurut pendapatnya, hadits tersebut shahih dan Imam adz-Dzahabi menyetujuinya. Lihat kitabnya (I/545) dan Shahiih Targhib wat Tarhib (I/273).">[14]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
أَصْبَحْنَا وَأَصْبَحَ الْمُلْكُ لِلَّهِ رَبِّ الْعَالَمِيْنَ، اللّٰهُمَّ إِنِّيْ أَسْأَلُكَ خَيْرَ
هٰذَا الْيَوْمِ: فَتْحَهُ، وَنَصْرَهُ، وَنُوْرَهُ، وَبَرَكَتَهُ، وَهُدَاهُ، وَأَعُوْذُ بِكَ مِنْ
شَرِّ مَا فِيْهِ وَشَرِّ مَا بَعْدَهُ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Kami memasuki waktu pagi, sedang kerajaan hanya milik Allah, Rabb seluruh alam. Ya Allah,
sesungguhnya aku memohon kepada-Mu agar memperoleh kebaikan, pembuka (rahmat), pertolongan, cahaya,
berkah, dan petunjuk di hari ini. Aku berlindung kepada-Mu dari kejelekan apa yang ada di dalamnya
dan kejahatan sesudahnya.”<span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="15"
data-ref="HR. Abu Dawud (IV/322), serta Syu'aib dan 'Abdul Qadir al-Arnauth dalam tahqiq Zaadul Ma'aad (II/273).">[15]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
أَصْبَحْنَا عَلَىٰ فِطْرَةِ الْإِسْلَامِوَعَلَىٰ كَلِمَةِ الْإِخْلَاصِ، وَعَلَىٰ دِيْنِ نَبِيِّنَا
مُحَمَّدٍ صَلَّى اللّٰهُ عَلَيْهِ وَسَلَّمَ، وَعَلَىٰ مِلَّةِ أَبِيْنَا إِبْرَاهِيْمَ، حَنِيْفًا
مُسْلِمًا وَمَا كَانَ مِنَ الْمُشْرِكِيْنَ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Di waktu pagi kami memegang agama Islam, kalimat ikhlas, agama Nabi kami Muhammad ﷺ, dan agama ayah
kami Ibrahim, yang berdiri di atas jalan yang lurus, muslim dan tidak tergolong orang-orang
musyrik.”<span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline"
data-id="16"
data-ref="HR. Ahmad (III/406-407), (V/123), lihat juga Shahiihul Jaami' (IV/209), Ibnus Sunni juga meriwayatkannya di 'Amalul Yaum wal Lailah (no. 34).">[16]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
سُبْحَانَ اللّٰهِ وَبِحَمْدِهِ
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Mahasuci Allah, aku memuji-Nya." <b>(Dibaca 100x)</b><span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="16"
data-ref="HR. Muslim (IV/2071).">[17]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
لَا إِلٰهَ إِلَّا اللّٰهُ وَحْدَهُ لَا شَرِيْكَ لَهُ، لَهُ الْمُلْكُ وَلَهُ الْحَمْدُ وَهُوَ عَلَىٰ
كُلِّ شَيْءٍ قَدِيْرٌ. </p>
<p class="text-sm text-slate-600 leading-relaxed">
“Tidak ada Ilah yang berhak diibadahi dengan benar selain Allah semata, tidak ada sekutu bagi-Nya.
Bagi-Nya kerajaan dan segala pujian. Dia-lah yang berkuasa atas segala sesuatu.” (Dibaca 100x).<span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="18"
data-ref="HR. Al-Bukhari (IV/95) dan Muslim (IV/2071).">[18]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
سُبْحَانَ اللّٰهِ وَبِحَمْدِهِ: عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ، وَزِنَةَ عَرْشِهِ وَمِدَادَ
كَلِمَاتِهِ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Mahasuci Allah, aku memuji-Nya sebanyak makhluk-Nya, sejauh kerelaan-Nya, seberat timbangan
'Arsy-Nya, dan sebanyak tinta tulisan kalimat-Nya.” <b>(Dibaca 3x)</b><span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="19"
data-ref="HR. Muslim (IV/2090).">[19]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ إِنِّيْ أَسْأَلُكَ عِلْمًا نَافِعًا، وَرِزْقًا طَيِّبًا، وَعَمَلًا مُتَقَبَّلًا.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, sesungguhnya aku memohon kepada-Mu ilmu yang manfaat, rizki yang baik, dan amal yang
diterima.”<span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline"
data-id="20"
data-ref="HR. Ibnus Sunni, dalam 'Amalul Yaum wal Lailah (no. 54) dan Ibnu Majah (no. 925), isnadnya hasan menurut 'Abdul Qadir dan Syu'aib al-Arnauth dalam tahqiq Zaadul Ma'aad (II/375).">[20]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
أَسْتَغْفِرُ اللّٰهَ وَأَتُوْبُ إِلَيْهِ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Aku memohon ampun kepada Allah dan bertaubat kepada-Nya.” <b>(Dibaca 100x dalam sehari)</b><span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="22"
data-ref="HR. Al-Bukhari dalam Fat-hul Baari (XI/101) dan Muslim (IV/2075).">[22]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ صَلِّ وَسَلِّمْ عَلَىٰ نَبِيِّنَا مُحَمَّدٍ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, limpahkanlah shalawat dan salam kepada Nabi kami Muhammad.” <b>(Dibaca 10x)</b><span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="23"
data-ref="“Barangsiapa bershalawat untukku sepuluh kali pada pagi hari, dan sepuluh kali pada sore hari, maka ia mendapat syafa'atku pada hari Kiamat.” (HR. Ath-Thabrani melalui dua isnad, keduanya baik. Lihat Majma'uz Zawaaid (X/120) dan Shahiih at-Targhiib wat Tarhiib (I/273).">[23]</span>
</p>
</article>
</section>
<section id="petang" class="content-section hidden">
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
أَعُوْذُ بِاللهِ مِنَ الشَّيْطَانِ الرَّجِيْمِ </p>
<p class="text-sm text-slate-600 leading-relaxed">
“Aku berlindung kepada Allah dari godaan syaitan yang terkutuk.”
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُ لَآ إِلٰهَ إِلَّا هُوَ الْحَيُّ الْقَيُّومُ ۚ لَا تَأْخُذُهُۥ سِنَةٌ وَلَا نَوْمٌ ۚ لَّهُۥ
مَا فِي السَّمٰوٰتِ وَمَا فِي الْأَرْضِ ۗ مَن ذَا الَّذِي يَشْفَعُ عِندَهُۥٓ إِلَّا بِإِذْنِهِۦ ۚ
يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ ۖ وَلَا يُحِيطُونَ بِشَيْءٍ مِّنْ عِلْمِهِۦٓ إِلَّا
بِمَاشَآءَ ۚ وَسِعَ كُرْسِيُّهُ ٱلسَّمَٰوَٰتِ وَالْأَرْضَ ۖ وَلَا يَـُٔودُهُۥ حِفْظُهُمَا ۚ وَهُوَ
الْعَلِيُّ الْعَظِيمُ٢٥٥
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Allah, tidak ada Ilah (yang berhak diibadahi dengan benar) melainkan Dia Yang Mahahidup, Yang
terus-menerus mengurus (makhluk-Nya); tidak mengantuk dan tidak tidur. Milik-Nya apa yang di langit
dan apa yang di bumi. Tidak ada yang dapat memberi syafa’at di sisi-Nya tanpa izin-Nya. Dia
mengetahui apa yang di hadapan mereka dan di belakang mereka, dan mereka tidak mengetahui sesuatu
pun tentang ilmu-Nya melainkan apa yang dikehendaki-Nya. Kursi-Nya meliputi langit dan bumi. Dan Dia
tidak merasa berat memelihara keduanya, dan Dia Mahatinggi, Mahabesar.” (QS. Al-Baqarah: 255) </p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيمِ
</br>
قُلْ هُوَ اللّٰهُ أَحَدٌ ١ اللّٰهُ الصَّمَدُ ٢ لَمْ يَلِدْوَلَمْ يُولَدْ ٣ وَلَمْ يَكُن لَّهُۥ
كُفُوًا أَحَدٌۢ ٤
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Katakanlah (Muhammad): ‘Dia-lah Allah, Yang Maha Esa. Allah Rabb yang bergantung kepada-Nya segala
urusan. (Allah) tidak beranak dan tidak pula diperanakkan. Dan tidak ada sesuatu pun yang setara
dengan Dia.’” (QS. Al-Ikhlas: 1-4) <b>(Dibaca 3x)</b> <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="1"
data-ref="HR. Abu Dawud (IV/322), at-Tirmidzi (V/567) dan lihat Shahiih at-Tirmidzi (III/182).">[1]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيمِ
</br>
قُلْ أَعُوذُ بِرَبِّ ٱلْفَلَقِ ١ مِن شَرِّ مَا خَلَقَ ٢ وَمِن شَرِّ غَاسِقٍ إِذَا وَقَبَ ٣ وَمِن
شَرِّ ٱلنَّفَّٰثَٰتِ فِى ٱلْعُقَدِ ٤ وَمِن شَرِّ حَاسِدٍ إِذَا حَسَدَ ٥</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Katakanlah: ‘Aku berlindung kepada Rabb Yang Menguasai shubuh, dari kejahatan makhluk-Nya, dan dari
kejahatan malam apabila telah gelap gulita, dan dari kejahatan (wanita-wanita) tukang sihir yang
meniup pada buhul-buhul (talinya), dan dari kejahatan orang dengki bila ia dengki.’” (QS. Al-Falaq:
1-5) <b>(Dibaca 3x)</b> <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="2"
data-ref="HR. Abu Dawud (IV/322), at-Tirmidzi (V/567) dan lihat Shahiih at-Tirmidzi (III/182).">[2]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيمِ
</br>
قُلْ أَعُوذُ بِرَبِّ ٱلنَّاسِ ١ مَلِكِ ٱلنَّاسِ ٢ إِلَٰهِ ٱلنَّاسِ ٣ مِن شَرِّ ٱلْوَسْوَاسِ
ٱلْخَنَّاسِ ٤ ٱلَّذِى يُوَسْوِسُ فِى صُدُورِ ٱلنَّاسِ ٥ مِنَ ٱلْجِنَّةِ وَٱلنَّاسِ ٦</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Katakanlah: ‘Aku berlindung kepada Rabb manusia. Raja manusia. Sembahan manusia. Dari kejahatan
(bisikan) syaitan yang bersembunyi, yang membisikkan (kejahatan) ke dalam dada manusia, dari
(golongan) jin dan manusia.’” (QS. An-Naas: 1-6) <b>(Dibaca 3x)</b> <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="2"
data-ref="HR. Abu Dawud (IV/322), at-Tirmidzi (V/567) dan lihat Shahiih at-Tirmidzi (III/182).">[2]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
أَمْسَيْنَا وَأَمْسَى الْمُلْكُ لِلَّهِ، وَالْحَمْدُ لِلَّهِ، لَا إِلٰهَ إِلَّا اللّٰهُ وَحْدَهُلَا
شَرِيْكَ لَهُ، لَهُ الْمُلْكُ وَلَهُ الْحَمْدُ وَهُوَ عَلَىٰ كُلِّ شَيْءٍ قَدِيْرٌ. رَبِّ أَسْأَلُكَ
خَيْرَ مَا فِيْ هَذِهِ اللَّيْلَةِ وَخَيْرَ مَا بَعْدَهُ، وَأَعُوْذُ بِكَ مِنْ شَرِّ مَا فِيْ هَذِهِ
اللَّيْلَةِ وَشَرِّ مَا بَعْدَهُ، رَبِّ أَعُوْذُ بِكَ مِنَ الْكَسَلِ وَسُوۤءِ الْكِبَرِ، رَبِّ
أَعُوْذُ بِكَ مِنْ عَذَابٍ فِي النَّارِ وَعَذَابٍ فِي الْقَبْرِ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Kami telah memasuki waktu sore dan kerajaan hanya milik Allah, segala puji bagi Allah. Tidak ada
Ilah yang berhak diibadahi dengan benar selain Allah semata, tidak ada sekutu bagi-Nya. Bagi-Nya
kerajaan dan bagi-Nya pujian. Dia-lah Yang Mahakuasa atas segala sesuatu. Ya Rabb-ku, aku mohon
kepada-Mu kebaikan di malam ini dan kebaikan sesudahnya. Dan Aku berlindung kepada-Mu dari kejahatan
malam ini dan kejahatan sesudahnya. Ya Rabb-ku, aku berlindung kepada-Mu dari kemalasan dan
kejelekan
di hari tua. Rabb-ku, aku berlindung kepada-Mu dari siksaan di Neraka dan siksaan di kubur.” <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="3"
data-ref="HR. Muslim (IV/2088).">[3]</span></p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ بِكَ أَمْسَيْنَا، وَبِكَ أَصْبَحْنَا، وَبِكَ نَحْيَا، وَبِكَ نَمُوتُ وَإِلَيْكَ
الْمَصِيْرُ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, dengan rahmat dan pertolongan-Mu kami memasuki waktu pagi, dan dengan rahmat dan
pertolongan-Mu kami memasuki waktu sore. Dengan rahmat dan pertolongan-Mu kami hidup dan dengan
kehendak-Mu kami mati. Dan kepada-Mu tempat kembali (bagi semua makhluk).” <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="4"
data-ref="HR. At-Tirmidzi (V/466), lihat juga Shahiih at-Tirmidzi (III/142).">[4]</span></p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ أَنْتَ رَبِّيْ لَا إِلٰهَ إِلَّا أَنْتَ، خَلَقْتَنِيْ وَأَنَا عَبْدُكَ، وَأَنَا عَلَىٰ
عَهْدِكَ وَوَعْدِكَ مَا اسْتَطَعْتُ، أَعُوْذُ بِكَ مِنْ شَرِّ مَا صَنَعْتُ، أَبُوْءُ لَكَ
بِنِعْمَتِكَ عَلَيَّ، وَأَبُوْءُ بِذَنْبِيْ فَاغْفِرْ لِيْ فَإِنَّهُ لَا يَغْفِرُ الذُّنُوْبَ إِلَّا
أَنْتَ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, Engkau adalah Rabb-ku, tidak ada Ilah yang berhak diibadahi dengan benar selain Engkau,
Engkau-lah yang menciptakan aku. Aku adalah hamba-Mu. Aku akan setia pada perjanjianku dengan-Mu
semampuku. Aku berlindung kepada-Mu dari kejelekan yang kuperbuat. Aku mengakui nikmat-Mu kepadaku
dan aku mengakui dosaku, oleh karena itu, ampunilah aku. Sesungguhnya tidak ada yang dapat
mengampuni dosa kecuali Engkau.” <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="5"
data-ref="HR. Al-Bukhari (VII/150).">[5]</span></p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ إِنِّيْ أَمْسَيْتُ أُشْهِدُكَ وَأُشْهِدُ حَمَلَةَ عَرْشِكَ، وَمَلَائِكَتَكَ وَجَمِيْعَ
خَلْقِكَ، أَنَّكَ أَنْتَ اللّٰهُ لَا إِلٰهَ إِلَّا أَنْتَ وَحْدَكَ لَا شَرِيْكَ لَكَ، وَأَنَّ
مُحَمَّدًا عَبْدُكَ وَرَسُوْلُكَ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, sesungguhnya aku di waktu sore ini mempersaksikan Engkau, Malaikat yang memikul ‘Arsy-Mu,
Malaikat-Malaikat dan seluruh makhluk-Mu, bahwa sesungguhnya Engkau adalah Allah, tidak ada Ilah
yang berhak diibadahi dengan benar selain Engkau semata, tidak ada sekutu bagi-Mu dan sesungguhnya
Muhammad adalah hamba dan utusan-Mu.” <b>(Dibaca 4x)</b> <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="6"
data-ref="HR. Abu Dawud (IV/317), al-Bukhari dalam Adabul Mufrad (no. 1201), an-Nasa-i dalam kitab 'Amalul Yaum wal Lailah (no. 9, halaman 138), Ibnus Sunni (no. 70). Syaikh 'Abdul 'Aziz bin 'Abdullah bin Baaz menyatakan bahwa sanad hadits Abu Dawud dan an-Nasa-i adalah hasan. Lihat juga Tuhfatul Akhyaar (halaman 23).">[6]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ مَا أَمْسَى بِيْ مِنْ نِعْمَةٍ أَوْ بِأَحَدٍ مِّنْ خَلْقِكَ فَمِنْكَ وَحْدَكَ لَا
شَرِيْكَ لَكَ، فَلَكَ الْحَمْدُ وَلَكَ الشُّكْرُ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, nikmat yang kuterima atau diterima oleh seseorang di antara makhluk-Mu di sore ini adalah
dari-Mu semata, tidak ada sekutu bagi-Mu. Bagi-Mu segala puji dan kepada-Mu dipanjatkan (ungkapan)
syukur.” <span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline"
data-id="7"
data-ref="HR. Abu Dawud (IV/318), an-Nasa-i dalam kitab 'Amalul Yaum wal Lailah (no. 7, halaman 137), Ibnus Sunni (no. 41, halaman 23), Ibnu Hibban (Mawaarid, no. 2361). Syaikh 'Abdul 'Aziz bin Baaz menyatakan bahwa sanad hadits tersebut hasan, lihat Tuhfatul Akhyaar (halaman 24).">[7]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ عَافِنِيْ فِيْ بَدَنِيْ، اللّٰهُمَّ عَافِنِيْ فِيْ سَمْعِيْ، اللّٰهُمَّ عَافِنِيْ فِيْ
بَصَرِيْ، لَا إِلٰهَ إِلَّا أَنْتَ. اللّٰهُمَّ إِنِّيْ أَعُوْذُ بِكَ مِنَ الْكُفْرِ وَالْفَقْرِ،
وَأَعُوْذُ بِكَ مِنْ عَذَابِ الْقَبْرِ، لَا إِلٰهَ إِلَّا أَنْتَ. </p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, selamatkan tubuhku (dari penyakit dan yang tidak aku inginkan). Ya Allah, selamatkan
pendengaranku (dari penyakit dan maksiat atau sesuatu yang tidak aku inginkan). Ya Allah, selamatkan
penglihatanku. Tidak ada Ilah yang berhak diibadahi dengan benar selain Engkau. Ya Allah,
sesungguhnya aku berlindung kepada-Mu dari kekufuran dan kefakiran. Aku berlindung kepada-Mu dari
siksa kubur. Tidak ada Ilah yang berhak diibadahi dengan benar selain Engkau.” <b>(Dibaca 3x)</b>
<span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="8"
data-ref="HR. Abu Dawud (IV/324), Ahmad (V/42), an-Nasa-i dalam 'Amalul Yaum wal Lailah (no. 22, halaman 146), Ibnus Sunni (no. 69), dan al-Bukhari dalam al-Adabul Mufrad. Syaikh 'Abdul 'Aziz bin Baaz menyatakan sanad hadits tersebut hasan. Lihat juga Tuhfatul Akhyaar (halaman 26).">[8]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
حَسْبِيَ اللّٰهُ لَا إِلٰهَ إِلَّا هُوَ ۖ عَلَيْهِ تَوَكَّلْتُ وَهُوَ رَبُّ الْعَرْشِ الْعَظِيْمِ
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Allah-lah yang mencukupi (segala kebutuhanku), Tidak ada Ilah yang berhak diibadahi dengan benar
selain Dia, kepada-Nya aku bertawakkal. Dia-lah Rabb (yang menguasai) ‘Arsy yang agung.” <b>(Dibaca
7x)</b><span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline"
data-id="8"
data-ref="HR. Ibnus Sunni dalam kitab 'Amalul Yaum wal Lailah (no. 71), Abu Dawud (IV/321). Syu'aib dan Abdul Qadir al-Arnauth berpendapat, “Isnad hadits tersebut shahih.” Lihat Zaadul Ma'aad (II/376).">[9]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ إِنِّيْ أَسْأَلُكَ الْعَفْوَ وَالْعَافِيَةَ فِي الدُّنْيَا وَالْآخِرَةِ، اللّٰهُمَّ
إِنِّيْ أَسْأَلُكَ الْعَفْوَ وَالْعَافِيَةَ فِيْ دِيْنِيْ وَدُنْيَايَ وَأَهْلِيْ وَمَالِيْ،
اللّٰهُمَّ اسْتُرْ عَوْرَاتِيْ وَآمِنْ رَوْعَاتِيْ، اللّٰهُمَّ احْفَظْنِيْ مِنْ بَيْنِ يَدَيَّ،
وَمِنْ خَلْفِيْ، وَعَنْ يَمِيْنِيْ، وَعَنْشِمَالِيْ، وَمِنْ فَوْقِيْ، وَأَعُوْذُ بِعَظَمَتِكَ أَنْ
أُغْتَالَ مِنْ تَحْتِيْ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, sesungguhnya aku memohon kebajikan dan keselamatan di dunia dan akhirat. Ya Allah,
sesungguhnya aku memohon kebajikan dan keselamatan dalam agama, dunia, keluarga dan hartaku. Ya
Allah, tutupilah auratku (aib dan sesuatu yang tidak layak dilihat orang) dan tenteramkanlah aku
dari rasa takut. Ya Allah, peliharalah aku dari depan, belakang, kanan, kiri dan atasku. Aku
berlindung dengan kebesaran-Mu, agar aku tidak disambar dari bawahku (oleh ular atau bumi pecah yang
membuat aku jatuh dan lain-lain).”<span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="8"
data-ref="HR. Abu Dawud dan Ibnu Majah. Lihat Shahiih Ibni Majah (II/332).">[10]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ عَالِمَ الْغَيْبِ وَالشَّهَادَةِ،فَاطِرَ السَّمَاوَاتِ وَالْأَرْضِ، رَبَّ كُلِّ شَيْءٍ
وَمَلِيْكَهُ، أَشْهَدُ أَنْ لَا إِلٰهَ إِلَّا
أَنْتَ، أَعُوْذُ بِكَ مِنْ شَرِّ نَفْسِيْ، وَمِنْ شَرِّ الشَّيْطَانِ وَشِرْكِهِ، وَأَنْ أَقْتَرِفَ
عَلَىٰ نَفْسِيْ سُوۤءًا أَوْ أَجُرَّهُ إِلَىٰ مُسْلِمٍ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, Yang Maha Mengetahui yang ghaib dan yang nyata, wahai Rabb pencipta langit dan bumi, Rabb
segala sesuatu dan yang merajainya. Aku bersaksi bahwa tidak ada Ilah yang berhak diibadahi dengan
benar selain Engkau. Aku berlindung kepada-Mu dari kejahatan diriku, syaitan dan balatentaranya, dan
aku (berlindung kepada-Mu) dari berbuat kejelekan terhadap diriku atau menyeretnya kepada seorang
muslim.”<span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline"
data-id="8"
data-ref="HR. At-Tirmidzi dan Abu Dawud. Lihat Shahiih at-Tirmidzi (III/142).">[11]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
بِسْمِ اللّٰهِ الَّذِيْ لَا يَضُرُّ مَعَ اسْمِهِ شَيْءٌ فِي الْأَرْضِ وَلَا فِي السَّمَاءِ وَهُوَ
السَّمِيْعُ الْعَلِيْمُ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Dengan nama Allah yang bila disebut, segala sesuatu di bumi dan langit tidak akan berbahaya,
Dia-lah Yang Maha Mendengar, Maha Mengetahui.” <b>(Dibaca 3x)</b><span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="8"
data-ref="HR. Abu Dawud dan at-Tirmidzi. Lihat Shahiih Ibni Majah (II/332).">[12]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
رَضِيْتُ بِاللّٰهِ رَبًّا، وَبِالْإِسْلَامِ دِيْنًا، وَبِمُحَمَّدٍ صَلَّى اللّٰهُ عَلَيْهِ وَسَلَّمَ
نَبِيًّا.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Aku rela Allah sebagai Rabb, Islam sebagai agama, dan Muhammad ﷺ sebagai Nabi (yang diutus oleh
Allah).” <b>(Dibaca 3x)</b><span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="8"
data-ref="HR. Ahmad (IV/337), an-Nasa-i dalam 'Amalul Yaum wal Lailah (no. 4), Ibnu Sunni (no. 68), Abu Dawud (IV/418), dan at-Tirmidzi (V/465). Syaikh Ibnu Baaz berpendapat, 'Hadits tersebut hasan.' dalam Tuhfatul Akhyaar (hal. 39).">[13]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
يَا حَيُّ يَا قَيُّوْمُ بِرَحْمَتِكَ أَسْتَغِيْثُ، أَصْلِحْ لِيْ شَأْنِيْ كُلَّهُ وَلَا تَكِلْنِيْ
إِلَىٰ نَفْسِيْ طَرْفَةَ عَيْنٍ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Wahai Rabb Yang Mahahidup, wahai Rabb Yang Berdiri Sendiri (tidak butuh segala sesuatu), dengan
rahmat-Mu aku mohon pertolongan, perbaikilah segala urusanku dan jangan diserahkan kepadaku
sekalipun sekejap mata (tanpa mendapat pertolongan dari-Mu).”<span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="8"
data-ref="HR. Al-Hakim, menurut pendapatnya, hadits tersebut shahih dan Imam adz-Dzahabi menyetujuinya. Lihat kitabnya (I/545) dan Shahiih Targhib wat Tarhib (I/273).">[14]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
أَمْسَيْنَا وَأَمْسَى الْمُلْكُ لِلَّهِ رَبِّ الْعَالَمِيْنَ، اللّٰهُمَّ إِنِّيْ أَسْأَلُكَ خَيْرَ
هَذِهِ اللَّيْلَةِ: فَتْحَهُ، وَنَصْرَهُ، وَنُوْرَهُ، وَبَرَكَتَهُ، وَهُدَاهُ، وَأَعُوْذُ بِكَ مِنْ
شَرِّ مَا فِيْهِ وَشَرِّ مَا بَعْدَهُ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Kami memasuki waktu sore, sedang kerajaan hanya milik Allah, Rabb seluruh alam. Ya Allah,
sesungguhnya aku memohon kepada-Mu agar memperoleh kebaikan, pembuka (rahmat), pertolongan, cahaya,
berkah, dan petunjuk di hari ini. Aku berlindung kepada-Mu dari kejelekan apa yang ada di dalamnya
dan kejahatan sesudahnya.”<span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="15"
data-ref="HR. Abu Dawud (IV/322), serta Syu'aib dan 'Abdul Qadir al-Arnauth dalam tahqiq Zaadul Ma'aad (II/273).">[15]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
أَمْسَيْنَا عَلَىٰ فِطْرَةِ الْإِسْلَامِوَعَلَىٰ كَلِمَةِ الْإِخْلَاصِ، وَعَلَىٰ دِيْنِ نَبِيِّنَا
مُحَمَّدٍ صَلَّى اللّٰهُ عَلَيْهِ وَسَلَّمَ، وَعَلَىٰ مِلَّةِ أَبِيْنَا إِبْرَاهِيْمَ، حَنِيْفًا
مُسْلِمًا وَمَا كَانَ مِنَ الْمُشْرِكِيْنَ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Di waktu sore kami memegang agama Islam, kalimat ikhlas, agama Nabi kami Muhammad ﷺ, dan agama ayah
kami Ibrahim, yang berdiri di atas jalan yang lurus, muslim dan tidak tergolong orang-orang
musyrik.”<span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline"
data-id="16"
data-ref="HR. Ahmad (III/406-407), (V/123), lihat juga Shahiihul Jaami' (IV/209), Ibnus Sunni juga meriwayatkannya di 'Amalul Yaum wal Lailah (no. 34).">[16]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
سُبْحَانَ اللّٰهِ وَبِحَمْدِهِ
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Mahasuci Allah, aku memuji-Nya." <b>(Dibaca 100x)</b>”<span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="16"
data-ref="HR. Muslim (IV/2071).">[17]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
لَا إِلٰهَ إِلَّا اللّٰهُ وَحْدَهُ لَا شَرِيْكَ لَهُ، لَهُ الْمُلْكُ وَلَهُ الْحَمْدُ وَهُوَ عَلَىٰ
كُلِّ شَيْءٍ قَدِيْرٌ. </p>
<p class="text-sm text-slate-600 leading-relaxed">
“Tidak ada Ilah yang berhak diibadahi dengan benar selain Allah semata, tidak ada sekutu bagi-Nya.
Bagi-Nya kerajaan dan segala pujian. Dia-lah yang berkuasa atas segala sesuatu.” <b>(Dibaca 10x atau
1x dalam keadaan malas)</b>.<span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="18"
data-ref="HR. Al-Bukhari (IV/95) dan Muslim (IV/2071).">[18]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
أَعُوْذُ بِكَلِمَاتِ اللهِ التَّامَّاتِ مِنْ شَرِّ مَا خَلَقَ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Aku berlindung dengan kalimat-kalimat Allah yang sempurna dari kejahatan makhluk yang
diciptakan-Nya.” <b>(Dibaca 3x)</b><span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="19"
data-ref="HR. Ahmad 2: 290. Syaikh Syu’aib Al Arnauth mengatakan bahwa sanad hadits ini shahih sesuai syarat Muslim. Lihat komentar Syaikh Syu’aib Al Arnauth terhadap hadits ini untuk pengertian hummah diartikan dengan racun atau sengatan kalajengking.">[19]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللّٰهُمَّ صَلِّ وَسَلِّمْ عَلَىٰ نَبِيِّنَا مُحَمَّدٍ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah, limpahkanlah shalawat dan salam kepada Nabi kami Muhammad.” <b>(Dibaca 10x)</b>.<span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="23"
data-ref="“Barangsiapa bershalawat untukku sepuluh kali pada pagi hari, dan sepuluh kali pada sore hari, maka ia mendapat syafa'atku pada hari Kiamat.” (HR. Ath-Thabrani melalui dua isnad, keduanya baik. Lihat Majma'uz Zawaaid (X/120) dan Shahiih at-Targhiib wat Tarhiib (I/273).">[23]</span>
</p>
</article>
</section>
<section id="solat" class="content-section hidden">
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
أَسْتَغْفِرُ اللهَ (×٣) اللَّهُمَّ أَنْتَ السَّلاَمُ، وَمِنْكَ السَّلاَمُ، تَبَارَكْتَ يَاذَا
الْجَلاَلِ وَالْإِكْرَامِ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Aku minta ampun kepada Allah, (3x). Ya Allah, Engkau Mahasejahtera, dan dari-Mu kesejahteraan,
Mahasuci Engkau, wahai (Rabb) Yang memiliki keagungan dan kemuliaan.” <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="3"
data-ref="HR. Muslim (I/414)">[1]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
لاَ إِلَهَ إِلاَّ اللهُ وَحْدَهُ لاَ شَرِيكَ لَهُ لَهُ الْمُلْكُ وَلَهُ الْحَمْدُ وَهُوَ عَلَى كُلِّ
شَيْءٍ قَدِيرٌ، اللَّهُمَّ لاَ مَانِعَ لِمَا أَعْطَيْتَ، وَلاَ مُعْطِيَ لِمَا مَنَعْتَ، وَلاَ
يَنْفَعُ ذَا الْجَدِّ مِنْكَ الْجَدُّ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Tidak ada Ilah yang berhak diibadahi dengan benar selain Allah semata, tidak ada sekutu bagi-Nya.
Bagi-Nya kerajaan dan bagi-Nya pujian. Dia Mahakuasa atas segala sesuatu. Ya Allah, tidak ada yang
mencegah apa yang Engkau berikan dan tidak ada yang memberi apa yang Engkau cegah. Tidak berguna
kekayaan dan kemuliaan itu bagi pemiliknya dari (adzab)-Mu.” <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="2"
data-ref="HR. Al-Bukhari (I/255) dan Muslim (I/414)">[2]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
لاَ إِلَهَ إِلاَّ اللهُ وَحْدَهُ لاَ شَرِيكَ لَهُ لَهُ الْمُلْكُ وَلَهُ الْحَمْدُ وَهُوَ عَلَى كُلِّ
شَيْءٍ قَدِيرٌ ،لاَ حَوْلَ وَلاَ قُوَّةَ إِلاَّ بِاللهِ، لاَ إِلَهَ إِلاَّ اللهُ، وَلاَ نَعْبُدُ
إِلاَّ إِيَّاهُ، لَهُ النِّعْمَةُ وَلَهُ الْفَضْلُ وَلَهُ الثَّنَاءُ الْحَسَنُ، لاَ إِلَهَ إِلاَّ
اللهُ مُخْلِصِينَ لَهُ الدِّينَ وَلَوْ كَرِهَ الْكَافِرُونَ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Tidak ada Ilah yang berhak diibadahi dengan benar selain Allah semata, tidak ada sekutu bagi-Nya.
Bagi-Nya kerajaan dan pujian. Dia Mahakuasa atas segala sesuatu. Tidak ada daya dan kekuatan kecuali
(dengan pertolongan) Allah. Tidak ada Ilah yang berhak diibadahi dengan benar selain Allah. Kami
tidak menyembah kecuali kepada-Nya. Bagi-Nya nikmat, anugerah, dan pujian yang baik. Tidak ada Ilah
yang berhak diibadahi dengan benar selain Allah, dengan memurnikan ibadah kepada-Nya, sekalipun
orang-orang kafir tidak menyukainya." <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="3"
data-ref="HR. Muslim (I/415)">[3]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
سُبْحَانَ اللهِ، وَالْحَمْدُ لِلَّهِ، وَاللهُ أَكْبَرُ (×٣٣) لاَ إِلَهَ إِلاَّ اللهُ وَحْدَهُ لاَ
شَرِيكَ لَهُ، لَهُ الْمُلْكُ وَلَهُ الْحَمْدُ وَهُوَ عَلَى كُلِّ شَيْءٍ قَدِيرٌ.
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Mahasuci Allah, segala puji bagi Allah, dan Allah Mahabesar. (33x). Tidak ada Ilah yang berhak
diibadahi dengan benar selain Allah semata, tidak ada sekutu bagi-Nya. Bagi-Nya kerajaan dan
bagi-Nya pujian. Dan Dia Mahakuasa atas segala sesuatu.” <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="4"
data-ref="Barangsiapa membaca kalimat tersebut setiap selesai shalat (fardhu), akan diampuni kesalahannya, sekalipun seperti buih di lautan.” HR. Muslim (I/418).">[4]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<h3 class="text-sm font-bold text-slate-800 mb-2">Surat al-Ikhlas, al-Falaq dan an-Naas Setiap Selesai
Shalat (Fardhu) 1x, kecuali Setelah Shalat Maghrib dan Subuh 3x. <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="5"
data-ref="HR. Abu Dawud (II/86) dan an-Nasa-i (III/68). Lihat pula Shahih at-Tirmidzi (II/8).">[5]</span>
</h3>
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
بِسْمِ اللهِ الرَّحْمَنِ الرَّحِيمِ قُلْ هُوَ اللَّهُ أَحَدٌ اللَّهُ الصَّمَدُ لَمْ يَلِدْ
وَلَمْ يُولَدْ وَلَمْ يَكُن لَّهُ كُفُوًا أَحَدٌ</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Katakanlah (Muhammad): ‘Dialah Allah, Yang Maha Esa. Allah Rabb yang bergantung kepada-Nya segala
urusan. (Allah) tidak beranak dan tidak pula diperanakkan. Dan tidak ada sesuatu pun yang setara
dengan Dia.’” (QS. Al-Ikhlas: 1-4)
</p>
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
بِسْمِ اللهِ الرَّحْمَنِ الرَّحِيمِ قُلْ أَعُوذُ بِرَبِّ الْفَلَقِ مِن شَرِّ مَا خَلَقَ وَمِن
شَرِّ غَاسِقٍ إِذَا وَقَبَ وَمِن شَرِّ النَّفَّاثَاتِ فِي الْعُقَدِ وَمِن شَرِّ حَاسِدٍ إِذَا
حَسَدَ</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Katakanlah: ‘Aku berlindung kepada Rabb Yang Menguasai shubuh, dari kejahatan makhluk-Nya, dan dari
kejahatan malam apabila telah gelap gulita, dan dari kejahatan (wanita-wanita) tukang sihir yang
meniup pada buhul-buhul (talinya), dan dari kejahatan orang dengki bila ia dengki.’” (QS. Al-Falaq:
1-5)
</p>
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
بِسْمِ اللهِ الرَّحْمَنِ الرَّحِيمِ قُلْ أَعُوذُ بِرَبِّ النَّاسِ مَلِكِ النَّاسِ إِلَهِ
النَّاسِ مِن شَرِّ الْوَسْوَاسِ الْخَنَّاسِ الَّذِي يُوَسْوِسُ فِي صُدُورِ النَّاسِ مِنَ
الْجِنَّةِ وَالنَّاسِ</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Katakanlah: ‘Aku berlindung kepada Rabb manusia. Raja manusia. Sembahan manusia. Dari kejahatan
(bisikan) syaitan yang bersembunyi, yang membisikkan (kejahatan) ke dalam dada manusia, dari
(golongan) jin dan manusia.’” (QS. An-Naas: 1-6)
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<h3 class="text-sm font-bold text-slate-800 mb-2">Ayat Kursi</h3>
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللَّهُ لاَ إِلَهَ إِلاَّ هُوَ الْحَيُّ الْقَيُّومُ لاَ تَأْخُذُهُ سِنَةٌ وَلاَ نَوْمٌ لَّهُ مَا فِي
السَّمَاوَاتِ وَمَا فِي الأَرْضِ مَن ذَا الَّذِي يَشْفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا
بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ وَلاَ يُحِيطُونَ بِشَيْءٍ مِّنْ عِلْمِهِ إِلاَّ بِمَا شَاء
وَسِعَ كُرْسِيُّهُ السَّمَاوَاتِ وَالأَرْضَ وَلاَ يَؤُودُهُ حِفْظُهُمَا وَهُوَ الْعَلِيُّ الْعَظِيمُ
٢٥٥
</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Allah, tidak ada Ilah (yang berhak diibadahi dengan benar) melainkan Dia Yang Mahahidup, Yang
terus-menerus mengurus (makhluk-Nya); tidak mengantuk dan tidak tidur. Milik-Nya apa yang di langit
dan apa yang di bumi. Tidak ada yang dapat memberi syafa’at di sisi-Nya tanpa izin-Nya. Dia
mengetahui apa yang di hadapan mereka dan di belakang mereka, dan mereka tidak mengetahui sesuatu
pun tentang ilmu-Nya melainkan apa yang dikehendaki-Nya. Kursi-Nya meliputi langit dan bumi. Dan Dia
tidak merasa berat memelihara keduanya, dan Dia Mahatinggi, Mahabesar.” (QS. Al-Baqarah: 255)<span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="6"
data-ref="HR. An-Nasa-i dalam ‘Amalul Yaum wal Lailah (no. 100) dan Ibnu Sunni (no. 121), dinyatakan shahih oleh Syaikh al-Albani dalam Shahih al-Jaami’ (V/339) dan Silsilah al-Ahaadiits ash-Shahiihah (II/697, no. 972).">[6]</span>
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<h3 class="text-sm font-bold text-slate-800 mb-2">Dibaca 10x setiap sesudah shalat Maghrib dan
Shubuh<span class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline"
data-id="7"
data-ref="HR. At-Tirmidzi (V/515) dan Ahmad (IV/227). Untuk takhrij hadits tersebut, lihat di Zaadul Ma’aad (I/300)">[7]</span>
</h3>
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
لاَ إِلَهَ إِلاَّ اللهُ وَحْدَهُ لاَ شَرِيكَ لَهُ، لَهُ الْمُلْكُ وَلَهُ الْحَمْدُ يُحْيِي وَيُمِيتُ
وَهُوَ عَلَى كُلِّ شَيْءٍ قَدِيرٌ.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Tidak ada Ilah yang berhak diibadahi dengan benar selain Allah semata, tidak ada sekutu bagi-Nya,
bagi-Nya kerajaan dan bagi-Nya pujian. Dia-lah yang menghidupkan (orang yang sudah mati atau memberi
ruh pada janin yang akan dilahirkan) dan yang mematikan. Dan Dia Mahakuasa atas segala sesuatu.”
</p>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<h3 class="text-sm font-bold text-slate-800 mb-2">Dibaca setelah shalat Shubuh <span
class="citation-trigger text-red-500 font-bold cursor-pointer hover:underline" data-id="8"
data-ref="HR. Ibnu Majah dan ahli hadits yang lain. Lihat kitab Shahih Ibnu Majah (I/152) dan Majmaauz Zawaa-id (X/111).">[8]</span>
</h3>
<p dir="rtl" class="font-arab text-right text-2xl leading-loose text-slate-900 mb-4">
اللَّهُمَّ إِنِّي أَسْأَلُكَ عِلْمًا نَافِعًا، وَرِزْقًا طَيِّبًا، وَعَمَلاً مُتَقَبَّلاً.</p>
<p class="text-sm text-slate-600 leading-relaxed">
“Ya Allah! Sesungguhnya aku mohon kepada-Mu ilmu yang bermanfaat, rizki yang halal, dan amal yang
diterima.”
</p>
</article>
<div class="h-96"></div>
</section>
<section id="tentang" class="content-section hidden">
<div class="bg-blue-50 rounded-xl p-6 mb-6 text-center border border-blue-100">
<h2 class="text-xl font-bold text-blue-800 mb-2">Aplikasi Dzikir Pagi & Petang</h2>
<p class="text-sm text-slate-600 mb-4">
Aplikasi web ringan untuk mempermudah rutinitas ibadah harian Anda. Didesain bersih, cepat, dan
mudah digunakan.
</p>
<a href="https://github.com/fahmimbps/dzikir.git" target="_blank"
class="inline-block bg-blue-600 text-white text-xs font-bold px-4 py-2 rounded-full hover:bg-blue-700 transition">
<i class="fas fa-link mr-1"></i> Github Repository
</a>
</div>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<h3 class="text-lg font-bold text-slate-800 mb-4 border-b pb-2 flex items-center">
<i class="fas fa-book text-blue-500 mr-2"></i> Sumber Rujukan
</h3>
<p class="text-sm text-slate-600 mb-4 leading-relaxed">
Konten dzikir merujuk pada buku saku <strong>"Dzikir Pagi & Petang dan Sesudah Shalat
Fardhu"</strong> karya <strong>Syaikh Sa'id bin 'Ali bin Wahf al-Qahthani</strong> (Pustaka Ibnu
Umar).
</p>
<div class="flex justify-center gap-4 mb-6">
<img src="sampul-depan.png" alt="Dzikir Pagi & Petang"
class="w-32 rounded shadow-md border border-gray-100 object-cover">
<img src="sampul-belakang.png" alt="Dzikir Pagi & Petang"
class="w-32 rounded shadow-md border border-gray-100 object-cover">
</div>
<blockquote class="bg-gray-50 border-l-4 border-blue-400 p-4 italic text-xs text-slate-600 rounded-r">
"Kami memohon kepada Allah Yang Maha Mulia lagi Maha Agung... semoga menjadikan penyusunan buku ini
ikhlas karena-Nya..."
</blockquote>
</article>
<article class="bg-white rounded-xl shadow-sm border border-gray-200 p-5 mb-4">
<h3 class="text-lg font-bold text-slate-800 mb-4 border-b pb-2 flex items-center">
<i class="fas fa-star text-yellow-500 mr-2"></i> Fitur Utama
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-3 text-xs"></i>
<div class="text-sm text-slate-700">
<span class="font-bold block text-slate-900">Mode Fokus & Sticky Header</span>
Navigasi tetap terlihat saat menggulir.
</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-3 text-xs"></i>
<div class="text-sm text-slate-700">
<span class="font-bold block text-slate-900">Reading Progress Bar</span>
Indikator kemajuan bacaan Anda.
</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-3 text-xs"></i>
<div class="text-sm text-slate-700">
<span class="font-bold block text-slate-900">Sitasi Interaktif</span>
Klik nomor rujukan untuk melihat detail hadits.
</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-3 text-xs"></i>
<div class="text-sm text-slate-700">
<span class="font-bold block text-slate-900">Ringan (SPA)</span>
Tanpa loading berlebih, hemat kuota.
</div>
</li>
</ul>
</article>
<div class="space-y-2">
<details class="group bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
<summary
class="flex justify-between items-center font-medium cursor-pointer list-none p-4 text-slate-700 text-sm hover:bg-gray-50">
<span><i class="fas fa-code text-slate-400 mr-2"></i> Informasi Teknis</span>
<span class="transition group-open:rotate-180">
<i class="fas fa-chevron-down text-xs text-slate-400"></i>
</span>
</summary>
<div class="text-slate-600 text-sm border-t border-gray-100 p-4 bg-slate-50">
<p class="mb-2 font-bold">Teknologi:</p>
<ul class="list-disc list-inside mb-4 pl-2 space-y-1 text-xs">
<li>HTML5 (Semantik)</li>
<li>Tailwind CSS (CDN)</li>
<li>Vanilla JavaScript</li>
<li>Google Fonts (Amiri & Inter)</li>
</ul>
<p class="mb-2 font-bold">Cara Menjalankan (Lokal):</p>
<div class="bg-gray-800 text-gray-200 p-3 rounded text-xs font-mono overflow-x-auto">
git clone https://github.com/fahmimbps/dzikir.git<br>
cd dzikir<br>
# Buka index.html di browser
</div>
</div>
</details>
</div>
<div class="text-center mt-8 mb-4">
<p class="text-xs text-slate-400">