ILMU1994

Home / Archives for 02/01/2012 - 03/01/2012

Menambahkan Slide Moving Boxes pada Blogger

Posted by ikbal Tuesday, February 21, 2012 2 comments

kali ini, akan dibahas tentang bagaimana cara membuat slide Moving Boxes pada Blogger. Slide Moving Boxes merupakan slidedengan menggunakan jquery dan css sebagai instrumen penyusunnya. Walaupun biasanya slide ini digunakan untuk web, kali ini saya coba mengembangkannya di Blogger.Berikut penjelasan lengkapnya :

Langkah 1
Pada bagian head, masukkan kode untuk memanggil jquery dan slider movingboxes yang akan dipakai.

<script charset='utf-8' src='http://nusacode.googlecode.com/files/jquery-1.3.1.min.js' type='text/javascript'/>
<script charset='utf-8' src='http://nusacode.googlecode.com/files/slider.js' type='text/javascript'/>

masukkan kode diatas diantara kode <head>...</head>

Langkah 2

Setelah itu kita akan memasukkan kode css yang diperlukan untuk tampilan slide MovingBoxes. Masukkan kode berikut sebelum </head>

<style type='text/css'>
{
margin: 0;
padding: 0;
}
body {
   font: 11px Helvetica, Arial, sans-serif;
}
#wrapper {
   width: 800px;
   margin: 25px auto;
}
#intro {
   padding-bottom: 10px;
}
#slider {
   width: 800px;
   margin: 0 auto;
   position: relative;
border: 10px solid #ccc;
}
.scroll {
overflow: hidden;
width: 800px;
   margin: 0 auto;
   position: relative;
}
.scrollContainer {
position: relative;
}
.scrollContainer div.panel {
   padding: 10px;
   width: 274px;
height: 318px;
}
#left-shadow {
position: absolute;
top: 0;
left: 0;
width: 12px;
bottom: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvN-soHFHllY2DGIxMbiG4R7-9_ZkXnCaqb5vsy9SyriMyD-6m4mXRkCZr-GCRRTedrNK5xVNqPNo3tvp7cGMqH54ElCRYI5S-HIrtFB63SXSq26BT3JJgdBKSAiMMbjqNxWrklT_-y18/) repeat-y;
}
#right-shadow {
position: absolute;
top: 0;
right: 0;
width: 12px;
bottom: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwM4mJKxLh_rUmCoyvwgLfhTDEZai_nqawRPS-EVTiPbusQRrDVdueCL04TNbWPIbgt-8jOWxGcyE9EpIgxoJftM2uzNZDSSJlKRbbPQujRL_SjL4WQJILHgBx_H6m98pzrb0tMnN1zg/) repeat-y;
}
.inside {
padding: 10px;
border: 1px solid #999;
}
.inside img {
display: block;
border: 1px solid #666;
margin: 0 0 10px 0;
width: 250px;
}
.inside h2 {
font-weight: normal;
color: #111;
font-size: 16px;
margin: 0 0 8px 0;
}
.inside p {
font-size: 11px;
color: #ccc;
}
a {
color: #999;
text-decoration: none;
border-bottom: 1px dotted #ccc;
}
a:hover {
border-bottom: 1px solid #999;
}
.scrollButtons {
   position: absolute;
   top: 127px;
   cursor: pointer;
}
.scrollButtons.left {
   left: -45px;
}
.scrollButtons.right {
   right: -45px;
}
.hide {
   display: none;
}
</style>

Langkah 3

Setelah itu simpan template yang ada. Kemudian klik pada bagian Elemen Halaman, lalu klik Tambah Gadget. Pilih HTML/JavaScript, kemudian masukkan kode berikut :

<div id="wrapper"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2yfHn0cop-z8UJUWxq3_5iKga5C5-7IFVGtAgTq-403vyl__FH1s44l9vMhZ_kHLVUFwPtt1qUceWTgRaumYXNF5fEDDav1iwBcuUgEl3lkimuYRvOy0VLIsIqdzaDqfLcCp4XAIwAm0/" alt="moving boxes" /> <div id="slider"> <img class="scrollButtons left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgziDPubarNxlG0t_ABws9eAfMYO30rRu8MbR8KsqdubHUKLQVZqIyRz7onTDdJMyF7ixAkFPeUzIwEeEsJdAFA3bKbb3oaRzz_i-iVhlG0zmZaiPz0qcTkdDxG4hfRuoPN1zdxmC84-j8/" /> <div style="overflow: hidden;" class="scroll"> <div class="scrollContainer"><div class="panel" id="panel_1"> <div class="inside"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3kT0XiDV-OaDsyQ6rd0igl6eafyJ3esoCeE_juDVioEqH1pz2OOraz-lVWfwmM6bLANO5UN0FJ7C0nwi9ebJhGjBMFwGR7F_AtXSFIegMJjFsxZ2y-bpnkjYNFDGa_-ZZkfSBqRT7AKw/s400/Untitled.png" alt="picture" /><h2>Membuat Judul Widget Berada Di Tenga</h2><p>A very shot exerpt goes here... <a href="#">more link</a></p></div></div><div class="panel" id="panel_2"> <div class="inside"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWC8HQC3RSOTYCVDjuhzTg72jigOsArl43RI9U315BvoYyR8hw6c-Ppkk-aj6qlQYexq5dIqL-6LvPLcEADuMs9nbnvArpsofZQZqKol8b1thdVhhlDJJ4SAVQKyKveIfAGHatbVEDr9hB/s1600/Garden+Of+Orchids.jpg" alt="picture" /><h2>News Heading</h2><p>A very shot exerpt goes here... <a href="#">more link</a></p></div></div> <div class="panel" id="panel_3"> <div class="inside"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLL8FNFquqkupy-VBTgfrAuDnLhKFXo-h-JcBIh5sFvGy6ScpF9K7zObL5maTgB-6DmST24_2qi9pEjJzSVEwjMdbH4sQTZW3DyF5fw6FpOHhg5hWsJNTkfvtMknoOlTCqHZR9j6S0jANX/s1600/Deep+Green.jpg" alt="picture" /><h2>News Heading</h2><p>A very shot exerpt goes here... <a href="#">more link</a></p></div></div> <div class="panel" id="panel_4"> <div class="inside"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQI_-vvVdV4fJiidXbYj_ikHWr9-OlBQcR0X0T8YqBr3653aTEnhK9F425lA6tMmQWTpp7ys0zA9bO2d34wibTFO3qN81FyMQfGqgyncJeaOjzOOD-p6ng7OcYcSl34AB2CTP-vYiY7Ys2/s1600/Elegant+Red.jpg" alt="picture" /><h2>News Heading</h2><p>A very shot exerpt goes here... <a href="#">more link</a></p></div></div> <div class="panel" id="panel_5"> <div class="inside"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisi2g-qwEmg3bj13vOF-gLfOSzAbbyGe0EBk_NGjgZBnmY4hwa3iQKs1t430cEu5FbiuXWuQJCIkqv3ePybaObmb5TYlQZmSWmBH445v4g_tAW9glafaAHOejUkRspfJcyecswJ3asn1VM/s1600/for+music.jpg" alt="picture" /><h2>News Heading</h2><p>A very shot exerpt goes here... <a href="#">more link</a></p></div></div> </div><div id="left-shadow"></div> <div id="right-shadow"></div> </div><img class="scrollButtons right" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHQqtSW6EROtKZdaavPtCCqFqN3oeDTAmZ8wIBnFMvPUB-SObakckfRRWxdKfquJ7PEAyMrfafFUd5YpkYG8eDFYvAelkdNVEpRlgnwIJsooKfsqFEJPjtg-KHM-a3Bv3TX8EJfsjYCLI/" /></div></div>

Penjelasan :

Kode warna Hijau : Isi sesuai dengan link yang kalian kehendaki.

Kode Warna Merah : Judul dari bagian slide.

Kode Warna Orange : Alamat link gambar.

Baca Selengkapnya ....

Pandangan Islam Tentang Valentine

Posted by ikbal Tuesday, February 14, 2012 0 comments

Ferbruari ada sebuah tanggal yang katanya hari kasih sayang atau hari valentine. Hari dimana sebagian manusia bumi ini merayakannya dengan suka cita. Namun tahukan anda sejarah valentine dan pandangan valentine menurut islam?

Dibawah ini ada kutipan yang membahas mengenai hari valentine menurut islam atau sudut pandang islam tentang valentine days

Oleh kerana itu Islam amat melarang kepercayaan yang membonceng (mendorong/mengikut) kepada suatu kepercayaan lain atau dalam Islam disebut Taqlid.

Hadis Rasulullah s.a.w:

“ Barang siapa yang meniru atau mengikuti suatu kaum (agama) maka dia termasuk kaum (agama) itu”.
Firman Allah s.w.t. dalam Surah AL Imran (keluarga Imran) ayat 85 :“Barangsiapa yang mencari agama selain agama Islam, maka sekali-sekali tidaklah diterima (agama itu) daripadanya, dan dia di akhirat termasuk orang-orang yang rugi”.

HAL-HAL YANG HARUS DIBERI PERHATIAN:-

Dalam masalah Valentine itu perlu difahami secara mendalam terutama dari kaca mata agama kerana kehidupan kita tidak dapat lari atau lepas dari agama (Islam) sebagai pandangan hidup. Berikut ini beberapa hal yang harus difahami di dalam masalah 'Valentine Day'.

1. PRINSIP / DASAR
Valentine Day adalah suatu perayaan yang berdasarkan kepada pesta jamuan 'supercalis' bangsa Romawi kuno di mana setelah mereka masuk Agama Nasrani (kristian), maka berubah menjadi 'acara keagamaan' yang dikaitkan dengan kematian St. Valentine.

2. SUMBER ASASI
Valentine jelas-jelas bukan bersumber dari Islam, melainkan bersumber dari rekaan fikiran manusia yang diteruskan oleh pihak gereja. Oleh kerana itu lah , berpegang kepada akal rasional manusia semata-mata, tetapi jika tidak berdasarkan kepada Islam(Allah), maka ia akan tertolak.

Firman Allah swt dalam Surah Al Baqarah ayat 120 :“Orang-orang Yahudi dan Nasrani tidak akan senang kepada kamu hingga kamu mengikuti agama mereka.

Katakanlah : “Sesungguhnya petunjuk Allah itulah petunjuk (yang sebenarnya)”. Dan sesungguhnya jika kamu mengikuti kemahuan mereka setelah pengetahuan datang kepadamu, maka Allah tidak lagi menjadi pelindung dan penolong bagimu”.

3. TUJUAN
Tujuan mencipta dan mengungkapkan rasa kasih sayang di persada bumi adalah baik. Tetapi bukan seminit untuk sehari dan sehari untuk setahun. Dan bukan pula bererti kita harus berkiblat kepada Valentine seolah-olah meninggikan ajaran lain di atas Islam. Islam diutuskan kepada umatnya dengan memerintahkan umatnya untuk berkasih sayang dan menjalinkan persaudaraan yang abadi di bawah naungan Allah Yang Maha Pengasih dan Penyayang. Bahkan Rasulullah s.a.w. bersabda :“Tidak beriman salah seorang di antara kamu sehingga ia cinta kepada saudaranya seperti cintanya kepada diri sendiri”.

4. OPERASIONAL
Pada umumnya acara Valentine Day diadakan dalam bentuk pesta pora dan huru-hara.
Perhatikanlah firman Allah s.w.t.:“Sesungguhnya pemboros-pemboros itu adalah saudara-saudara syaithon dan syaithon itu adalah sangat ingkar kepada Tuhannya”. (Surah Al Isra : 27)

Surah Al-Anfal ayat 63 yang berbunyi : “…walaupun kamu membelanjakan semua (kekayaan) yang berada di bumi, niscaya kamu tidak dapat mempersatukan hati mereka, akan tetapi Allah telah mempersatukan hati mereka. Sesungguhnya Dia (Allah) Maha Perkasa lagi Maha Bijaksana”.

Sudah jelas ! Apapun alasannya, kita tidak dapat menerima kebudayaan import dari luar yang nyata-nyata bertentangan dengan keyakinan (akidah) kita. Janganlah kita mengotori akidah kita dengan dalih toleransi dan setia kawan. Kerana kalau dikata toleransi, Islamlah yang paling toleransi di dunia.

Sudah berapa jauhkah kita mengayunkan langkah mengelu-elukan(memuja-muja) Valentine Day ? Sudah semestinya kita menyedari sejak dini(saat ini), agar jangan sampai terperosok lebih jauh lagi. Tidak perlu kita irihati dan cemburu dengan upacara dan bentuk kasih sayang agama lain. Bukankah Allah itu Ar Rahman dan Ar Rohim. Bukan hanya sehari untuk setahun. Dan bukan pula dibungkus dengan hawa nafsu. Tetapi yang jelas kasih sayang di dalam Islam lebih luas dari semua itu. Bahkan Islam itu merupakan 'alternatif' terakhir setelah manusia gagal dengan sistem-sistem lain.

Lihatlah kebangkitan Islam!!! Lihatlah kerosakan-kerosakan yang ditampilkan oleh peradaban Barat baik dalam media massa, televisyen dan sebagainya. Karena sebenarnya Barat hanya mengenali perkara atau urusan yang bersifat materi. Hati mereka kosong dan mereka bagaikan 'robot' yang bernyawa.

MARI ISTIQOMAH (BERPEGANG TEGUH)
Perhatikanlah Firman Allah :
“…dan sesungguhnya jika kamu mengikuti keinginan mereka setelah datang ilmu kepadamu, sesungguhnya kamu kalau begitu termasuk golongan orang-orang yang zalim”.

Semoga Allah memberikan kepada kita hidayahNya dan ketetapan hati untuk dapat istiqomah dengan Islam sehingga hati kita menerima kebenaran serta menjalankan ajarannya.

Tujuan dari semua itu adalah agar diri kita selalu taat sehingga dengan izin Allah s.w.t. kita dapat berjumpa dengan para Nabi baik Nabi Adam sampai Nabi Muhammad s.a.w.

Firman Allah s.w.t.:
“Barangsiapa yang taat kepada Allah dan RasulNya maka dia akan bersama orang-orang yang diberi nikmat dari golongan Nabi-Nabi, para shiddiq (benar imannya), syuhada, sholihin (orang-orang sholih), mereka itulah sebaik-baik teman”.

Berkata Peguam Zulkifli Nordin (peguam di Malaysia) di dalam kaset 'MURTAD' yang mafhumnya :-

"VALENTINE" adalah nama seorang paderi. Namanya Pedro St. Valentino. 14 Februari 1492 adalah hari kejatuhan Kerajaan Islam Sepanyol. Paderi ini umumkan atau isytiharkan hari tersebut sebagai hari 'kasih sayang' kerana pada nya Islam adalah ZALIM!!! Tumbangnya Kerajaan Islam Sepanyol dirayakan sebagai Hari Valentine. Semoga Anda Semua Ambil Pengajaran!!! Jadi.. mengapa kita ingin menyambut Hari Valentine ini kerana hari itu adalah hari jatuhnya kerajaan Islam kita di Sepanyol..

Demikianlah sudut pandang islam menanggapi valentine menurut islam, semoga kita sebagai muslim dapat mengambil kesimpulan dari pembahasan diatas. Amin

Baca Selengkapnya ....

NABI IDRIS AS PINGSAN MELIHAT NERAKA DAN SURGA

Posted by ikbal Saturday, February 11, 2012 0 comments

Nabi Idris as di masa hidupnya, Allah SWT telah mengaruniakan untuk mengunjungi surga maupun neraka. DI kedua tempat itu, Nabi Idris as pingsan begitu melihat pemandangan yang dilihat dikedua tempat itu.
NERAKA