Selamat Datang di blog yang keren ini

Niat adalah ukuran untuk menilai besarnya suatu perbuatan. Jika niatnya benar, maka perbuatannya akan benar, dan jika niatnya buruk maka perbuatannya akan buruk (Imam An-Nawawi)

Blog keren dan beken dengan segudang ilmu

Sesungguhnya sebagian perkataan itu ada yang lebih keras dari batu, lebih pahit dari jadam, lebih panas dari bara, dan lebih tajam dari tusukan. Sesungguhnya hati merupakan ladang, maka tanamilah dia dengan perkataan yang baik, sebab bila tidak tumbuh semuanya, maka niscaya akan tumbuh sebagian' (Al Haditz)

Ilmu itu Lebih baik dari harta (Sayidina Ali bin Abi Thalib)

Ilmu itu lebih baik dari harta. Ilmu akan menjaga engkau dan engkau akan menjaga harta. Ilmu itu penghukum (hakim) sementara harta terhukum. Jika harta itu akan berkurang jika dibelanjakan, maka ilmu akan bertambah jika dibelanjakan.(Sayidina Ali bin Abi Thalib)

Pesan lukmanul hakim kepada anaknya

Jika kita boleh memilih 5 hal di dunia ini, maka pilihlah agama, harta, akhlak mulia, rasa malu dan pemurah. Pesan lukmanul hakim kepada anaknya. Jika ingin mendapatkan sesuatu belajarlah dengan memberi, jika ingin kebahagiaan, berikanlah kebahagian itu pada orang lain.

Keberanian berkata jujur adalah sangat mulia

Keberanian untuk mengatakan tidak tahu untuk hal yang tidak diketahuinya akan jauh lebih menenangkan dan dihormati jika dibandingkan selalu ingin kelihatan serba tahu atau sok tahu.

Selasa, 13 Mei 2014

Ipar itu Maut

Ipar itu Maut


Kita pernah mendengar hadits yang menyebutkan bahwa ipar itu maut. Apa yang dimaksud dengan hadits tersebut?
Dari ‘Uqbah bin ‘Amir radhiyallahu ‘anhu bahwa Rasulullah shallallahu ‘alaihi wa sallam bersabda,
إِيَّاكُمْ وَالدُّخُولَ عَلَى النِّسَاءِ فَقَالَ رَجُلٌ مِنَ الأَنْصَارِ يَا رَسُولَ اللَّهِ أَفَرَأَيْتَ الْحَمْوَ . قَالَ الْحَمْوُ الْمَوْتُ
Berhati-hatilah kalian masuk menemui wanita.” Lalu seorang laki-laki Anshar berkata, “Wahai Rasulullah, bagaimana pendapat Anda mengenai ipar?” Beliau menjawab, “Hamwu (ipar)adalah maut.” (HR. Bukhari no. 5232 dan Muslim no. 2172)

Apa yang dimaksud hamwu adalah maut?

Hamwu yang dimaksud dalam hadits bukan hanya ipar saja namun setiap kerabat dekat isteri yang bukan mahram. Yang masih mahram bagi suami dari keluarga istri adalah seperti ayah dan anaknya.
Al Laits berkata bahwa al hamwu adalah ipar (saudara laki-laki dari suami) dan keluarga dekat suami.
Sehingga apa yang dikatakan oleh Al Laits menunjukkan bahwa ipar itu bukan mahram bagi istri.
Yang dimaksud dengan maut di sini yaitu berhubungan dengan keluarga dekat isteri yang bukan mahram perlu ekstra hati-hati dibanding dengan yang lain. Karena dengan mereka seringkali bertemu dan tidak ada yang bisa menyangka bahwa perbuatan yang mengantarkan pada zina atau zina yang keji itu sendiri bisa terjadi. Kita pun pernah mendapatkan berita-berita semacam itu.
Hadits di atas juga mengajarkan larangan berdua-duaan dengan wanita yang bukan mahram. Karena dalam hadits sudah disebutkan pula,
لاَ يَخْلُوَنَّ أَحَدُكُمْ بِامْرَأَةٍ فَإِنَّ الشَّيْطَانَ ثَالِثُهُمَا
Janganlah salah seorang di antara kalian berdua-duaan dengan seorang wanita (yang bukan mahramnya) karena setan adalah orang ketiganya.” (HR. Ahmad 1: 18. Syaikh Syu’aib Al Arnauth mengatakan bahwa sanad hadits ini shahih, para perowinya tsiqoh sesuai syarat Bukhari-Muslim).
Namun jika bersama wanita itu ada wanita lain atau terdapat mahramnya, maka jadilah hilang maksud yang dilarang. Ini berlaku untuk pergaulan dengan yang bukan mahram.
Semoga bermanfaat, hanya Allah yang memberi taufik. Baca artikel penting lainnya: Siapakah Mahrom Anda?

Referensi:

Syarh ‘Umdatil Ahkam, Syaikh ‘Abdurrahman bin Nashir As Sa’di, terbitan Darut Tauhid, cetakan pertama, tahun 1431 H, hal. 591.

Diselesaikan di siang hari menjelang Zhuhur di Pesantren Darush Sholihin, 13 Rajab 1435 H
Penulis: Muhammad Abduh Tuasikal
Artikel Muslim.Or.Id

Rabu, 07 Mei 2014

Cara Membuat Menu Dropdown / Sub Menu

Cara Membuat Menu Dropdown / Sub Menu

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara membuat menu dropdown / sub menu di blogspot.

Cara Membuat Menu Dropdown / Sub Menu pada Blogspot 
  • Login pada Blogger
  • Masuk mode Rancangan kemudian Edit HTML
  • Beri centang pada Expand Template Widget
  • Cari kode <div class='main-outer'> atau <div id='main-wrapper'> atau <div id='main'>
  • Jika sudah ketemu, letakan kode berikut diatas kode 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='#'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu + Sub Menu</a>
<ul id='sub-custom-nav'>
<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</a></li>
<li><a href='#'>Menu + Sub</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub 1</a></li>
<li><a href='#'>Sub 2</a></li>
<li><a href='#'>Sub 3</a></li>
<li><a href='#'>Sub 4</a></li>
<li><a href='#'>Sub 5</a></li>
<li><a href='#'>Sub 6</a></li>
</ul>
</li>
<li><a href='#'>Menu</a></li>
<li><a href='http://blogtutorials-01.blogspot.com'><b><blink>Blogger Tutorial</blink></b></a></li>
</ul>
</div>
Catatan:
Silakan ganti tanda PAGAR (#) dengan link/url yang kamu mau, boleh link posting atau link Label (Kategori)
Sub Menu dan Sub adalah sub menu dari menu (Menu + Sub Menu dan Menu + Sub), silakan ganti nama masing-masing menu sesuai selera.
Hal-hal yang mungkin akan ditanyakan :
1. Kode yang harus dicari tidak ada di blog saya
Solusinya, silakan pasang kode menu horizontak tersebut di tempat yang kira-kira pas dengan yang kamu mau, kemudian klik Preview (Pratinjau). Jika masih belum pas silakan pindahkan  kode tersebut kemudian Pratinjau lagi. Lakukan sampai menunya sudah berada ditempat yang kamu mau.
2. Bagaimana cara memasukkan beberapa artikel dalam 1 menu?
Agar bisa menampilakan beberapa artikel dalam 1 menu maka kamu harus pasang Link Label pada menu tersebut, caranya sama, yaitu dengan cara mengganti tanda pagar (#) dengan link label yang ada di blog teman. 
Demikian Blogger Tutorial tentang.

Selasa, 06 Mei 2014

Cara Menyembunyikan Posting di Home Page Blogspot

Cara Menyembunyikan Posting di Home Page Blogspot

Menyembunyikan artikel blog di homepage pada blogspot mungkin terdengar aneh & bahkan mungkin barang baru. Karena kebanyakan tutorial adalah bagaimana cara menyembunyikan gadget/widget blog di homepage atau sebaliknya.

Nah, pada kesempatan kali ini ane mencoba untuk memberi trik untuk menyembunyikan postingan blog di homepage blog Sobat yang menurut ane akan membuat blog Sobat terlihat simple karena tidak akan menampilkan Posting yang ada diblog Sobat di homepage/halaman awal/halaman muka begitulah maksudnya kira-kira. hehe...

Ok...bagi yang berminat atau pengen mencoba dengan cara Edit HTML & silahkan ikuti langkah-langkah di trik ini dengan ihklas & tulus...hahaha just kidding Sob. tapi sebelum mengikuti langkah-langkah yang ada di bawah, ane sarankan untuk download template sobat sebelumnya karena resiko ditanggung penumpang

Pertama, silakan mulai dari Dasbor » Rancangan » Edit HTML.
Jangan lupa centang kotak Expand Template Widget.

Kedua, cari kode seperti ini di template blog Sobat. untuk mempermudah pencarian klik F3 atau Ctrl+f :

<b:includable id='main' var='top'>
<b:if cond='data:blog.pageType == "item"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
</b:if>

Ketiga, Silahkan sisipkan kode berwarna Merah seperti contoh di atas. Dan simpan template Sobat, Selesai & lihat hasilnya.

Senin, 05 Mei 2014

Cara membuat Menubar di blog

Cara membuat Menubar di blog

Cara membuat Menubar di blog - Hmm, sobat sudah pada tau menubar itu apa kan? hah belum? okedeh tidak apa-apa reggy jelaskan lagi untuk yang belum tau. Menubar adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi menubar yaitu untuk menyimpan link-link penting di suatu blog, agar pengunjung dapat lebih mudah mengunjungi halman-halaman utama yang ada pada suatu blog itu. Pada postingan sebelumnya saya juga telah menjelaskan bagaimana cara membuat menubar pada template klasik.  Namun, bedanya kali ini membuat menubar pada custom template. Untuk melihat bagaimana screenshot menubarnya lihat di bawah ini:
cara membuat menubar di blog
Menubar ini juga bisa dibuatkan lagi submenu kebawahnya, lihat di gambar. Nah jadi misalkan sobat ingin memasang submenu dari sebuah link itu tinggal menambah sedikit kode yang akan dijelaskan dibawah. Oh iya, menubar di postingan ini tidak ada search box seperti digambar. Tetapi jika sobat ingin membuat menubar di blog dengan search box, silahkan kunjungi postingan Disini. Sudah tau kan bagaimana penampakan menubar di blog itu? nah, cara membuat menubar di blog tidak sulit kok.

1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML
4. Cari kode ]]></b:skin> (gunakan ctrl+f)
5. Pasang kode di bawah ini di atas kode ]]></b:skin>
#menubar{
width:900px;
height:32px;
background:#de360f;
margin: 0 auto;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
color:#ffa500;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}
7. Selanjutnya cari kode <div id="content-wrapper">
8. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 7. Pengecualian untuk yang tidak ada kode pada no 7, sobat bisa menaruh dielemen div id lainnya. Biasanya template blog terdapat kode seperti <div id='header.... Jadi, bila tidak ada sobat bisa menaruhnya di bawah kode yang mirip dengan <div id='header...
<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul>
</div>
9. Simpan Template dan lihat hasilnya

Untuk membuat sub menu (menu dropdown) agar mudah ganti saja kode pada no 8 dengan kode di bawah ini
<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a>
<ul>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul></li>
</ul>
</div>
Keterangan:
  • Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
  • Ganti tulisan berwarna Biru (Edit me) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
  • Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
  • Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.
  • Di setiap blog juga ada juga yang berbeda tanda kutipnya. Sobat bisa menelitinya lagi. Tanda kutip ' atau " 
Misalkan kode <div id="content-wrapper"> atau sejenisnya memang benar2 tidak ada. Sobat bisa menaruhnya di area kode header sobat. Caranya sobat bisa mengklik tombol Lompat ke widget lalu mengklik widget header sobat. Contoh pada gambar

Setelah itu. Letakkan kode menubar yang berada pada langkah no 8, di bawah kode widget header blog sobat. Bisa dibawah </b:section> atau dibawah kode </div> pada gambar. Itu meletakkan menubar dibawah header blog sobat.
Sebenarnya masih ada juga kode sejenis main-wrapper, header-wrapper, header-inner dll. Nah, kode menubar dapat diletakkan di kode-kode css sejenis itu.

Bagaimana? mudah kan. Inget sob, kunci utama keberhasilan membuat menubar pada blog yaitu ketelitian dalam mengedit dan memasang kode css/htmlnya. Misalkan ada yang kurang atau kesalahan sedikit, menubar itu malah jadi gagal alias tidak terpasang. Jadi, sobat harus lebih teliti ya agar tidak keliru, good luck sobat ;)

Minggu, 04 Mei 2014

Cara Mengganti Font dan Ukuran Judul Blog

Cara Mengganti Font dan Ukuran Judul Blog


cara mengubah jenis huruf judul postingan blog adalah sebagai berikut 

1. Login ke Blogger
2. Klik Rancangan > Edit HTML
3. Cari kode yang sama atau mirip kode berikut:

.post h1 { atau .post h2 { atau .post h3 {

maka perhatikan kode yang diawali dengan kode "font-family" pada salah satu kode di atas,
seperti contoh di bawah ini:

.post h2 {
color: #2255AA;
font-size: 27px;
font-family: Times New Roman, Georgia, Trebuchet MS;
font-weight: normal;
margin: 0px;    
padding: 0px 0px 5px 0px;
}

untuk merubah jenis hurufnya kita tinggal merubah jenis font setelah kode :font-family dengan jenis font yang kita inginkan. Dan untuk merubah ukuran font anda tinggal merubah pada angka font size.
Mudah bukan…