forked from sidiqprihatno/doa
-
Notifications
You must be signed in to change notification settings - Fork 0
/
other-jenazah.html
177 lines (156 loc) · 10.6 KB
/
other-jenazah.html
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
<!DOCTYPE html>
<html lang="en" class="h-full scroll-smooth">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, height=device-height, minimum-scale=1.0, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Doa & Dzikir - Sholat Jenazah</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="style.css?v=23.04.21">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#a855f7">
<meta name="msapplication-TileColor" content="#a855f7">
</head>
<body id="body">
<article class="max-w-[800px] container mx-auto flex-col">
<div class="flex items-center gap-3 -mt-3">
<a href="./" class="back">
<span class="sr-only">Kembali</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
<path fill-rule="evenodd" d="M11.03 3.97a.75.75 0 010 1.06l-6.22 6.22H21a.75.75 0 010 1.5H4.81l6.22 6.22a.75.75 0 11-1.06 1.06l-7.5-7.5a.75.75 0 010-1.06l7.5-7.5a.75.75 0 011.06 0z" clip-rule="evenodd" />
</svg>
</a>
<h1>Sholat Jenazah</h1>
</div>
<section class="mt-8">
<div class="heading">
<span class="number">1</span>
<h3>Takbiratul Ihram (Takbir pertama), Ta'awudz & Al-Fatihah</h3>
</div>
<div class="card">
<p class="doa">أَعُوّْذُ بِاللهِ مِنَ الشَّيْطَانِ الرَّجِيْمِ</p>
<p class="doa"> بِسْمِ ٱللَّهِ ٱلرَّحْمَـٰنِ ٱلرَّحِيمِ. ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَـٰلَمِينَ. ٱلرَّحْمَـٰنِ ٱلرَّحِيمِ. إِيَّاكَ نَعْبُدُ وَإِيَّاكَ نَسْتَعِينُ. ٱهْدِنَا ٱلصِّرَٰطَ ٱلْمُسْتَقِيمَ. صِرَٰطَ ٱلَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ ٱلْمَغْضُوبِ عَلَيْهِمْ وَلَا ٱلضَّآلِّينَ</p>
<p class="mt-5">Mengangkat kedua tangan sejajar pundak atau telinga, lalu mendekapkan tangan sebagaimana orang sholat biasanya.</p>
<p class="text-xs mt-4 opacity-60">Tidak membaca doa istiftah.</p>
</ul>
</div>
</section>
<section class="mt-8">
<div class="heading">
<span class="number">2</span>
<h3>Takbir kedua, sholawat seperti bacaan Tasyahhud</h3>
</div>
<div class="card">
<p class="doa">اللَّهُمَّ صَلِّ عَلَى مُحَمَّدٍ وَأَزْوَاجِهِ وَذُرِّيَّتِهِ، كَمَا صَلَّيْتَ عَلَى آلِ إِبْرَاهِيمَ، وَبَارِكْ عَلَى مُحَمَّدٍ وَأَزْوَاجِهِ وَذُرِّيَّتِهِ، كَمَا بَارَكْتَ عَلَى آلِ إِبْرَاهِيمَ إِنَّكَ حَمِيدٌ مَجِيدٌ</p>
<p class="mt-5">"Ya Allah rahmatilah Muhammad dan istri-istri beliau serta keturunan beliau, sebagaimana Engkau merahmati keluarga Ibrahim, dan berilah keberkahan kepada Muhammad, istri-istrinya dan keturunannya sebagaimana Engkau memberi keberkahan kepada keluarga Ibrahim, sesungguhnya Engkau Maha Terpuji dan Maha Agung."</p>
</div>
</section>
<section class="mt-8">
<div class="heading">
<span class="number">3</span>
<h3>Takbir ketiga, mendoakan si mayit</h3>
</div>
<div class="card">
<p class="doa">اللهُمَّ اغْفِرْ لَهُ وَارْحَمْهُ وَعَافِهِ وَاعْفُ عَنْهُ، وَأَكْرِمْ نُزُلَهُ، وَوَسِّعْ مُدْخَلَهُ، وَاغْسِلْهُ بِالْمَاءِ وَالثَّلْجِ وَالْبَرَدِ، وَنَقِّهِ مِنَ الْخَطَايَا كَمَا نَقَّيْتَ الثَّوْبَ الْأَبْيَضَ مِنَ الدَّنَسِ، وَأَبْدِلْهُ دَارًا خَيْرًا مِنْ دَارِهِ، وَأَهْلًا خَيْرًا مِنْ أَهْلِهِ وَزَوْجًا خَيْرًا مِنْ زَوْجِهِ، وَأَدْخِلْهُ الْجَنَّةَ وَأَعِذْهُ مِنْ عَذَابِ الْقَبْرِ أَوْ مِنْ عَذَابِ النَّارِ</p>
<p class="mt-5">"Ya Allah, ampuni dan rahmatilah dia. Selamatkanlah dan maafkanlah dia. Berilah kehormatan untuknya, luaskanlah tempat masuknya. Mandikanlah dia dengan air, es, dan embun. Bersihkanlah dia dari kesalahan sebagaimana Engkau bersihkan baju yang putih dari kotoran. Gantikanlah baginya rumah yang lebih baik dari rumahnya, isteri yang lebih baik dari isterinya. Masukkanlah dia ke dalam surga, lindungilah dari azab kubur atau azab neraka."</p>
<p class="text-xs mt-4 opacity-60">Catatan: Do'a di atas berlaku untuk mayit laki-laki. Jika mayit perempuan, maka kata –hu atau –hi diganti dengan –haa. Contoh <em>"Allahummaghfirla-haa warham-haa …"</em>.</p>
<p class="mt-5">Do'a khusus untuk mayit anak kecil:</p>
<p class="doa">اَللَّهُمَّ اجْعَلْهُ لَنَا فَرَطًا وَسَلَفًا وَأَجْرًا</p>
<p class="mt-5">"Ya Allah! Jadikan kematian anak ini sebagai simpanan pahala dan amal baik serta pahala buat kami."</p>
<p class="text-xs mt-4 opacity-60">Referensi: <a href="https://rumaysho.com/4905-ringkasan-pengurusan-jenazah.html" class="underline">Rumaysho</a></p>
</div>
</section>
<section class="mt-8">
<div class="heading">
<span class="number">4</span>
<h3>Takbir keempat, berhenti sejenak atau membaca doa, lalu salam ke arah kanan dengan satu kali salam</h3>
</div>
<div class="card">
<p class="doa">اللَّهُمَّ لاَ تَحْرِمْنَا أَجْرَهُ وَلاَ تَفْتِنَّ بَعْدَهُ وَاغْفِرْلَناَ وَلَهُ</p>
<p class="mt-5">"Ya Allah! Jangan menghalangi kami untuk tidak memperoleh pahalanya dan jangan sesatkan kami sepeninggalnya, ampunilah kami dan ampunilah dia."</p>
<p class="text-xs mt-4 opacity-60">Untuk mayit perempuan, kata –hu diganti –haa.</p>
<p class="text-xs mt-4 opacity-60">Referensi: <a href="https://rumaysho.com/4905-ringkasan-pengurusan-jenazah.html" class="underline">Rumaysho</a></p>
</div>
</section>
</article>
<nav id="bottom-navbar" class="sticky bottom-0 bg-gradient-to-t dark:from-slate-950 from-slate-100 pb-5 pt-8 mt-auto z-40 -mx-5">
<div class="max-w-lg container mx-auto">
<div class="flex justify-center p-1 gap-3">
<div class="rounded-full dark:bg-white bg-black bg-opacity-10 dark:bg-opacity-10 backdrop-blur-xl flex items-center relative">
<div class="h-12 w-12 flex items-center justify-center dark:text-slate-950 text-slate-100">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607zM10.5 7.5v6m3-3h-6" />
</svg>
</div>
<button class="p-1 relative z-10" onclick="changeFontSize('doa-x1')">
<span class="change-size-item">
1<small class="ml-0.5">x</small>
</span>
</button>
<button class="p-1 relative z-10" onclick="changeFontSize('doa-x2')">
<span class="change-size-item">
2<small class="ml-0.5">x</small>
</span>
</button>
<button class="p-1 relative z-10" onclick="changeFontSize('doa-x3')">
<span class="change-size-item">
3<small class="ml-0.5">x</small>
</span>
</button>
<span class="change-size-state"></span>
</div>
<button class="w-12 h-12 rounded-full bg-black dark:bg-white bg-opacity-10 dark:bg-opacity-10 backdrop-blur-xl flex items-center justify-center" onclick="backTop()">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 19.5v-15m0 0l-6.75 6.75M12 4.5l6.75 6.75" />
</svg>
</button>
</div>
</div>
<div id="hiddenDiv" class="fixed text-transparent"></div>
</nav> <footer class="footer ">
<p class="mt-5">© 2023 <a href="https://www.abusofiya/" class="underline" target="_blank">Abu Sofiya</a></p>
</footer>
<script>
window.addEventListener("beforeinstallprompt", (beforeInstallPromptEvent) => {
beforeInstallPromptEvent.preventDefault(); // Prevents immediate prompt display
// Shows prompt after a user clicks an "install" button
installButton.addEventListener("click", (mouseEvent) => {
// you should not use the MouseEvent here, obviously
beforeInstallPromptEvent.prompt();
});
installButton.hidden = false; // Make button operable
});
// prevent unwanted space when scrolling down on android
var repositionKey = false;
function onResize() {
repositionKey = !repositionKey;
document.getElementById("hiddenDiv").innerHTML = repositionKey;
}
addEventListener("resize", onResize);
// change arabic font size
var doa = document.getElementById('body');
function changeFontSize(size) {
if (size != '') {
doa.className = '';
doa.classList.add(size);
} else {
doa.className = '';
}
localStorage.setItem("fontSize", size);
}
var fontSize = localStorage.getItem("fontSize");
if (fontSize != '') {
doa.classList.add(fontSize);
}
// back to top
function backTop() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
};
</script>
</body>
</html>