Rabu, 19 Maret 2014

Pentingya sifat Yakin

Khutbah Pertama:
إِنّ الْحَمْدَ لِلَّهِ نَحْمَدُهُ وَنَسْتَعِيْنُهُ وَنَسْتَغْفِرُهُ وَنَعُوْذُ بِاللهِ مِنْ شُرُوْرِ أَنْفُسِنَا وَسَيّئَاتِ أَعْمَالِنَا مَنْ يَهْدِهِ اللهُ فَلاَ مُضِلّ لَهُ
وَمَنْ يُضْلِلْ فَلاَ هَادِيَ لَهُ أَشْهَدُ أَنْ لاَ إِلهَ إِلاّ اللهُ وَأَشْهَدُ أَنّ مُحَمّدًا عَبْدُهُ وَرَسُوْلُهُ
اَللهُمّ صَلّ وَسَلّمْ عَلى مُحَمّدٍ وَعَلى آلِهِ وِأَصْحَابِهِ وَمَنْ تَبِعَهُمْ بِإِحْسَانٍ إِلَى يَوْمِ الدّيْن.
يَاأَيّهَا الّذَيْنَ آمَنُوْا اتّقُوا اللهَ حَقّ تُقَاتِهِ وَلاَ تَمُوْتُنّ إِلاّ وَأَنْتُمْ مُسْلِمُوْنَ
يَاأَيّهَا النَاسُ اتّقُوْا رَبّكُمُ الّذِي خَلَقَكُمْ مِنْ نَفْسٍ وَاحِدَةٍ وَخَلَقَ مِنْهَا زَوْجَهَا وَبَثّ مِنْهُمَا رِجَالاً كَثِيْرًا وَنِسَاءً وَاتّقُوا اللهَ الَذِي تَسَاءَلُوْنَ بِهِ وَاْلأَرْحَام َ إِنّ اللهَ كَانَ عَلَيْكُمْ رَقِيْبًا
يَاأَيّهَا الّذِيْنَ آمَنُوْا اتّقُوا اللهَ وَقُوْلُوْا قَوْلاً سَدِيْدًا يُصْلِحْ لَكُمْ أَعْمَالَكُمْ وَيَغْفِرْلَكُمْ ذُنُوْبَكُمْ وَمَنْ يُطِعِ اللهَ وَرَسُوْلَهُ فَقَدْ فَازَ فَوْزًا عَظِيْمًا، أَمّا بَعْدُ …
فَأِنّ أَصْدَقَ الْحَدِيْثِ كِتَابُ اللهِ، وَخَيْرَ الْهَدْىِ هَدْىُ مُحَمّدٍ صَلّى الله عَلَيْهِ وَسَلّمَ، وَشَرّ اْلأُمُوْرِ مُحْدَثَاتُهَا، وَكُلّ مُحْدَثَةٍ بِدْعَةٌ وَكُلّ بِدْعَةٍ ضَلاَلَةً، وَكُلّ ضَلاَلَةِ فِي النّارِ.
Kaum Muslimin rahimakumullah,
Khatib mewasiatkan kepada diri khatib pribadi dan jamaah sekalian agar senantiasa bertakwa kepada Allah Ta’ala, melaksanakan perintah-Nya dan menjauhi segala larangan-Nya. Bertakwa dengan cara menaati-Nya bukan berbuatk maksiat kepada-Nya, mensyukuri nikmat-Nya bukan malah mengkufurinya, dan selalu mengingat-Nya bukan melupakan-Nya.

Segala puji bagi-Nya Rabb semesta alam, yang telah mengaruniakan berbagai kenikmatan yang tak terhingga. Shalawat dan salam bagi penghulu para rasul, kekasih dan penyejuk hati kita, Muhammad shallallahu ‘alaihi wa sallam, juga kepada keluarga dan sahabat-sahabatnya, serta pengikutnya hingga akhir zaman.
Kaum Muslimin rahimakumullah,
Sifat yakin dan keteguhan hati adalah satu hal penting yang selalu dirindukan oleh orang yang berakal sehat, sebagai penenang hati dalam kesunyian, pemberi kekuatan saat ditimpa kelemahan, menjadi penerang dalam kegelapan, penghilang dahaga saat kehausan. Ringkasnya, keteguhan hati menyimpan banyak makna.
Barangsiapa memiliki sifat ini, maka ia akan memperoleh kewibawaan dan kemuliaan, meski ia bukan dari keturunan bangsawan. Sifat ini tidak bisa dibeli dengan harta dan tidak pula diraih dengan kekuatan. Sifat inilah yang dianjurkan oleh Nabi Muhammad shallallahu ‘alaihi wa sallam , dan beliau tidak memerintahkan kita kecuali kepada kebaikan. Nabi shallallahu ‘alaihi wa sallam bersabda:
سَلُوْا اللهَ اليَقِينَ وَالمُعَافَاةَ، فَإِنَّهُ لَمْ يُؤْتَ أَحَدٌ بَعْدَ اليَقِيْنُ خَيْرًا مِنَ المَعَافَاةِ
Mohonlah kepada Allah Subhanahu wa Ta’ala keteguhan hati dan keselamatan. Sungguh, seseorang tidak diberi sesuatu yang lebih baik daripada keselamatan setelah diberi keteguhan hati. (HR. Ahmad)
Kaum Muslimin rahimakumullah,
Sifat itu adalah sifat yakin (sifat teguh pendirian) yang ada dalam hati. Sifat ini bila disertai dengan ilmu mengenal Allah Subhanahu wa Ta’ala, maka ia akan menjadikan hati seseorang tidak terombang-ambing. Ia akan selalu tenang dalam merealisasikan keimanannya. Sehingga ia akan dapat merealisasikan seluruh tingkatan-tingkatan yakin yang tiga, yaitu ilmul yaqin, ‘ainul yaqin, dan haqqul yaqin.
Kedudukan sifat ini bagi iman seperti kedudukan ruh bagi jasad. Oleh karena itu, orang yang tidak mempunyai sifat yakin, maka ia tak ubahnya seperti seonggok jasad tanpa nyawa.
Dengan sifat ini, seseorang dapat merasakan kedudukan yang tinggi dan memiliki keinginan kuat untuk meraih derajat yang telah dicapai oleh orang terbaik setelah Rasulullah shallallahu ‘alaihi wa sallam, yaitu Abu Bakar radhiyallahu ‘anhu, dimana sifat yakin yang Allah Subhanahu wa Ta’ala anugerahkan kepadanya shallallahu ‘alaihi wa sallam telah menjadikannya kokoh menghadapi tiga peristiwa penting yang menentukan.
Pertama, saat orang kafir Quraisy mendatangi Abu Bakar radhiyallahu ‘anhu untuk membuatnya ragu terhadap agama dan ajaran yang dibawa oleh Nabi Muhammad shallallahu ‘alaihi wa sallam. Mereka berkata, “Sesungguhnya sahabatmu (Muhammad) mengklaim dirinya dijalankan pada malam hari menuju Baitul Maqdis kemudian dinaikkan ke langit.” mendengar pernyataan orang kafir Quraisy ini, seketika itu pula dengan penuh keyakinan, Abu Bakar radhiyallahu ‘anhu menjawab, “Jika ia (Muhammad) telah mengatakannya, maka hal itu memang benar adanya.”
Sebuah jawaban yang menunjukkan kemantapan hati dan menggambarkan betapa sifat yakin itu telah melekat dalam lubuk hati beliau radhiyallahu ‘anhu yang paling dalam. Jawaban ini, telah memupus harapan kaum kafir Quraisy yang berniat membuat Abu Bakar radhiyallahu ‘anhu ragu terhadap ajaran Nabi kita Muhammad shallallahu ‘alaihi wa sallam dan mereka harus pulang dengan membawa kegagalan
Kaum Muslimin rahimakumullah,
Peristiwa kedua. Saat manusia menyatakan tidak percaya dan tidak bisa menerima fakta bahwa Nabi shallallahu ‘alaihi wa sallam telah meninggal dunia, maka Abu Bakar naik mimbar dan berseru di hadapan manusia, “Barangsiapa menyembah Muhammad shallallahu ‘alaihi wa sallam, maka sesungguhnya Muhammad telah meninggal. Dan barangsiapa menyembah Allah, maka sesungguhnya Allah Maha hidup dan tidak mati.”
Ketiga, saat muncul orang-orang murtad, Abu Bakar benar-benar tegar sebagai panutan dalam memerangi mereka. Beliau radhiyallahu ‘anhu berseru, “Demi Allah, seandainya mereka tidak lagi menyerahkan iqal (tali yang digunakan untuk mengikat onta) yang dahulu mereka berikan kepada Rasulullah shallallahu ‘alaihi wa sallam, maka sungguh aku akan perangi mereka karena hal ini”.
Kaum Muslimin rahimakumullah,
Demikianlah cahaya iman, apabila telah menancap dalam hati seseorang, maka keimanan itu akan membimbingnya kepada derajat yakin dan siap menerima agama Allah ini dengan sepenuh hati. Orang yang menjalani kehidupan dunia ini dengan penuh keyakinan terhadap Allah, dia pasti menyadari bahwa dunia ini tidak senilai dengan sehelai sayap nyamuk di sisi Allah. Dia tidak akan tertipu dengan dunia, karena dia memiliki cita-cita tinggi. Ini hanya diketahui oleh orang-orang yang merasakannya saja. Karena sifat yakin (keteguhan hati) merupakan amalan hati. Yang mengetahui pengaruhnya hanyalah orang-orang yang berilmu yang memiliki kepekaan. Orang yang memiliki keyakinan kepada Allah Subhanahu wa Ta’ala berhak dan pantas mendapatkan bashirah (ilmu), hidayah, dan rahmat Allah. Tiga hal ini merupakan faktor penting dalam kehidupan beragama. Allah Subhanahu wa Ta’ala berfirman:
هَذَا بَصَائِرُ لِلنَّاسِ وَهُدًى وَرَحْمَةً لِّقَوْمٍ يُوقِنُونَ
“Alquran ini adalah pedoman bagi manusia, petunjuk dan rahmat bagi kaum yang meyakini.” (QS. Al-Jatsiyah: 20)
Kaum Muslimin rahimakumullah,
Allah Subhanahu wa Ta’ala telah memuliakan Nabi Ibrahim ‘alaihissalam dengan memberinya sifat yakin (keteguhan hati). Allah Subhanahu wa Ta’ala berfirman:
وَكَذَلِكَ نُرِي إِبْرَاهِيمَ مَلَكُوتَ السَّمَاوَاتِ وَاْلأَرْضِ وَلِيَكُونَ مِنَ الْمُوقِنِينَ
“Dan demikianlah Kami perlihatkan kepada Ibrahim tanda-tanda keagungan (Kami yang terdapat) di langit dan di bumi, dan (Kami memperlihatkannya) agar Ibrahim itu termasuk orang-orang yang yakin.” (QS. Al-An’am: 75)
Sifat yang dimiliki Nabi Ibrahim ‘alaihissalam ini semakin menambah keimanan serta ketegarannya. Dengan rasa ini, Nabi Ibrahim ‘alaihissalam kian mengetahui bahwa kaumnya berada dalam kesesatan dan penyimpangan dari jalan yang lurus. Mereka menjadikan sesembahan-sesembahan selain Allah dan menghalangi dari jalan-Nya, padahal mereka mengetahui.
Keteguhan hati ini pula yang menjadikan Nabi Ibrahim ‘alaihissalam siap melaksanakan perintah Allah untuk menyembelih putra kesayangannya Ismail. Keteguhan hati ini jugalah yang membuat Ismail ‘alaihissalam tidak ragu untuk mengatakan kepada ayahnya, tersebut dalam Alquran surat Ash-Shafat 102:
قَالَ يَاأَبَتِ افْعَلْ مَاتُؤْمَرُ سَتَجِدُنِي إِن شَآءَ اللهُ مِنَ الصَّابِرِينَ
“Wahai ayahku, lakukanlah apa yang diperintahkan Allah kepadamu, insya Allah engkau akan mendapatkan aku termasuk orang-orang yang sabar”.
Tingkatan inilah yang disebut dengan ilmul yaqin.
Ibnu Mas’ud radhiyallahu ‘anhu berkata, “Kesabaran itu sebagian dari iman, dan sifat yakin itu adalah seluruh keimanan itu sendiri” (HR. al-Bukhari)
Orang yang kehilangan faktor penting ini (maksudnya kehilangan sifat yakin), maka ia tidak mungkin menjadi petunjuk jalan dan tidak pula mendapat petunjuk, baik di rumah, di pasar, maupun di tengah masyarakatnya.
Allah berfirman,
وَجَعَلْنَا مِنْهُمْ أَئِمَّةً يَهْدُونَ بِأَمْرِنَا لَمَّا صَبَرُوا ۖ وَكَانُوا بِآيَاتِنَا يُوقِنُونَ
“Dan Kami jadikan di antara mereka itu pemimpin-pemimpin yang memberi petunjuk dengan perintah Kami ketika mereka sabar. Dan adalah mereka meyakini ayat-ayat Kami.” (QS. As-Sajdah: 24)
Oleh sebab itu, tatkala kepemimpinan dalam agama merupakan hal yang berat, maka Allah Subhanahu wa Ta’ala mengaitkannya dengan hal yang berat pula yang ada di dalam hati (yaitu sifat yakin). Sifat ini tidak diketahui hakikat dan rasanya kecuali oleh orang yang merenungi kematian dan kehidupan ini sebagaimana Ulama merenunginya.
Inilah keteguhan hati yang seharusnya dihadirkan setiap saat, namun tidak setiap orang mampu melakukannya. Hanya kepada Allah Subhanahu wa Ta’ala kita memohon agar senantiasa menguatkan jiwa kita agar istiqamah di atas keyakinan kepada Allah.
أَقُوْلُ قَوْلِي هَذَا أَسْتَغْفِرُ اللهَ لِي وَلَكُمْ وَلِسَائِرِ المُسْلِمِيْنَ وَالمُسْلِمَاتِ فَاسْتَغْفِرُوْهُ إِنَّهُ هُوَ الغَفُوْرُ الرَّحِيْمُ
Khutbah Kedua:
أَحْمَدُ رَبِّي وَأَشْكُرُهُ ، وَأَشْهَدُ أَنْ لَا إِلَهَ إِلَّا اللهُ وَحْدَهُ لَا شَرِيْكَ لَهُ، وَأَشْهَدُ أَنَّ نَبِيَنَا مُحَمَّدٌ عَبْدُهُ وَرَسُوْلُهُ:
Kaum Muslimin rahimakumullah,
Sifat yakin inilah yang menjadikan seorang hamba bisa menerima agama ini dengan sepenuh hati, baik perintah Allah maupun larangan-Nya. Mereka mengatakan:
ءَامَنَّا بِهِ كُلٌّ مِّنْ عِندِ رَبِّنَا
“Kami beriman kepada [Alquran], semuanya itu dari sisi Rabb kami,” (QS. Ali Imran: 7)
Mereka tidak membantah dan tidak pula menyelisihinya, serta tidak pula mengimani sebagian dan mengingkari sebagian yang lain.
Hamba Allah yang memiliki sifat yakin, akan menerima seluruh syariat agama ini dengan sebaik-baiknya. Allah berfirman,
أَفَحُكْمَ الْجَاهِلِيَّةِ يَبْغُونَ ۚ وَمَنْ أَحْسَنُ مِنَ اللَّهِ حُكْمًا لِقَوْمٍ يُوقِنُونَ
“Apakah hukum jahiliyah yang mereka kehendaki, dan hukum siapakah yang lebih baik daripada hukum Allah bagi orang-orang yang yakin?” (QS. Al-Maidah: 50)
Keteguhan hati seorang mukmin ibarat cahaya di atas cahaya yang senantiasa menerangi langkahnya, karena ia mengetahui, bahwa Allah melihat keberadaannya, mendengar pembicaraan rahasianya, mengetahui musibahnya, mengetahui detak jantungnya yang dipenuhi dengan sifat yakin, sehingga hamba ini mengetahui, bahwa segala yang ditakdirkan kepadanya tidak mungkin meleset. Sebaliknya yang bukan ditakdirkan untuknya tidak akan menimpanya. Allah Subhanahu wa Ta’ala tidak menimpakan kepadanya ujian kecuali menginginkan keselamatan untuknya. Dan apa yang diambil oleh Allah akan dikembalikan kepadanya. Begitu pula apa yang dikurangi darinya justru akan ditambah.
Allah mengujinya dengan kesusahan, membuat buntu jalan yang ia tempuh dengan susah payah. Hingga tatkala ia berada di lorong kegelapan, muncullah cahaya terang dan ditemukan kunci-kunci untuk membukanya. Ditemukan mata air bagi yang dilanda haus dahaga. Setelah musibah ada hibah (pemberian karunia), sesudah kesedihan ada kegembiraan. Dunia ini tidak lain hanyalah fatamorgana di tanah yang datar, dan kita akan dikembalikan kepada Allah Subhanahu wa Ta’ala. Sungguh akhirat itulah negeri tempat tinggal. Barangsiapa menginginkan hidup dengan leluasa serta penuh kemuliaan dalam urusan dunia dan agama, hendaklah ia mengharapkan keselamatan sebagaimana kebebasan dan kemuliaan yang ingin ia dapatkan, dengan membentengi keimanannya dengan keteguhan hati.
إِنَّ اللَّهَ وَمَلَائِكَتَهُ يُصَلُّونَ عَلَى النَّبِيِّ يَا أَيُّهَا الَّذِينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تَسْلِيماً
اَللَّهُمَّ صَلِّ عَلَى مُحَمَّدٍ وَعَلَى آلِ مُحَمَّدٍ كَمَا صَلَّيْتَ عَلَى إِبْرَاهِيْمَ وَعَلَى آلِ إِبْرَاهِيْمَ، إِنَّكَ حَمِيْدٌ مَجِيْدٌ. وَبَارِكْ عَلَى مُحَمَّدٍ وَعَلَى آلِ مُحَمَّدٍ كَمَا بَارَكْتَ عَلَى إِبْرَاهِيْمَ وَعَلَى آلِ إِبْرَاهِيْمَ، إِنَّكَ حَمِيْدٌ مَجِيْدٌ.
رَبَّنَا اغْفِرْ لَنَا وَلِإِخْوَانِنَا الَّذِينَ سَبَقُونَا بِالْإِيمَانِ وَلَا تَجْعَلْ فِي قُلُوبِنَا غِلّاً لِّلَّذِينَ آمَنُوا رَبَّنَا إِنَّكَ رَؤُوفٌ رَّحِيمٌ
اللهم افتح بيننا وبين قومنا بالحق وأنت خير الفاتحين.
اللهم إنا نسألك علما نافعا ورزقا طيبا وعملا متقبلا
رَبَّنَا آتِنَا فِي الدُّنْيَا حَسَنَةً وَفِي الْآخِرَةِ حَسَنَةً وَقِنَا عَذَابَ النَّارِ
وصلى الله على نبينا محمد وعلى آله وصحبه و َمَنْ تَبِعَهُمْ بِإِحْسَانٍ إِلَى يَوْمِ الدّيْن.
وَآخِرُ دَعْوَانَا أَنِ الْحَمْدُ لله رَبِّ الْعَالَمِيْنَ
Sumber: Majalah As-Sunnah, Edisi 12/Thn. XVI/Jumadil Awwal 1434 H/April 2013 M
Download PDF

Memasang Jam

Langkah-langkah memasang jam di blogger sebagai berikut:
1. Klik alamat http://www.clocklink.com/

2. Kemudian pilih tab Gallery atau klik aja disini

http://www.clocklink.com/gallery.php

3. Pilih Gallery sesuai selera atau tema ????, misalnya sobat memilih animal lalu klik link
"animal" tersebut

4. Pilih gambar yang ingin sobat gunakan, lalu klik "view html" dibawah gambar jam.

5. Kemudian akan keluar halaman box lisensi dari layanan ClockLink, pilih aja
tombol "Accept"
6. Pada halamat box selanjutnya kalian dapat memilih salah satu code, sebaiknya pilih kode yang atas.

7. Copy atau Simpan kode yang telah dipilih untuk sementara waktu

8. Lalu kembali masuk kehalaman blogger, pilih Elemen halaman -> Tambahkan sebuah
Elemen Halaman -> pilih HTML/JavaScript -> lalu Copy/Paste code tersebut, dan jangan
lupa disimpan

9. Selesai Smile dan lihat hasilnya dan selamat mencoba.

Jumat, 07 Maret 2014

Cara Membuat Menu Drop Down

Kali ini kita buat Menu Drop down
langsung saja caranya :
1. login ke dasboard
2. Buka opsi lainya
3. Pilih template
4. Kemudian masukan code dibawah tepat diatas ]]></b:skin>
5. Paste dan simpan.

Tahap 1
/* CSS3 Drop Down Menu by Ajatshare*/
#nav {
float: left;
font: bold 12px Arial, Helvetica, Sans-serif;
border: 1px solid #121314;
border-top: 1px solid #2b2e30;
overflow: hidden;
width: 100%;
background: #3C4042;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(59,63,65)), color-stop(0.55, rgb(72,76,77)), color-stop(0.78, rgb(75,77,77)) );
background: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
background: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
}
#nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav ul li {
float: left;
}
#nav ul li a {
float: left;
color: #d4d4d4;
padding: 10px 20px;
text-decoration: none;
background: #3C4042;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(59,63,65)), color-stop(0.55, rgb(72,76,77)), color-stop(0.78, rgb(75,77,77)) );
background: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
background: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
border-left: 1px solid rgba(255, 255, 255, 0.05);
border-right: 1px solid rgba(0,0,0,0.2);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}
#nav ul li a:hover,
#nav ul li:hover > a {
color: #252525;
background: #3C4042;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
background: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
background: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #000;
}
#nav li ul a:hover,
#nav ul li li:hover > a {
color: #2c2c2c;
background: #5C9ACD;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(61,111,177)), color-stop(0.51, rgb(80,136,199)), color-stop(1, rgb(92,154,205)) );
background: -moz-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
background: -o-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
border-bottom: 1px solid rgba(0,0,0,0.6);
border-top: 1px solid #7BAED9;
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
#nav li ul {
background: #3C4042;
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
background-image: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
background-image: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
left: -999em;
margin: 35px 0 0;
position: absolute;
width: 160px;
z-index: 9999;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
border: 1px solid rgba(0, 0, 0, 0.5);
}
#nav li:hover ul {
left: auto;
}
#nav li ul a {
background: none;
border: 0 none;
margin-right: 0;
width: 120px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
}
.nav ul li ul {
position: absolute;
left: 0;
display: none;
visibility: hidden;
}
.nav ul li ul li {
display: list-item;
float: none;
}
.nav ul li ul li ul {
top: 0;
}
.nav ul li ul li a {
font: normal 13px Verdana;
width: 160px;
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}
#nav li li ul {
margin: -1px 0 0 160px;
visibility: hidden;
}
#nav li li:hover ul {
visibility: visible;
}
/* CSS3 Drop Down Menu by Ajatshare*/


Read more: http://ajatshare.blogspot.com/2013/09/cara-membuat-css3-drop-down-menu.html#ixzz2vLiBlKTX
 Tahap 2
1.Masuk ke tata letak
2. pilih Gadget dibibawah header<div id="nav">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Contact Us</a>
   <ul>
      <li><a href="http://powerfull88.blogspot.com/2014/03/bla.html">Bla</a></li>
      <li><a href="#">Sub Page #2</a></li>
      <li><a href="#">Sub Page #3</a></li>
      <li><a href="#">Sub Page #4</a></li>
      <li><a href="#">Sub Page #5</a></li>
    </ul>
  </li>
  <ul>
    <li><a href="#">About Us</a>
   <ul>
      <li><a href="#">Sub Page #1</a></li>
      <li><a href="#">Sub Page #2</a></li>
      <li><a href="#">Sub Page #3</a></li>
      <li><a href="#">Sub Page #4</a></li>
      <li><a href="#">Sub Page #5</a></li>
    </ul>
  </li>
  <ul>
    <li><a href="#">Tutorials</a>
   <ul>
      <li><a href="#">Sub Page #1</a></li>
      <li><a href="#">Sub Page #2</a></li>
      <li><a href="#">Sub Page #3</a></li>
      <li><a href="#">Sub Page #4</a></li>
      <li><a href="#">Sub Page #5</a></li>
   </ul>
  </li>
  <ul>
     <li><a href="#">Sitemap</a>
   <ul>
      <li><a href="#">Sub Page #1</a></li>
      <li><a href="#">Sub Page #2</a></li>
      <li><a href="#">Sub Page #3</a></li>
      <li><a href="#">Sub Page #4</a></li>
      <li><a href="#">Sub Page #5</a></li>
   </ul>
  </li>
  <ul>
    <li><a href="#">Services</a>
   <ul>
      <li><a href="#">Sub Page #1</a></li>
      <li><a href="#">Sub Page #2</a></li>
      <li><a href="#">Sub Page #3</a></li>
      <li><a href="#">Sub Page #4</a></li>
      <li><a href="#">Sub Page #5</a></li>
    </ul>
  </li>
  <ul>
  <li><a href="#">Create This</a>
  <ul>
      <li><a href="#">Sub Page #1</a></li>
      <li><a href="#">Sub Page #2</a></li>
      <li><a href="#">Sub Page #3</a></li>
      <li><a href="#">Sub Page #4</a></li>
      <li><a href="#">Sub Page #5</a></li>
    </ul>
  </li>
  <ul>
 <li><a href="#">Geografi</a>
  <ul>
      <li><a href="#">Sub Page #1</a></li>
      <li><a href="#">Sub Page #2</a></li>
      <li><a href="#">Sub Page #3</a></li>
      <li><a href="#">Sub Page #4</a></li>
      <li><a href="#">Sub Page #5</a></li>
    </ul>
   </li> 
  <ul>
  <li><a href="#">Agama</a>
  <ul>
      <li><a href="#">Sub Page #1</a></li>
      <li><a href="#">Sub Page #2</a></li>
      <li><a href="#">Sub Page #3</a></li>
      <li><a href="#">Sub Page #4</a></li>
      <li><a href="#">Sub Page #5</a></li>
    </ul>
   </li>
   </ul></ul></ul></ul></ul></ul></ul></ul></div>


3. copy code dibawah dan simpan.
lihat blog anda gman hasilnya.

Kamis, 06 Maret 2014

Menu Drop Down

Menu Dropdown Sederhana Tanpa Javascript

Untuk membuat Menu bergaya Dropdown biasanya yang sering kita temui dengan bantuan javascript. Namun disini saya akan paparkan bagaimana cara yang paling mudah hanya untuk membuat menu dropdown tanpa kode javascript yang diembed maupun inline, cukup dengan kode CSS yang dibubuhi sedikit trik.
Sekalipun anda tidak mengaktifkan javascript pada browser, dropdown ini sudah pasti tetap berjalan karena yang kita gunakan hanyalah kode CSS dan HTML. Kalau dinilai dari sisi besar-kecilnya source, maka dengan cara sederhana ini kapasitasnya akan lebih kecil dan pengaksesannya lebih cepat dibanding menggunakan javascript.
Berikut kode untuk membuat menu Dropdown tersimpel bahkan tergampang sedunia :
ul#menu, ul#menu ul.sub-menu {
 padding:0;
 margin:0;
 text-align:center;
 opacity:.9
}

ul#menu li, ul#menu ul.sub-menu li {
 list-style-type:none;
 display:inline-block;
 width:120px
}

ul#menu li a, ul#menu li ul.sub-menu li a {
 text-decoration:none;
 color:#fff;
 background:#666;
 padding:5px;
 display:block
}

ul#menu li a:hover, ul#menu li ul.sub-menu li a:hover {
 background:#333
}

ul#menu li {
 position:relative
}

ul#menu li ul.sub-menu {
 position: absolute;
 top:30px; /* Ganti TOP menjadi BOTTOM jika ingin submenu muncul ke atas (Drop Up) */
 display:none
}

ul#menu li:hover ul.sub-menu {
 display:block
}
<ul id="menu">
 <li><a href="#">Menu 1</a></li>
 <li><a href="#">Menu 2</a>
  <ul class="sub-menu">
   <li><a href="#">Sub Menu 1</a></li>
  </ul>
 </li>
 <li><a href="#">Menu 3</a>
  <ul class="sub-menu">
   <li><a href="#">Sub Menu 1</a></li>
   <li><a href="#">Sub Menu 2</a></li>
  </ul>
 </li>
 <li><a href="#">Menu 4</a>
  <ul class="sub-menu">
   <li><a href="#">Sub Menu 1</a></li>
   <li><a href="#">Sub Menu 2</a></li>
   <li><a href="#">Sub Menu 3</a></li>
  </ul>
 </li>
 <li><a href="#">Menu 5</a>
  <ul class="sub-menu">
   <li><a href="#">Sub Menu 1</a></li>
   <li><a href="#">Sub Menu 2</a></li>
   <li><a href="#">Sub Menu 3</a></li>
   <li><a href="#">Sub Menu 4</a></li>
  </ul>
 </li>
</ul>
<!-- tanda # ganti dengan alamat URL yang sobat inginkan -->
Demo :
Silakan dicoba di website masing-masing. Jika ingin menggunakan menu dropdown ini pada Blogger, maka kode CSS diletakkan pada bagian dalam <b:skin><![CDATA[ atau <style>. dan kode HTML diletakkan pada bagian dalam <BODY> ► #PageList.