MEMBUAT MENU + SUB MENU BAR BLOG

" MUDAH DAN KEREN "

 Belajar Blog - Membuat Menu dan Sub Menu Blog  by  admin  on 26 Oktober 2020

Cara Memasang Menu Bar dan Sub Menu Bar di Halaman Blog

Jika anda memperhatikan tampilan blog tpa1024arrasyid.blogspot.com, lihatlah sederetan kotak berwarna biru dengan tulisan berwarna putih berisi daftar menu seperti; BERANDA I PENDIDIKAN ISLAM I ISLAM DOWNLOAD I SEJARAH ISLAM I KARYA TULIS ILMIAH I KOMPUTER | BELAJAR BLOG, dll, lalu jika kursor disentuhkan, akan tergulung layar yang memuat judul menu dan sub menu blog artikel, Itulah yang disebut dengan Menu dan Sub-Menu bar.

Menu dan Sub-menu Bar sangat dibutuhkan guna mencari informasi berdasarkan pada kategori atau sub menu. Memberi sub menu bar juga membuat semua judul artikel bisa ditampilkan di layar dalam satu tatapan mata; blog kita tampak lebih ilmiah, teratur, dan simpel. 

Jika anda berminat memasangnya di blog, artinya anda orang yang berfikir sistimatis dan menyukai keteraturan. Selamat mencoba.

 

Langkah Pemasangan

- Klik  Desain 

- Pilih  Template lalu pilih  Edit HTML 

- Pilih/klik  Lanjutkan

- Pilih/klik  Expand Template Widget

Cari scrift berikut :

<div class='main-outer'>  atau

<div id='main-wrapper'> atau 

<div id='main'>

Agar lebih mudah, klik saja F3 pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :

div class='main-outer'>

Bisa jadi beda dengan template yang lain…

Setelah dapat, copy dan paste kan scrift berikut tepat diatas scrift “div class= ‘main-outer’>yang dicari tadi : 

<style>

/* -- Menu Horizontal + Sub Menu-- */

#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}

#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}

#cat-nav a:hover { color:#fff; }

#cat-nav li:hover { background:#000; }

#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}

#cat-nav .nav-description { display:block; }

#cat-nav a:hover span { color:#fff; }

#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }

#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}

#secnav li { float:left; width: auto; height:35px;}

#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}

#secnav li ul li  { height:30px; border-top:1px solid #fff; }

#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }

#secnav li ul ul  { margin: -30px 0 0 180px; }

#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }

#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }

#secnav li:hover,#secnav li.hover  { position:static; }

#cat-nav #secnav {width:100%;margin:0 auto;}

</style>

<div id='cat-nav'>

<ul class='fl' id='secnav'>

<li><a href='#'>Beranda</a></li>

<li><a href='#'>Menu1</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu1a</a></li>

<li><a href='#'>Sub Menu1b </a></li>

</ul>

</li>

<li><a href='#'>Menu 2</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu2 a</a></li>

<li><a href='#'>Sub Menu2 b</a></li>

</ul>

</li>

<li><a href='#'>Menu3</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu3a</a></li>

<li><a href='#'>Sub Menu3b </a></li>

</ul>

</li>

<li><a href='#'>Menu4</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu4a</a></li>

<li><a href='#'>Sub Menu4b</a></li>

</ul>

</li>

<li><a href='#'>Menu5</a></li>

</ul>

</div>

PENJELASAN :

1.   Cara memasukkan alamat URL:

      Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.

2.   Cara menuliskan judul menu atau judul postingan: 

      Ganti Tulisan warna pink dengan nama menu dan nama sub menu yang anda inginkan.

3.   Cara merubah lebar menu: silakan  cari kode:

      #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;} ---> baris ke-3. Kemudian tambahkan kode (width:900px) di antara { dan }, sehingga menjadi :

      #cat-nav {background:#156994;width:900px;margin:015px;padding:0;height:35px;} 

      Angka 900px hanya sebagai contoh saja, silakan rubah angka 900  dengan ukuran lebar yang kamu inginkan, bisa juga mengganti kode 900px dengan kode 100%.

4.   Untuk mengatur tinggi menu silakan ganti angka 35 pada kode 35px di atas dengan tinggi yang kamu mau. 

5.   Untuk tambah atau kurangi jumlah menu, silakan copas atau hapus Skrip dengan blok warna hijau(1 porsi menu) , jumlah sub-menunya bisa ditambah sesuai selera, misalnya submenu ..c, d, e, f, dst.

6.   Untuk mengganti warna, background dan huruf, perhatikan skrip di bawah ini.

[1]. <style>   

[2]. /* -- Menu Horizontal + Sub Menu-- */

[3]. #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}

[4]. #cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px ..........    

A. Mengganti warna background menu: Silakan ganti warna pada baris ketiga yang saya beri warna merah, dengan warna yang anda sukai, silakan klik daftar kode warna.

B. Mengganti warna tulisan/huruf, silakan ganti warina pada baris ke-4 yang saya beri warna hijaudengan warna yang anda sukai (ganti kodenya saja).

- Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . 

- Lalu simpanlah/save. 

Saran 

* back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas. 

*  Untuk menghilangkan tampilan tampilan dobel dengan Laman Utama, 

Maka ikutilah saran berikut :

-  Masuk ke Menu Laman 

-  Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"

-  Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.

Blog sudah bisa dipublikasikan...

Apabila melalui cara yang kami bagikan ini belum berhasil, coba sahabat ulangi lagi dengan sabar. jika berkali-kali memang tidak bisa, sahabat bisa berkonsultasi  melalui komentar di bagian bawah ini. 

Semoga Bermanfaat

Semoga artikel ini memberikan manfaat bagi kita semua. Aamiin.

Wassalam

121 Santri Ikuti Munaqasah Santri FKTPQ Gel. II Tahap 5

121 Santri Ikuti Munaqasah Santri Gelombang II Tahap 5 DPK FKTPQ

Berita TPQ  by  admin  on 07 November 2020

Sebanyak 121 Santri dari 3 kecamatan mengikuti Acara Munaqasah Santri Gelombang II Tahap 5 sekaligus Peringatan Maulid Nabi 1442 H yang diselenggarakan bersama antara DPK FKTPQ Kec. Ilir Barat I, Kec. Ilir Barat II dan Kec. Bukit Kecil di Masjid Al-Maghfiroh di Jl. Rambutan No.6 RT.22 Kel. 30 Ilir Kec. Ilir Barat II Kota Palembang. Sabtu (7/11/2020).

Acara Munaqasah Santri Gelombang II Tahap 5 ini dibuka langsung oleh Kasi PD. Pontren Kemenag Kota Palembang H. Hermansyah, MM. M.Si. Sedangkan Peringatan Maulid Nabi Muhammad SAW 1442 H diisi oleh Drs. M. Rivain, M.Ag, mewakili Kakanwil Kemenag Prov. Sumatera Selatan.

Dalam sambutannya, Hermansyah mengungkapkan bahwa kegiatan munaqasah santri FKTPQ ini sangat selaras dengan program Pemerintah Kota Palembang dalam mewujudkan Palembang Emas Darussalam.

“Dengan diadakannya munaqosah FKTPQ Kota Palembang, akan lahir para generasi qur'ani dan menciptakan Palembang Emas Darussalam yang merupakan ikut serta mendukung program Pemkot Palembang”. Ungkapnya.

Dilain pihak Ketua Dewan Pinpinan Daerah (DPD) FKTPQ Kota Palembang Drs. H. Syamsuddin Harmain menyatakan kesiapannya untuk melaksanakan wisuda akbar 1.300 santri di awal tahun 2021.

"Siap mengkhatamkan 1.300 santri yang ada di 18 Kecamatan yang nantinya akan di wisuda, harapannya para santri dapat lebih giat lagi untuk membaca Al-Qur’an lebih baik dan menjadi yang terbaik". Katanya.

Kegiatan Munaqasah Santri Gelombang II Tahap 5 ini dihadiri oleh Kasi PD. Potren Kemenag Kota Palembang, Perwakilan Kanwil Kemenag Sumsel, Camat Ilir Barat I, Camat Ilir Barat II, Kapolsek IB II, Babinsa IB II, Lurah 30 Ilir, Kepala KUA IB II, Pengurus DPD FKTPQ kota Palembang, Pengurus DPK FKTPQ Kec. IB I, Pengurus DPK FKTPQ Kec. IB II, Pengurus DPK FKTPQ Kec. Bukit Kecil dan Pengurus Masjid Al-Maghfiroh serta undangan lainnya. (uam)

Puasa Arofah Penghapus Dosa

PUASA  AROFAH  Penghapus Dosa Dua Tahun

Pendidikan Islam - Fiqih by admin on 04 November 2020

A'uudzubillaahi minasy-syaithaanir-rajiim.

Bismillaahirrahmaanirrahiim.

Puasa Arafah adalah puasa yang jatuh pada tanggal 9 Dzulhijjah. Puasa Arafah dinamakan demikian karena saat itu jamaah haji sedang wukuf di terik matahari di padang Arafah. Puasa Arafah ini dianjurkan bagi mereka yang tidak berhaji. Sedangkan yang berhaji tidak disyariatkan puasa ini.

 

Mengenai hari Arofah, Nabi shallallahu ‘alaihi wa sallam bersabda,

“Di antara hari yang Allah banyak membebaskan seseorang dari neraka adalah hari Arofah. Dia akan mendekati mereka lalu akan menampakkan keutamaan mereka pada para malaikat. Kemudian Allah berfirman: Apa yang diinginkan oleh mereka?” (HR. Muslim)

Ibnu Rajab Al Hambali mengatakan, “Hari Arofah adalah hari pembebasan dari api neraka. Pada hari itu, Allah akan membebaskan siapa saja yang sedang wukuf di Arofah dan penduduk negeri kaum muslimin yang tidak melaksanakan wukuf. Oleh karena itu, hari setelah hari Arofah –yaitu hari Idul Adha- adalah hari ‘ied bagi kaum muslimin di seluruh dunia. Baik yang melaksanakan haji dan yang tidak melaksanakannya sama-sama akan mendapatkan pembebasan dari api neraka dan ampunan pada hari Arofah.” (Lathoif Al Ma’arif, 482)

 

Mengenai keutamaan puasa Arafah disebutkan dalam hadits Abu Qotadah, Nabi shallallahu ‘alaihi wa sallam bersabda:

“Puasa Arofah dapat menghapuskan dosa setahun yang lalu dan setahun akan datang. Puasa Asyuro (10 Muharram) akan menghapuskan dosa setahun yang lalu.” (HR. Muslim).

Ini menunjukkan bahwa puasa Arafah adalah di antara jalan untuk mendapatkan pengampunan di hari Arafah. Hanya sehari puasa, bisa mendapatkan pengampunan dosa untuk dua tahun. Luar biasa fadhilahnya ...

 

Hari Arafah pun merupakan waktu mustajabnya do’a sebagaimana disebutkan dalam hadits:

“Sebaik-baik do’a adalah do’a pada hari Arofah. Dan sebaik-baik yang kuucapkan, begitu pula diucapkan oleh para Nabi sebelumku adalah ucapan “Laa ilaha illallah wahdahu laa syarika lah, lahul mulku walahul hamdu wa huwa ‘ala kulli sya-in qodiir” (Tidak ada sesembahan yang berhak disembah kecuali Allah semata, tidak ada sekutu bagi-Nya. Miliki-Nya segala kerajaan, segala pujian dan Allah yang menguasai segala sesuatu)”." (HR. Tirmidzi, hasan)

Insya Allah hari Arafah di tahun 2014 ini akan jatuh pada tanggal 9 Oktober 2014. Semoga kita termasuk orang yang dimudahkan oleh Allah untuk melakukan puasa tersebut dan meraih keutamaan di dalamnya. Hanya Allah yang memberi taufik.

Jika sobat merasa artikel PUASA AROFAH Penghapus Dosa dua Tahun ini bermanfaat, silahkan Copas artikel ini, tetapi jangan lupa untuk mencantumkan link sumbernya seperti ini :

Source: https://tpqnuruliman254.blogspot.com/2020/11/khulafaurrasyidin-sejarah-islam.html

Fiqih

FIQIH

Pendidikan Islam by  admin  on 04 November 2020

PUASA AROFAH Penghapus Dosa Dua Tahun

Pendidikan Islam by  admin  on 26 Oktober 2020

Puasa Arafah adalah puasa yang jatuh pada tanggal 9 Dzulhijjah. Puasa Arafah dinamakan demikian karena saat itu jamaah haji sedang wukuf di terik matahari di padang Arafah. Puasa Arafah ini dianjurkan bagi mereka yang tidak berhaji. Sedangkan yang berhaji tidak disyariatkan puasa ini. Mengenai hari Arofah, Nabi shallallahu ‘alaihi wa sallam bersabda, “Di antara hari yang Allah banyak membebaskan seseorang dari neraka adalah ........

Penjelasan Selengkapnya Klik Disini 

SHOLAT DHUHA DAN KEUTAMAANNYA

Pendidikan Islam by  admin  on  04 November 2020

Puasa Setiap orang pasti senang untuk melakukan amalan sedekah. Bahkan kita pun diperintahkan setiap harinya untuk bersedekah dengan seluruh persendian. Ternyata ada suatu amalan yang bisa menggantikan amalan sedekah tersebut yaitu shalat dhuha. Dari Abu Dzar, Nabi shallallahu ‘alihi wa sallam bersabda “Pada pagi hari diharuskan bagi seluruh persendian di antara kalian untuk bersedekah. Setiap bacaan tasbih (subhanallah) bisa ...

Penjelasan Selengkapnya Klik Disini 

SHOLAT ISYRAQ

Pendidikan Islam by  admin  on  04 November 2020

Shalat Isyraq adalah permulaan shalat Dhuha, di mana waktu shalat Dhuha itu dimulai dari terbitnya matahari. Penetapan penamaan shalat ini pada waktu shalat Dhuha sebagai shalat Isyraq diperoleh dari Ibnu Abbas Radhiyallahu ‘anhu. Dari Abdullah bin Al-Harits bin Naufal, bahwa Ibnu Abbas tidak shalat Dhuha. Dia bercerita, lalu aku membawanya menemui Ummu Hani’ dan kukatakan : “Beritahukan .......

Penjelasan Selengkapnya Klik Disini 

PUASA 3 HARI SETIAP BULAN

Pendidikan Islam by  admin  on  04 November 2020

Puasa yang satu ini bisa kita rutinkan setiap bulannya. Setiap bulan minimal ada tiga hari berpuasa. Dan lebih utama jika dilakukan di pertengahan bulan, yaitu 13, 14 dan 15 Hijriyah, dikenal dengan puasa Ayyamul Bidh. Apa saja keutamaan puasa tersebut?
“Kekasihku (yaitu Rasulullah shallallahu ‘alaihi wa sallam) mewasiatkan padaku tiga nasehat yang aku tidak meninggalkannya hingga aku mati: [1] berpuasa tiga hari setiap bulannya, [2] mengerjakan shalat Dhuha, [3] mengerjakan shalat witir sebelum .......

Penjelasan Selengkapnya Klik Disini 

WUDHU DAN TATACARANYA

Pendidikan Islam by  admin  on  04 November 2020

Terkait dengan pelaksanaan ibadah, hal sangat mendasar yang paling utama harus diperhatikan dan patut diketahui dan dilaksanakan ialah kebersihan dan kesucian seseorang dalam melaksanakan ibadah, terutama dalam melaksanakan ibadah salat. Anjuran tentang pentingnya pemeliharaan kebersihan dan kesucian banyak terdapat dalam ayat al-Qur’an dan hadis Nabi saw. yang di arahkan bagi kebahagiaan .......

Penjelasan Selengkapnya Klik Disini 

Tags: Fiqih, Ibadah, Puasa Arofah, Sholat Dhuha, Sholat Isyraq, Puasa 3 Hari, Wudhu

Kisah Khulafaurrasyidin

KHULAFAURRASYIDIN

Sejarah Islam - Khulafaurrasyidin  by  admin  on 3 November 2020

A'uudzubillaahi minas-syaithaanir-rajiim,

Bismillaahirrahmaanirrahiim,

Pada kesempatan kali ini saya akan berbagi pengetahuan tentang sejarah sahabat Rasulullah SAW terkenal KHULAFAUR-RASYIDIN yang disebutkan dalam Al-Qur'an DAN Hadits yang saya susun berdasarkan berbagai sumber. Semua ini untuk menambah pengetahuan kita tentang Islam terkait sejarah KHULAFAUR-RASYIDIN.

Khulafaur-Rasyidin berasal dari kata khulafa’ dan ar-rasyidin. Kata khulafa, merupakan jamak dari kata khalifah artinya pengganti sedangkan kata ar-rasyidin artinya mendapat petunjuk. Jadi khulafaurrasyidin menurut bahasa adalah orang yang ditunjuk sebagai pengganti, pemimpin atau penguasa yang selalu mendapat petunjuk dari Allah SWT. Khulafaurrasyidin menurut istilah adalah pemimpin umat dan kepala negara yang telah mendapat petunjuk dari Allah SWT. untuk meneruskan perjuangan Nabi Muhammad saw.

Masa pemerintahan khulafaurrasyidin adalah empat khalifah pertama sesudah wafatnya Rasulullah SAW :

1.  Abu Bakar Ash-Shidiq  ( 632 - 634 M )

Ia adalah sahabat nabi yang paling setia dan terdepan dalam membela Nabi Muhammad dan para pemeluk Islam. Ia juga orang yang ditunjuk Nabi SAW untuk menemani hijrah ke Yatsrib (Madinah). Ketika Nabi SAW sakit keras, Abu Bakar adalah orang yang ditunjuk untuk menggantikan beliau sebagai imam dalam shalat. Karena hal ini kemudian dianggap sebagai petunjuk agar Abu Bakar nantinya yang akan menggantikan kepemimpinan Islam sesudah Nabi SAW wafat. 

Kisah Selengkapnya Klik Disini

2.  Umar bin Khatab  ( 634 - 644 M )

Pengangkatan Umar menjadi khalifah adalah berdasarkan surat wasiat yang ditinggalkan oleh Abu Bakar Shidiq. Ketika Abu Bakar sakit dan merasa ajalnya sudah dekat, ia bermusyawarah dengan para pemuka sahabat, kemudian mengangkat Umar bin Khatthab sebagai penggantinya dengan maksud untuk mencegah kemungkinan terjadinya perselisihan dan perpecahan di kalangan umat Islam. Kebijaksanaan Abu Bakar tersebut ternyata diterima masyarakat yang segera secara beramai- ramai membaiat Umar. Umar menyebut dirinya Khalifah Rasulullah (pengganti dari Rasulullah). Ia juga memperkenalkan istilah Amir al-Mu'minin (petinggi orang-orang yang beriman). 

Kisah Selengkapnya Klik Disini

3.  Utsman bin Affan  ( 644 - 655 M )

Pengangkatan Utsman bin Affan tidak seperti pengangkatan khalifah sebelumnya, Ustman bin Affan diangkat menjadi khalifah setelah diadakan musyawarah oleh para sahabat yang ditunjuk oleh Umar bin Khatthab melalui surat wasiatnya. Hal tersebut dilakukan setelah Umar bin Khatthab tidak dapat memutuskan bagaimana cara terbaik menentukan khalifah penggantinya. Segera setelah peristiwa penikaman dirinya oleh Fairuz, seorang Majusi Persia, Umar mempertimbangkan untuk tidak memilih pengganti sebagaimana dilakukan Rasulullah. Umar menunjuk enam orang Sahabat sebagai Dewan Formatur yang bertugas memilih Khalifah baru. Keenam Orang itu adalah Abdurrahman bin Auf, Saad bin Abu Waqash, Thalhah bin Ubaidillah, Zubair bin Awwam, Utsman bin Affan dan Ali bin Abi tholib.

Kisah Selengkapnya Klik Disini

4.  Ali bin Abi Thalib  ( 655 - 661 M )

Setelah Utsman bin Affan wafat, masyarakat beramai-ramai membaiat Ali bin Abi Thalib sebagai khalifah. Namun demikian, kemudian timbullah persoalan ketika Ali bin Abi Thalib mulai mengeluarkan kebijakasanaan baru sebagai khalifah. Ali bin Abi Thalib menonaktifkan para gubernur yang diangkat oleh Utsman bin Affan. Dia yakin bahwa pemberontakan-pemberontakan terjadi karena keteledoran mereka. Dia juga menarik kembali tanah yang dihadiahkan Utsman bin Affan kepada penduduk dengan menyerahkan hasil pendapatannya kepada negara, dan memakai kembali sistem distribusi pajak tahunan di antara orang-orang Islam sebagaimana pernah diterapkan Umar bin Khatthab. 

Kisah Selengkapnya Klik Disini

Wassalam.

Jika sobat merasa artikel KHULAFAURRASYIDIN; Abu Bakar Shiddiq Umar bin Khattab, Utsman bin Affan, Ali bin Abu Thalib ini bermanfaat, silahkan Copas artikel ini, tetapi jangan lupa untuk mencantumkan link sumbernya seperti ini :

Source: https://tpqnuruliman254.blogspot.com/2020/11/khulafaurrasyidin-sejarah-islam.html