Membuat menu horizontal dengan sub menunya

Pengetahuan ini diambil dari sebuah blog yang mengupas tentang membuat menu horizontal dengan sub menunya, Terus terang saja, penulis juga belum berhasil menerapkan cara ini, Penulis berharap suatu hari akan terwujud. Tapi tidak menutup kemungknan para pembaca akan memulai dan menikmati lebih dahulu.

Mari kita sama-sama belajar... Ok kita lanjutkan ... !

Lihat menu nya seperti ini ! Apa membuat menu seperti ini yang teman-teman inginkan?

Ya sudah kita lanjutkan, 

• Blogger dalam keadaan login tentunya >> dan dalam Menu edit HTML
• Centang/ Ceklis widget tempe nya
• Laksanakan perintah - perintah berikut ini ! 

Cari Kode seperti merah di bawah ini 

</b:skin>

Letakkan atau paste kode biru di bawah ini tepat diatas kode merah

.jqueryslidemenu{
font: bold 12px Trebuchet MS; background: #414141; width: 100%;}

.jqueryslidemenu ul{
margin: 0; padding: 0; list-style-type: none;}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative; display: inline; float: left;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0; display: block; visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item; float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;color: black;}

/* CSS classes applied to down and right arrow images */

.downarrowclass{
position: absolute; top: 12px; right: 7px;}

.rightarrowclass{
position: absolute; top: 6px; right: 5px;}

Cari kode Pink seperti ini  </head>

Lanjutkan dengan paste kan kode merah dibawah ini tepat di atas kode pink

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src=' http://h1.ripway.com/anshul555/slidemenu_horiz.js ' type='text/javascript'/>

Selanjutnya teman teman dapat memasang menunya di widget java script atau pada header seperti navbar blogger, jika menunya kelebihan hapus saja, trial error juga nggak pp, saran saya buat sebuat blog untuk percobaan, hehehe ...

Buat widget baru ... HTML java script yang atas atau bawah silahkan,

Ini Kode menu horizontal dan sub menunya 

<div class='jqueryslidemenu' id='myslidemenu'>
<ul>
<li><a href='http://kadri-blog.blogspot.com'>Home</a></li>
<li><a href='URL'>Daftar Isi</a></li>
<li><a href='URL'>Tutorial Blog</a>
<ul>
<li><a href='URL'>Sub Item 1.1</a></li>
<li><a href='URL'>Sub Item 1.2</a></li>
<li><a href='URL'>Sub Item 1.3</a></li>
</ul>
</li>
<li><a href='URL'>Islam</a></li>
<li><a href='URL'>Folder 2</a>
<ul>
<li><a href='URL'>Sub Item 2.1</a></li>
<li><a href='URL'>Folder 2.1</a>
<ul>
<li><a href='URL'>Sub Item 2.1.1</a></li>
<li><a href='URL'>Sub Item 2.1.2</a></li>
<li><a href='URL'>Folder 3.1.1</a>
<ul>
<li><a href='URL'>Sub Item 3.1.1.1</a></li>
<li><a href='URL'>Sub Item 3.1.1.2</a></li>
<li><a href='URL'>Sub Item 3.1.1.3</a></li>
<li><a href='URL'>Sub Item 3.1.1.4</a></li>
</ul>
</li>
<li><a href='URL'>Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://kadri-blog.blogspot.com'>Link Exchange</a></li>
</ul>
<br style='clear: left'/>
</div>

Oke lanjut ... jika mau di atas seperti navbar blogger.. cari aja kode seperti ini  

 

<div id='header-wrapper'>

Pastekan kode horizontal dan sub menunya tadi tepat diatas kode ini, oke selesai dah .. simpan templates dan lihat hasilnya...

Semoga bermanfaat bagi kita semua amin ... 

read more

Manfaat Menghafal Al Qur'an

Tulisan ini langsung diambil dari www.eramuslim.com

Saya sengaja mengambil tulisan ini karena sangat bermanfaat bagi diri saya sendiri maupun pembaca-pembaca lain. Semoga Pemilik dari tulisan ini akan diberikan pahala yang berlipat ganda. Amin Ya Robbal Alamin.....

Berbagai kajian kontemporer membuktikan bahwa hafalan Al-Qur’an dapat menjaga seseorang dari berbagai penyakit, meningkatkan daya tahan tubuh, serta meningkatkan kreatifitas dan relaksasi.

Amal terbaik yang bisa dikerjakan seseorang adalah membaca Al-Qur’an, mengamalkan kandungannya, menerapkan perintah Allah, dan menjauhi larangan Allah. Selama pengalaman interaksi dengan Al-Qur’an dalam kurun waktu lebih dari dua puluh tahun, saya menemukan sebuah kepastian bahwa Al-Qur’an memiliki pengaruh yang besar terhadap kepribadian manusia.

Ketika Anda membaca sebuah bukti tentang Neuro Linguistic Programming, atau tentang seni manajemen waktu, atau seni bergaul, maka penulisnya akan mengatakan: membaca buku ini dapat mengubah hidup Anda. Artinya, kitab apapun yang dibaca seseorang itu akan memengaruhi perilaku dan kepribadiannya, karena kepribadian meurpakan hasil dari wawasan dan pengalaman seser, serta apa yang dibaca, dilihat dan didengarnya.

Sudah barang tentu buku-buku karangan manusia ini pengaruhnya terbatas. Tetapi, ketika berbicara tentang Kitab Allah yang menciptakan manusia, dimana Dia lebih mengetahui apa yang ada dalam diri manusia dan apa yang menjadikannya lebi hbaik, maka sudah barang tentu kita menemukan dalam kitab ini informasi-informasi yang dibutuhkan manusia dalam kehidupannya di dunia dan akhirat. Karena Al-Qur’an adalah cahaya, obat dan petunjuk. Di dalam kita temukan masa lalu dan masa mendatang. Allah berfirman, “Yang tidak datang kepadanya (Al Qur'an) kebatilan baik dari depan maupun dari belakangnya, yang diturunkan dari Tuhan Yang Maha Bijaksana lagi Maha Terpuji.” (QS Fushshilat [41]: 42).

Dapat saya tegaskan bahwa setiap ayat yang Anda baca, renungkan dan hafal itu dapat menciptakan perubahan dalam hidup Anda! Bagaimana dengan orang yang membaca dan menghafal seluruh Al-Qur’an? Tidak diragukan bahwa bacaan Al-Qur’an, perenungan, dan penyimakan dengan khusyuk itu dapat merekonstruksi kepribadian seseorang, karena Al-Qur’an mengandung berbagai prinsip dan dasar-dasar yang solid bagi caracter building.

Saya akan menyampaikan pengalaman sederhana tentang sejauh mana pengaruh Al-Qur’an terhadap kepribadian seseorang, bahkan satu ayat saja! Saya pernah membaca firman Allah: “Diwajibkan atas kamu berperang, padahal berperang itu adalah sesuatu yang kamu benci. Boleh jadi kamu membenci sesuatu, padahal ia amat baik bagimu, dan boleh jadi (pula) kamu menyukai sesuatu, padahal ia amat buruk bagimu; Allah mengetahui, sedang kamu tidak mengetahui.” (QS Al-Baqarah [2]: 216) Dalam hati saya berkata, ayat ini pasti mengandung sebuah hukum pasti yang memberi kebahagiaan bagi orang yang mengimplemensikannya dalam hidup.

Sebelum membaca ayat ini, saya sedang merasa sedih karena mengalami suatu musibah, atau merasakan ketakutan terhadap masa depan, karena saya sedang mencemaskan suatu hal.

Setelah merenungkan ayat ini dalam waktu yang cukup lama, saya menyadari bahwa Allah telah menadirkan segala sesuatu, dan Dia tidak akan memilihkan untukku selain yang terbaik bagiku, karena Dia mengetahui masa depan, sedangkan saya tidak. Demikianlah, akhirnya saya memandang segala sesuatu dengan optimis, meskipun secara lahir menyedihkan. Saya selalu mengharapkan terjadinya hal baik, meskipun menurut perhitungan tidak demikian.

Allah telah menetapkan setiap hal yang akan terjadi padaku sejak usiaku 42 hari dalam kandungan. Lalu, untuk apa aku bersedih. Selama Allah mendengar dan mengatur alam semesta ini, untuk apa takut dan cemas? Karena Allah yang menakdirkan dan memilihkannya untukku, maka itu pasti baik, bermanfaat, dan memberi kebahagiaan.

Demikianlah, kepribadian saya berubah dari akarnya menjadi pribadi yang optimis dan bahagia, dan terbebas dari banyak masalah yang mungkin saja terjadi seandainya Allah tidak memberiku kesempatan untuk merenungkan ayat ini, memahami, dan menerapkannya dalam kehidupan sehari-hari.

Kesimpulannya, berpegang teguh pada Al-Qur’an dan menjaga tilawahna itu dapat berpengaruh positif terhadap kepribadian seseorang, meninggalkan sistem kekebalan dalam dirinya, melindunginya dari berbagai penyakit psikologis, membantunya untuk sukses dan mengambil keputusan-keputusan yang sulit. Jadi, Al-Qur’an adalah jalan Anda untuk menjadi kreatif, memimpin, bahagia dan sukses!

read more

Membuat Fungsi Terbilang pada Microsoft Exel

Fungsi terbilang disini adalah fungsi untuk mengkonversi angka menjadi terbilang. Contoh angka 2500 akan dikonversi menjadi dua ribu lima ratus, fungsi ini banyak digunakan untuk membuat faktur, nota atau kwitansi. Untuk membuat fungsi ini di Microsoft Excel caranya sebagai berikut:

• Buat document baru, atau buka document yang sudah ada dan ingin diberi fungsi terbilang ini. Kemudian buka Microsoft Visual Basic Editor dari menu Tools > Macro > Visual Basic Editor atau langsung tekan tombol Alt + F11.

• Buat sebuah module baru dengan cara klik menu Insert > Module kemudian tambahkan script berikut. :
  ————————————————————————-
  Function Terbilang(n As Long) As String 'max 2.147.483.647
  Dim satuan As Variant, Minus As Boolean
  On Error GoTo terbilang_error
  satuan = Array("", "Satu", "Dua", "Tiga", "Empat", "Lima", "Enam", "Tujuh", "Delapan", "Sembilan", "Sepuluh", "Sebelas")
  If n < 0 Then
  Minus = True
  n = n * -1
  End If
  Select Case n
  Case 0 To 11
  Terbilang = " " + satuan(Fix(n))
  Case 12 To 19
  Terbilang = Terbilang(n Mod 10) + " Belas"
  Case 20 To 99
  Terbilang = Terbilang(Fix(n / 10)) + " Puluh" + Terbilang(n Mod 10)
  Case 100 To 199
  Terbilang = " Seratus" + Terbilang(n - 100)
  Case 200 To 999
  Terbilang = Terbilang(Fix(n / 100)) + " Ratus" + Terbilang(n Mod 100)
  Case 1000 To 1999
  Terbilang = " Seribu" + Terbilang(n - 1000)
  Case 2000 To 999999
  Terbilang = Terbilang(Fix(n / 1000)) + " Ribu" + Terbilang(n Mod 1000)
  Case 1000000 To 999999999
  Terbilang = Terbilang(Fix(n / 1000000)) + " Juta" + Terbilang(n Mod 1000000)
  Case Else
  Terbilang = Terbilang(Fix(n / 1000000000)) + " Milyar" + Terbilang(n Mod 1000000000)
  End Select
  If Minus = True Then
  Terbilang = "Minus" + Terbilang
  End If
  Exit Function
  terbilang_error:
  MsgBox Err.Description, vbCritical, "^_^Terbilang Error"
  End Function————————————————————————–
• Tutup kembali Visual Basis Editor dan kembali ke lembar kerja excel, coba ketikkan angka sembarang di sembarang tempat. Misal di cell C5 ketikkan 1250200 (nb: Maksimal 2147483647)
• Atau jika anda bingung cara memasukkan Function diatas download MS Excel add-ins di sini dan tambahkan lewat menu tools > Add-Ins

• Browse hasil extract file yang barusan di download, sampai Add-Ins terbilang masuk dalam daftar Add-Ins  
•               

• Kemudia di cell yang yang lain / tempat menaruh hasil terbilang ketikkan formula =terbilang(C5)
• Kemudian di cell tersebut akan muncul hasil terbilang yaitu satu juta dua ratus lima puluh ribu dua ratus

• Jika ingin di belakang hasil terbilang ada kata Rupiah tambahkan di dalam formula =terbilang(C5) & “Rupiah”

Semoga bermanfaat

read more