Membuat jendela Pop Up dengan CSS

Mungkin memunculkan jendela Pop Up atau Overlay hanya bisa dilakukan oleh javascript saja. Tapi dengan semakin pesatnya kehebatan CSS, kita bisa membuat jendela Pop Up sederhana dengan css. Bagaimana Caranya? Check it out.

Pertama dan yang paling utama sudah pasti membuat markup html nya dulu lah. Tanpa adanya file html, mana mungkin bisa dibuat.

       <div id="button"><a href="#popup">Click Me</a></div>

       <div id="popup">
           <div class="window">
               <a href="#" class="close-button" title="Close">X</a>
               <h1>Jendela Pop Up</h1>
               <p>Ini adalah jendela Pop Up sederhana tanpa javasript<br/>
               Jendela ini dimunculkan oleh CSS<br/>
               Untuk menutup jendela ini, klik tombol close di kanan atas</p>
           </div>
       </div>

Setelah itu simpan dengan nama file index.html atau apa saja. Kemudian double click file html nya.
Dan… Jeng.. jeng.. jeng..!!! Gak terjadi apa apa. Ya iyalah, kita belum kasih style nya :)

Setelah itu buatlah file style.css dan simpan pada folder file index.html tadi. Kemudian Ketik script berikut.

* {
margin: 0;
padding: 0;
}

body, html {
font-family: Calibri, "times new roman", sans-serif;
}

Style di atas hanya untuk me-reset margin dan padding, serta mengatur jenis font yang digunakan. Coba refresh browser anda, pasti yang berubah hanya margin, padding, dan jenis font-nya saja kan. Memang itu yang tadi kita lakukan.

Kemudian, supaya hyperlink yang pertama itu terlihat seperti tombol beneran, tambahkan script berikut.

#button {
margin: 5% auto;
width: 100px;
text-align: center;
}

#button a {
background-image: linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -o-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -ms-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -moz-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -webkit-linear-gradient(to bottom,#2a95c5,#21759b);
background-color: #2e9fd2;
width: 86px;
height: 30px;
vertical-align: middle;
padding: 10px;
color: #fff;
text-decoration: none;
border: 1px solid transparent;
border-radius: 5px;
}

Setelah di save, refresh browser anda. Maka akan ada tombol di hadapan anda.

Lalu bagaimana dengan jendela Pop Up-nya? Sabar! Tambahkan saja script berikut.

#popup {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0,0,0,.7);
top: 0;
left: 0;
z-index: 9999;
visibility: visible;
}

.window {
width: 400px;
height: 100px;
background: #fff;
border-radius: 10px;
position: relative;
padding: 10px;
box-shadow: 0 0 5px rgba(0,0,0,.4);
text-align: center;
margin: 15% auto;
}

.close-button {
width: 20px;
height: 20px;
background: #000;
border-radius: 50%;
border: 3px solid #fff;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
position: absolute;
top: -10px;
right: -10px;
}

Coba refresh browser anda. Dan.. Jendela Pop Up berhasil kita buat.

Trus bagaimana cara menyembunyikannya. Kuncinya ada pada visibility: visible yang kita beri pada div #popup. Sekarang kita ganti visibilty dari div#popup tersebut menjadi hidden. Kalo gak tau mana yang diganti, ganti script#popup tadi menjadi seperti berikut.

#popup {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0,0,0,.7);
top: 0;
left: 0;
z-index: 9999;
visibility: hidden;
}

Setelah browser anda refresh, pasti jendela Pop Up tadi hilang.

Coba anda Klik tombolnya, pasti tidak terjadi apa-apa kan. Iya, karena kita belum menambahkan style yang terakhir sekaligus menjadi style kunci. Tambahkan script berikut.

#popup:target {
visibility: visible;
}

Simpan, kemudian refresh browser anda. Kemudian klik tombolnya. Dan.. misi sudah selesai. Jendela Pop Up berhasil kita tampilkan. Untuk menutupnya, klik tombol close yang ada di pojok kanan atas (jadi inget pemilu).

Jadi, style lengkapnya adalah sebagai berikut.

* {
margin: 0;
padding: 0;
}

body, html {
font-family: Calibri, "times new roman", sans-serif;
}

#button {
margin: 5% auto;
width: 100px;
text-align: center;
}

#button a {
background-image: linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -o-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -ms-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -moz-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -webkit-linear-gradient(to bottom,#2a95c5,#21759b);
background-color: #2e9fd2;
width: 86px;
height: 30px;
vertical-align: middle;
padding: 10px;
color: #fff;
text-decoration: none;
border: 1px solid transparent;
border-radius: 5px;
}

#popup {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0,0,0,.7);
top: 0;
left: 0;
z-index: 9999;
visibility: hidden;
}

.window {
width: 400px;
height: 100px;
background: #fff;
border-radius: 10px;
position: relative;
padding: 10px;
box-shadow: 0 0 5px rgba(0,0,0,.4);
text-align: center;
margin: 15% auto;
}

.close-button {
width: 20px;
height: 20px;
background: #000;
border-radius: 50%;
border: 3px solid #fff;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
position: absolute;
top: -10px;
right: -10px;
}

#popup:target {
visibility: visible;
}

Karena misi sudah selesai, saya mau pergi dulu. Lho!? Kok main pergi aja tanpa memberi penjelasan!? Oke saya jelasin.
Pertama, kita sudah menjadikan jendela pop up nya menghilang dengan mengganti visibility: visible menjadi visibility: hidden. Tapi itu saja belum cukup! Untuk memunculkannya kita harus menekan tombolnya. Karena target dari tombol hyperlink kita adalah #popup, sehingga untuk memunculkannya, kita butuh pseudo-element (apa namanya pseudo-class ya!? Udahlah bodo amat). Karena div #popup tahu dia akan menjadi target dari tombol hyperlink kita. Kita tambakan pseudo-class :target pada div#popup serta menambahkan style visibility: visible, agar supaya div#popup-nya bereaksi ketika tombol diklik dan dia yang dijadikan target. Nah, reaksi itu akan mengubah visibility: hidden menjadi visibility: visible.
Kemudian untuk menyembunyikan jendela Pop Up-nya kembali, kita harus mengklik tombol close. Nah, tombol close itu kan targetnya # alias gak ada. Sehingga saat tombol close di klik, dia akan mengembalikan keadaan seperti semula.

Bingung ya!? Sama, gw aja yang ngetik bingung. Hehe :P

Kesimpulannya : Jendela Pop Up sederhana dapat dibuat dengan CSS bahkan tanpa javascript. Ini menandakan semakin hebatnya kemampuan CSS dalam memanipulasi apapun.
Kesimpulan dari kesimpulannya : Selamat Bereksperimen!

---

Demo   Download

save from : tutorial-webdesign,com

Read More »

FUNGSI TOMBOL PADA KEYBOARD

FUNGSI TOMBOL PADA KEYBOARD dan tombol kombinasi pada keyboard

Ctrl + A : Select All
Ctrl + B : Bold
Ctrl + C : Copy
Ctrl + D : Font
Ctrl + E : Center Alignment
Ctrl + F : Find
Ctrl + G : Go To
Ctrl + H : Replace
Ctrl + I : Italic
Ctrl + J : Justify Alignment
Ctrl + K : Insert Hyperlink
Ctrl + L : Left Alignment
Ctrl + M : Incrase Indent
Ctrl + N : New
Ctrl + O : Open
Ctrl + P : Print
Ctrl + Q : Normal Style
Ctrl + R : Right Alignment
Ctrl + S : Save / Save As
Ctrl + T : Hanging Indent
Ctrl + U : Underline
Ctrl + V : Paste
Ctrl + W : Close
Ctrl + X : Cut
Ctrl + Y : Redo
Ctrl + Z : Undo
Ctrl + 1 : Single Spacing
Ctrl + 2 : Double Spacing
Ctrl + 5 : 1,5 lines
Ctrl + Esc : Start Menu
F1 : Menjalankan fungsi pertolongan yang disediakan pada Word
F2 : Megubah nama suatu file/folder
F3 : Menjalankan perintah AutoText
F4 : Mengulangi perintah sebelumnya
F5 : Menjalankan perintah Find and Replace atau Goto
F6 : Menjalankan Perintah Other Pane
F7 : Memeriksaan kesalahan ketik dan ejaan teks (spelling)
F8 : Awal perintah penyorotan/pemilihan teks atau objek
F9 : Mengupdate Field (Mail Merge)
F10 : Mengaktifkan Menu
F11 : Memasukkan field berikutnya (Mail Merge)
F12 : Mengaktifkan dialog Save As
Esc : Membatalkan dialog / perintah
Enter : Melaksanakan pilihan atau mengakhiri suatu paragraf
Tab : Memindahkan teks sesuai dengan tanda tab yang ada pada ruler horizontal
Windows : Mengktifkan Menu Start
Shortcut : Mengaktifkan shortcut pada posisi kursor
Delete : Menghapus 1 karakter di sebelah kanan kursor
Backspace : Menghapus 1 karakter di sebelah kiri kursor
Insert : Menyisip karakter di posisi kursor
Home : Memindahkan posisi kursor ke awal baris
End : Memindahkan posisi kursor ke akhir baris
Page Up : Menggulung layar ke atas
Page Down : Menggulung layar ke bawah
Up : Memindahkan kursor 1 baris ke atas
Down : Memindahkan kursor 1 baris ke bawah
Left : Memindahkan kursor 1 karakter ke kiri
Right : Memindahkan kursor 1 karakter ke kanan
Num Lock On : Fungsi pengetikan angka-angka dan operator matematik aktif
Num Lock Off : Fungsi tombol navigasi aktif
Shift + F10 : Membuka menu pintas, sama seperti mengklik kanan
Alt : Penekanan tombol yang tidak dikombinasikan dengan tombol lain hanya
berfungsi untuk mengaktifkan atau memulai penggunaan menu bar
Shift + Delete : Menghapus item yang dipilih secara permanen tanpa menempatkan item
dalam Recycle Bin
Ctrl + Right Arrow : Memindahkan titik penyisipan ke awal kata berikutnya
Ctrl + Left Arrow : Memindahkan titik penyisipan ke awal kata sebelumnya
Ctrl + Down Arrow : Memindahkan titik penyisipan ke awal paragraf berikutnya
Ctrl + Up Arrow : Memindahkan titik penyisipan ke awal paragraf sebelumnya
Alt + F4 : Menutup item aktif, atau keluar dari program aktif
Alt + Enter : Menampilkan properti dari objek yang dipilih
Alt + Spacebar : Buka menu shortcut untuk jendela aktif
Ctrl + F4 : Close dokumen aktif dalam program-program yang memungkinkan Anda
untuk memiliki beberapa dokumen yang terbuka secara bersamaan
Alt + Tab : Switch antara item yang terbuka
Alt + Esc : Cycle melalui item dalam urutan yang telah dibuka
Ctrl + Shift + Tab : Bergerak mundur melalui tab
Shift + Tab : Bergerak mundur melalui pilihan

Versi 2 :
• CTRL + C (Copy)
• CTRL+X (Cut) CTRL + X (Cut)
• CTRL+V (Paste) CTRL + V (Paste)
• CTRL+Z (Undo) CTRL + Z (Undo)
• DELETE (Hapus)
• SHIFT+DELETE (Menghapus item yang dipilih secara permanen tanpa menempatkan item dalam Recycle Bin)
• CTRL sambil menyeret (men-drag) sebuah item (Menyalin item yang dipilih)
• CTRL + SHIFT sambil menyeret item (Buat cara pintas ke item yang dipilih)
• Tombol F2 (Ubah nama item yang dipilih)
• CTRL + RIGHT ARROW (Memindahkan titik penyisipan (kursor) ke awal kata berikutnya)
• CTRL + LEFT ARROW (Memindahkan titik penyisipan (kursor) ke awal kata sebelumnya)
• CTRL + DOWN ARROW (Memindahkan titik penyisipan (kursor) ke awal paragraf berikutnya)
• CTRL + UP ARROW (Memindahkan titik penyisipan (kursor) ke awal paragraf sebelumnya)
• CTRL + SHIFT dengan salah satu ARROW KEY (Sorot blok teks)
• SHIFT dengan salah satu ARROW KEY (Pilih lebih dari satu item dalam sebuah jendela atau pada desktop, atau pilih teks dalam dokumen)
• CTRL + A (Pilih semua)
• Tombol F3 (Mencari sebuah file atau folder)
• ALT + ENTER (Melihat properti untuk item yang dipilih)
• ALT + F4 (Menutup item aktif, atau keluar dari program aktif)
• ALT + ENTER (Menampilkan properti dari objek yang dipilih)
• ALT + SPACEBAR (Buka menu shortcut untuk jendela aktif)
• CTRL + F4 (Menutup dokumen aktif dalam program-program yang memungkinkan Anda untuk memiliki beberapa dokumen yang terbuka secara bersamaan)
• ALT + TAB (Beralih antara item yang terbuka)
• ALT + ESC (Cycle melalui item dalam urutan yang telah dibuka)
• Tombol F6 (Siklus melalui elemen-elemen layar dalam jendela atau pada desktop)
• Tombol F4 (Menampilkan Address bar list di My Computer atau Windows Explorer)
• SHIFT + F10 (Menampilkan menu shortcut untuk item yang dipilih)
• ALT + SPACEBAR (Tampilan menu Sistem untuk jendela aktif)
• CTRL + ESC (Menampilkan menu Start)
• ALT + huruf digarisbawahi dalam nama menu (Menampilkan menu yang sesuai)
• Surat digarisbawahi dalam nama perintah pada menu yang terbuka (Lakukan perintah yang sesuai)
• Tombol F10 (Aktifkan menu bar dalam program aktif)
• ARROW (Buka menu berikutnya ke kanan, atau membuka submenu)
• LEFT ARROW (Buka menu sebelah kiri, atau menutup submenu)
• Tombol F5 (Memperbarui jendela aktif atau merefresh)
• BACKSPACE (Melihat folder satu level ke atas di My Computer atau Windows Explorer)
• ESC (Membatalkan tugas sekarang)
• SHIFT ketika Anda memasukkan CD-ROM ke dalam CD-ROM (Mencegah CD-ROM secara otomatis bermain/autoplay)
Keyboard Shortcuts Dialog Box
• CTRL + TAB (Move forward melalui tab)
• CTRL + SHIFT + TAB (Bergerak mundur melalui tab)
• TAB (Move forward melalui pilihan)
• SHIFT + TAB (Bergerak mundur melalui pilihan)
• ALT + huruf yang digarisbawahi (Lakukan perintah yang sesuai atau pilih opsi yang sesuai)
• ENTER (Lakukan perintah untuk opsi atau tombol aktif)
• SPACEBAR (Pilih atau menghapus kotak centang jika pilihan yang aktif adalah check box)
• Arrow tombols Panah (Pilih sebuah tombol jika pilihan aktif adalah group tombol pilihan)
• Tombol F1 (Menampilkan Help)
• Tombol F4 (Menampilkan item dalam daftar aktif)
• BACKSPACE (Membuka folder satu tingkat ke atas jika folder dipilih dalam Simpan Sebagai atau Buka kotak dialog)
Microsoft Natural Tombolboard Shortcuts Microsoft Natural Tombolboard Shortcuts
• Windows Logo (Menampilkan atau menyembunyikan menu Start)
• Logo Windows + BREAK (Menampilkan System Properties dialog box)
• Logo Windows + D (Menampilkan the desktop)
• Logo Windows + M (Meminimalkan semua jendela)
• Logo Windows + SHIFT + M (Memulihkan jendela yang diminimalkan)
• Logo Windows + E (Membuka My Computer)
• Logo Windows + F (Mencari for a file atau folder)
• CTRL + Windows Logo + F (Mencari for komputer)
• Logo Windows + F1 (Menampilkan Windows Help)
• Logo Windows + L (Mengunci keyboard)
• Logo Windows + R (Membuka kotak dialog Run)
• Logo Windows + U (Membuka Utility Manager)
Accessibility Tombol board Shortcuts
• Right SHIFT selama delapan detik (Beralih FilterTombols on atau off)
• LEFT ALT + LEFT SHIFT + PRINT SCREEN (Beralih High Contrast on atau off)
• LEFT ALT + LEFT SHIFT + NUM LOCK (Mengaktifkan MouseTombols on atau off)
• SHIFT lima kali (Mengaktifkan StickyTombols on atau off)
• NUM LOCK selama lima detik (Mengaktifkan ToggleTombols on atau off)
• Logo Windows + U (Membuka Utility Manager)
Windows Explorer Tombolboard Shortcuts
• END (Menampilkan bagian bawah jendela aktif)
• HOME (Menampilkan bagian atas jendela aktif)
• NUM LOCK + Asterisk sign (*) (Tampilkan semua subfolder yang berada di bawah folder yang dipilih)
• NUM LOCK + Plus sign (+) (Menampilkan isi dari folder yang dipilih)
• NUM LOCK + Minus sign (-) (Collapse folder yang dipilih)
• LEFT ARROW (Collapse pilihan saat ini jika diperluas, atau pilih folder utama)
• RIGHT ARROW (Menampilkan pilihan saat ini, atau pilih subfolder pertama)
Shortcut Tombols for Character Map Tombol pintas untuk Peta Karakter
• Setelah Anda klik dua kali pada grid karakter karakter, Anda dapat bergerak melalui grid dengan menggunakan cara pintas tombolboard:
• RIGHT ARROW (Pindah ke kanan atau ke awal baris berikutnya)
• LEFT ARROW (Pindah ke kiri atau ke akhir baris sebelumnya)
• UP ARROW (Pindah ke atas satu baris)
• DOWN ARROW (Pindah ke bawah satu baris)
• PAGE UP (Pindah ke atas satu layar pada satu waktu)
• DOWN (Pindah ke bawah satu layar pada satu waktu)
• HOME (Pindah ke awal baris)
• END (Pindah ke akhir baris)
• CTRL + HOME (Pindah ke karakter pertama)
• CTRL + END (Pindah ke karakter terakhir)
• SPACEBAR (Beralih antara yang lebih besar dan Normal ketika seorang karakter yang dipilih)
Microsoft Management Console (MMC) Main Window Tombol board Shortcuts
• CTRL + O (Open yang disimpan konsol)
• CTRL + N (Buka konsol baru)
• CTRL + S (Save the open console)
• CTRL + M (Menambah atau menghapus item konsol)
• CTRL + W (Buka jendela baru)
• F5 tombol (Update konten dari semua jendela konsol)
• ALT + SPACEBAR (Menampilkan menu jendela MMC)
• ALT + F4 (Close the console)
• ALT + A (Menampilkan the Action menu)
• ALT + V (Menampilkan the View menu)
• ALT + F (Menampilkan the File menu)
• ALT + O (Menampilkan the Favorites menu)
Konsol MMC Window Tombolboard Shortcuts
• CTRL + P (Mencetak halaman aktif atau aktif pane)
• ALT + tanda Minus (-) (Menampilkan menu jendela jendela konsol yang aktif)
• SHIFT + F10 (Menampilkan the Action menu shortcut untuk item yang dipilih)
• Tombol F1 (Membuka topik Bantuan, jika ada, untuk item yang dipilih)
• Tombol F5 (Update konten dari semua jendela konsol)
• CTRL + F10 (Memaksimalkan jendela konsol yang aktif)
• CTRL + F5 (Memulihkan jendela konsol yang aktif)
• ALT + ENTER (Menampilkan kotak dialog Properties, jika ada, untuk item yang dipilih)
• Tombol F2 (Ubah nama item yang dipilih)
• CTRL + F4 (Close jendela konsol yang aktif. Ketika sebuah konsol hanya memiliki satu jendela konsol, jalan pintas ini akan menutup konsol)
Remote Desktop Connection Navigation
• CTRL+ALT+END (Open the m*cro$oft Windows NT Security dialog box
• ALT + PAGE UP (Beralih antara program dari kiri ke kanan)
• ALT + PAGE DOWN (Beralih antara program dari kanan ke kiri)
• ALT + INSERT (Cycle melalui program-program yang terakhir digunakan)
• ALT + HOME (Menampilkan menu Start)
• CTRL + ALT + BREAK (Beralih komputer klien antara jendela dan layar penuh)
• ALT+DELETE (Menampilkan the Windows menu) ALT + DELETE (Menampilkan the Windows menu)
• CTRL + ALT + Minus sign (-) (Membuat snapshot dari jendela aktif klien pada clipboard server Terminal dan menyediakan fungsi yang sama dengan menekan PRINT SCREEN pada komputer lokal.)
• CTRL + ALT + Plus sign (+) (Membuat snapshot dari seluruh area jendela klien pada clipboard server Terminal dan menyediakan fungsi yang sama dengan menekan ALT + PRINT SCREEN pada komputer lokal.)
Internet Explorer navigation Internet Explorer navigasi
• CTRL + B (Membuka kotak dialog Atur Favorit)
• CTRL + E (Open the select bar)
• CTRL + F (Start the Find utility)
• CTRL + H (Open the History bar)
• CTRL + I (Open the Favorites bar)
• CTRL + L (Buka kotak dialog Open)
• CTRL + N (Start contoh lain dari browser dengan alamat Web yang sama)
• CTRL + O (Membuka kotak dialog Buka, sama seperti CTRL + L)
• CTRL + P (Membuka kotak dialog Print)
• CTRL + R (Memperbarui halaman Web ini)
• CTRL + W (Close jendela aktif)
•PRIN SCRN + printer aktif (Mencetak snapshot/ jendela keseluruhan)
•ALT + PRINT SCRN + PINTER AKTIF ( Mencetak Windows Aktif)

•SHIFT + F3 (1x) (Huruf depan Kapital)
•SHIFT + F3 (2x) (Semua Huruf kapital/besar)
•SHIFT + F3 (3x) (Semua huruf kecil)

share From fb

Read More »

Belajar Bahasa Arab

Akhi Ukhti Afwan Jazakallah khairan katsiiraa Barokallah Wa Fiik Barokallah

Mungkin Anda sering mendengar istilah Akhi, Ukhti, Ikwan, Akhwat, Jazakallah, Wa Iyyak, Barokallah dll tapi belum tau artinya dan ingin mengerti Artinya juga...
Jangan Khawatir InysaAllah akan kami bantu mengerti Apa sih Artinya Akhi, Ukhti dll itu kiki emotikon

Dengan keterbatasan ilmu yang kami miliki, kami akan coba menguraikan Arti dari kata-kata tersebut dan juga bagaimana menjawabnya, semoga bermanfaat Untuk Akhi wa Ukhti fillah, saudara-saudaraku semua yang ku cintai karena Alloh...

Dont Worry, Insyallah Gampang sekali Kok kiki emotikon

Ikhwan - Akhwat
===============
Ikhwan : Sebutan untuk laki-laki secara umum (para ikhwan)
Akhwat : Sebutan untuk wanita secara umum (para Akhwat)

Untuk sapaaan :
Akhi : Saudara-ku
Ukhti : Saudari-ku

Ucapan Terimakasih :
===================
Kalau yang biasa : "Syukron Katsiira" Artinya "Terimakasih Banyak"
Jawabannya : Afwan (Sama-sama)

Namun Rasululah menganjurkan untuk mengucapkan terimakasih + Doa, bentuk kata-katanya seperti dibawah ini :

"Jaza-Kallah Khairan Katsiiraa"

Jaza : Membalas
-Ka : Mu (Laki-laki)
-Ki : Mu (Wanita)
-Kum : Kalian (Laki & Perempuan)
Khairan : Kebaikan
Katsiira : banyak

Kepada Kamu Laki-laki (-Ka) :
-------------------------------
"Jaza-Kallah Khairan Katsiiraa"
Artinya : "Semoga Alloh Membelas-mu dengan kebaikan yang Banyak

Kepada Kamu wanita (-Ki) :
-----------------------------
"Jaza-Killah Khairan katsiiraa"
Artinya : "Semoga Alloh membalas-mu dengan kebaikan yang banyak"

Kepada Kalian - laki atau Perempuan - (-Kum) : ------------------------------------------------
"Jaza-Kumullah Khairan Katsiiraa"
Artinya : "Semoga Alloh Membalas-kalian dgn kebaikan yg banyak"

Jawabannya :
-----------
"Amin Wa Iyyak" : Amin Semoga juga demikian Untukmu.

atau dijawab dengan ucapan yang sama :

"Jazakillah khairan Katsiiraa / Jazakallah Khairan Katsiiraa"

Barokallah
==========
"Barokallah Fiik"

Barokallah : Semoga Alloh memberkahi
Fiik : Untuk mu
Fiikum : Untuk kalian

Jadi bisa Barokalloh Fiikum atau Barokalloh Fiik.

Jawabannya :
-----------
" Wa Fiik Barokalloh" : Dan Juga Keberkahan Alloh untuk kalian.

Afwan
=====
Afwan bisa memiliki dua Arti
1. Afwan bisa Artinya sama-sama
-------------------------------
"Syukron" (Terimakasih) Jawabnya "Afwan" (Sama-sama)

2. Afwan bisa Berarti maaf
--------------------------
Contoh : "Afwan" (Maaf) baru bisa balas sekarang.

Semoga Bermanfaat..

Ana juga masih belajar..
Jika ada kesalahan mohon diperbaiki..
Kami penuh khilaf, kesempurnaan hanya milik ALLAH SWT..

#Admin Cinta Hakiki

Read More »

Berdandan Cantik Memang Boleh Tapi Tidak Dengan Yang Ini!! Haram Hukumnya........ | DUNIA WANITA

Dunia Wanita - Sudah menjadi kebiasaan kaum hawa untuk bersolek, berdandan untuk suami memang halal hukumnya. Tapi ada bebarapa dandanan dan hiasan yang haram, bertentangan dengan ajaran Islam. Misalnya mengikuti cara berdandan wanita kafir yang tidak pernas shalat, wudhu, dan tidak menjalankan hukum syariat.

Wanita muslimah akan konsisten menjaga diri dan agamanya, dan tidak akan sudi berdandan menyerupai wanita-wanita kafir. Jika dia wanita muslimah wajahnya akan terlihat bercahaya dengan air wudhunya. Selalu suci dan tidak lupa akan kewajiban dan ibadahnya. Oleh karena itu, dia senantiasa akan memilih dandanan dengan hiasan yang dihalalkan oleh Islam dan sesuai dengan sosok muslimah.

Inilah Cara Berdandan dan Hiasan Yang Diharamkan Islam

Dandan yang berlebihan
berlebihan dalam berhias dengan menghabiskan waktu yang cukup lama dan uang yang tidak sedikit untuk mencari kosmetik, pakaian, serta ornamen hiasan terbaru yang diluncurkan ke pasaran.

 “Sesungguhnya pemborosan itu adalah saudar setan dan setan itu adalah sangat ingkar kepada Tuhannya,” (QS. Al-Israa ayat 27).

Menghabiskan banyak waktu dalam berdandan
Menghabiskan banyak waktu di depan cermin guna memoleskan berbagai macam kosmetik. Sebab segala sesuatu yang berlebihan dan melampaui batas, akan menjadikan hal yang negatif.

Bertato
Rasulullah SAW bersabda

 Allah melaknat wanita yang membuat tato dan meminta ditato, yang mencabut bulu alis dan meminta dicabut, yang merenggangkan gigi dan memperindahnya, serta wanita-wanita yang mengubah ciptaan Allah.” (HR. Al-Jami ash-Shaghir).

Menyambung rambut
Rasulullah SAW bersabda

 Allah melaknat wanita yang menyambung rambut dan meminta disambungkan rambutnya.” (HR. Al-Jami’ ash-Shaghir).

Berdandan menyerupai laki-laki dan memperlihatkan auratnya
Rasulullah SAW bersabda

 Allah melaknat wanita yang menyerupai laki-laki.” (HR. Al-Jami ash-Shaghir).

Rasulullah SAW bersabda

 Laki-laki tidak boleh melihat aurat laki-laki lain, dan wanita tidak bboleh melihat aurat wanita yang lain,” (HR. Muslim).

Sudah jelaskan bahwa berdandan dengan berlebihan hanya akan membuatmu melanggar aturan-aturan Allah, untuk itu taatilah perintah Allah dan berdoalah supaya hati tetap istiqomah di jalan-Nya. Dan Allah menjadikan kita wanita muslimah yang seutuhnya. Bantu share ya demi kebaikan teman wanita terdekat anda, biar semakin banyak yang tahu dan tulisan ini menjadi lebih banyak manfaatnya.

Berdandan Cantik Memang Boleh Tapi Tidak Dengan Yang Ini!! Haram Hukumnya........ | DUNIA WANITA

Read More »

Orang Islam Menyembah (Batu) Ka'bah? Ini Penjelasan Dr. Zakir Naik | DUNIA WANITA

Orang Islam Menyembah (Batu) Ka'bah? Ini Penjelasan Dr. Zakir Naik | DUNIA WANITA

Dunia Wanita - Banyak dari mereka, musuh-musuh Islam yang mengatakan bahwa Tuhannya orang Islam adalah BATU, karena di waktu sholat pasti mereka menghadap ke arah Ka'bah, dan ka'bah itu sendiri hanyalah sebuah batu yang disusun. Apakah anggapan ini benar?

 Jika Islam memang menentang penyembahan berhala, lalu mengapa umat Islam menyembah dan sujud kepada Ka'bah ?

Dalam menjawab pertanyaan pertanyaan seperti diatas, mungkin sebagian kita akan bingung. Namun, Dr. Zakir Naik, seorang dai terkenal dari India yang dikenal cerdas dan ahli dalam ilmu perbandingan agama menjawabnya dengan lugas, cerdas, dan ilmiah.

Berikut adalah jawaban beliau yang diambil dari buku "Mereka Bertanya, Islam Menjawab: Kumpulan Pertanyaan Mengganjal tentang Islam yang Sering Diajukan Orang Awam dan Non-Muslim"

"Ka'bah adalah kiblat, yaitu arah kaum muslimin menghadap dalam shalat mereka. Perlu dicatat bahwa walaupun kaum muslimin menghadap Ka'bah dalam sholat, mereka tidak menyembah Ka'bah. Kaum muslimin hanya menyembah dan bersujud kepada Allah. Ketika mereka melakukan thawaf di Ka'bah atau mencium Hajar Aswad, itu semua dilakukan sebagai bentuk ketaatan kepada Allah. Karena Allah-lah yang memerintahkannya untuk melakukan hal tersebut. Disebutkan dalam Surat Al-Baqarah ayat 144:

قَدْ نَرَى تَقَلُّبَ وَجْهِكَ فِي السَّمَاء فَلَنُوَلِّيَنَّكَ قِبْلَةً تَرْضَاهَا فَوَلِّ وَجْهَكَ شَطْرَ الْمَسْجِدِ الْحَرَامِ وَ حَيْثُ مَا كُنْتُمْ فَوَلُّوْا وُجُوْهَكُمْ شَطْرَهُ

"Sungguh Kami (sering) melihat mukamu menengadah ke langit, maka sungguh Kami akan memalingkan kamu ke kiblat yang kamu sukai. Palingkanlah mukamu ke arah Masjidil Haram dan di mana saja kamu berada, palingkanlah mukamu ke arahnya...."

Berikut adalah berbagai argumentasi yang bisa digunakan untuk menjelaskan dan menyanggah orang orang yang mengatakan bahwa islam menyembah berhala.

1. Islam Menghendaki Persatuan

Ketika kaum muslimin hendak menunaikan sholat, bisa jadi ada sebagian orang yang ingin menghadap ke utara, sedangkan yang lainnya ingin menghadap ke selatan. Untuk menyatukan kaum muslimin dalam beribadah kepada Allah maka kaum muslimin di mana pun berada diperintahkan hanya menghadap ke satu arah, yaitu Ka'bah. Kaum muslimin yang tinggal di sebelah barat Ka'bah, mereka salat menghadap timur. Begitu pula yang tinggal di sebelah timur Ka'bah, mereka menghadap barat. Dan inilah satu satunya agama yang memiliki Qiblat

2. Ka'bah Terletak di Pusat Bumi

Kaum muslimin adalah umat pertama yang menggambar peta dunia. Mereka menggambar peta dengan selatan menunjuk ke atas dan utara ke bawah. Ka'bah berada di pusatnya. Kemudian, para kartografer Barat membuat peta terbalik dengan utara menghadap ke atas dan selatan ke bawah. Meski begitu, alhamdulillah, Ka'bah terletak di tengah-tengah peta. SubhanAllah..!

3. Thowaf Keliling Ka'bah adalah Untuk Menunjukkan Keesaan Allah

Ketika kaum muslimin pergi ke Masjidil Haram di Mekah, mereka melakukan tawaf atau berkeliling Ka'bah. Perbuatan ini melambangkan keimanan dan peribadahan kepada satu Tuhan. Sama persis dengan lingkaran yang hanya punya satu pusat maka hanya Allah saja yang berhak disembah.

4. Hadits Umar bin Khathab

Mengenai batu hitam, hajar aswad, Sayyidina Umar bin Khattab berkata, "Aku tahu bahwa engkau hanyalah sebongkah batu yang tidak dapat mendatangkan mudarat maupun manfaat. Seandainya aku tidak melihat Rasulullah menciummu, niscaya aku tidak akan menciummu."(HR. Bukhari)

Hadits ini menunjukan bahwa Ka'bah bukanlah sesembahan, dan perlu anda ketahui bahwa hajar aswad termasuk bagian dari ka'bah juga.

5. Di Jaman Dahulu Orang Berdiri Diatas Ka'bah Dan Mengumandangkan Azan

Pada zaman Nabi, para sahabat bahkan berdiri di atas Ka'bah dan mengumandangkan azan.

Coba kita tanyakan kepada mereka yang menuduh kaum muslimin menyembah Ka'bah; penyembah berhala mana yang berani  berdiri di atas berhala sesembahannya? " tentu saja tidak ada. Hal ini menunjukkan bahwa Ka'bah bukanlah sesembahan umat Muslim.

Dan sampai sekarang pada waktu pencucian Ka'bah pun cleaning servicenya juga berdiri menginjak Ka'bah.



Sumber : Disarikan dari buku "Mereka Bertanya, Islam Menjawab: Pertanyaan Mengganjal tentang Islam yang Sering Diajukan Orang Awam dan Non-Muslim" terbitan Aqwam (Kabarmakkah.com)

Read More »

Orang Islam Menyembah (Batu) Ka'bah? Ini Penjelasan Dr. Zakir Naik | DUNIA WANITA

Orang Islam Menyembah (Batu) Ka'bah? Ini Penjelasan Dr. Zakir Naik | DUNIA WANITA

Read More »