Tutorial table3: Cara membuat table di dalam table

Apakah kamu merasa kesulitan Ketika kamu hendak menempatkan dua, tiga, atau beberapa table sekaligus dalam 1 baris table?? Dan bagaimana caranya menempatkan table-table yang lain disisi kiri atau kanan dalam 1 baris table yang sama??

Dalam pembuatan halaman situs seperti Web atau Wap, terkadang kita perlu men-desain tata letak konten sedemikian rupa agar letaknya efisien dan tidak banyak memakan tempat di halaman muka. Seperti situs Wap contohnya, apa bila kamu lebih suka/telah memodifikasi tampilan Wap seperti Web maka kamu perlu menerapkan trick "table di dalam table"


Baiklah, tanpa basa basi lagi mari kita lihat contoh sederhana di bawah ini:

cell A

cell B

cell C

Table di atas adalah table yang belum disematkan table yang lain di dalam tiap cell-nya. Dan perhatikan yang di bawah ini..

cell A a1 a2 a3

cell B a4 a5 a6

cell C a7 a8 a9

Agar tampilannya lebih "rapi" dan menghilangkan kesan table yang bertumpuk-tumpuk, maka buatlah nilai border-nya menjadi nol. Atau gunakan saja atribut rules dan frame di dalam tag <table...>

<table border="1" rules=none frame=box>
--> agar border seperti garis biasa dan memberi kesan border di area luarnya saja.

<table border="1" rules=all frame=void>
--> memberi kesan border di dalam table saja.

lihat contoh:

contoh rules=none frame=box cell a1 cell a2 cell a3

Contoh rules=all frame=void cell a4 cell a5 cell a6

Apa manfaat dari trick ini? Seperti yang telah sedikit saya jelaskan di atas bahwa cara ini berfungsi untuk menempatkan konten-konten agar lebih efisien pada Website atau Wapsite yang telah dimodifikasi.

Jika kamu punya Wapsite dan khusus berisi artikel-artikel dan ingin menggunakan "read more" seperti yang digunakan oleh para blogger, maka trick ini cukup baik untuk kamu terapkan di halaman muka Wapsite kamu.

Contoh:

content 1 Abu Bakar As-Shidiq, beliau lahir dua tahun beberapa bulan setelah kelahiran Muhammad Rasulullah s.a.w. di kota Mekkah. Atau pada tahun 51 sebelum Hijriah (751 Masehi). Nama lengkapnya adalah [read more..]

content 2 Dalam menjalani hidup,manusia sering kali di hadapkan pada dilema dan problematika. Mau tidak mau manusia harus mampu menganalisa dan memahami serta mencari jalan keluar dari kesulitan... [read more..]

Atau lihat contohnya pada wapsite saya. dawoez.xtgem.com

Semoga bermanfaat..

[Read More..]

tutorial table2: Atribut rowspan dan colspan pada table html

Seperti yang telah saya janjikan pada artikel saya minggu lalu tentang tutorial table: pengenalan dan cara membuat table dasar html", maka kini saatnya saya sedikit menjelaskan mengenai beberapa atribut khusus yang sering digunakan dalam pembuatan table. Beberapa diantaranya adalah "rowspan" dan "colspan".

<td rowspan="n">
dan
<td colspan="n">

Nilai "n" adalah jumlah kolom cell-cell table dan jumlah baris-baris cell yang akan digabungkan, maka masukanlah nilainya berdasarkan dengan kebutuhan dan modifikasi margin yang kamu inginkan.

Rowspan.
Adalah atribut table yang berfungsi untuk me-margin/menggabungkan baris-baris cell pada table. Di bawah ini adalah table yang menggunakan atribut rowspan di dalamnya

<table border="1">
<tr><td rowspan="3">Rows</td>
<td>cell a1</td><td>cell a2</td></tr>
<tr><td>cell b1</td><td>cell b2</td></tr>
<tr><td>cell c1</td><td>cell c2</td></tr>
</table>

Hasil:

Rows	cell a1	cell a2
	cell b1	cell b2
	cell c1	cell c2

Colspan.
Adalah atribut table yang berfungsi me-margin/menggabungkan cell table. Berikut adalah contoh colspan pada table.

<table border="1">
<tr><td colspan="2">colspan</td></tr>
<tr><td>cell a1</td><td>cell a2</td></tr>
<tr><td>cell b1</td><td>cell b2</td></tr>
<tr><td>cell c1</td><td>cell c2</td></tr>
</table>

Hasil:

colspan
cell a1	cell a2
cell b1	cell b2
cell c1	cell c2

Penggabungan rowspan dan colspan dalam satu table.
Di bawah ini adalah contoh penggunaan banyak atribut colspan dan rowspan dalam satu table. Table seperti ini biasanya digunakan untuk menjelaskan suatu data informasi secara lebih rinci.

RINCIAN JUMLAH SISWA/I SMKN1 SERANG TAHUN 2008 s/d 2010	Siswa/i Tahun 2008
	KELAS A		KELAS B		KELAS C
	Pria	Wanita	Pria	Wanita	Pria	Wanita
	cell a1	cell a2	cell a3	cell a4	cell a5	cell a6
	Siswa/i Tahun 2009
	KELAS A		KELAS B		KELAS C
	Pria	Wanita	Pria	Wanita	Pria	Wanita
	cell b1	cell b2	cell b3	cell b4	cell b5	cell b6
	Siswa/i Tahun 2010
	KELAS A		KELAS B		KELAS C
	Pria	Wanita	Pria	Wanita	Pria	Wanita
	cell c1	cell c2	cell c3	cell c4	cell c5	cell c6

inilah kode table di atas

<table border="1">
<tr><td rowspan="12" align="bottom">RINCIAN JUMLAH <br/>SISWA/I SMKN1 SERANG <br/>TAHUN 2008 s/d 2010</td>

<td colspan="6" align="center">Siswa Tahun 2008</td></tr>
<tr><td colspan="2">KELAS A</td><td colspan="2">KELAS B</td><td colspan="2">KELAS C</td></tr>
<tr><th>Pria</th><th>Wanita</th><th>Pria</th><th>Wanita</th><th>Pria</th><th>Wanita</th></tr>
<tr><td>cell a1</td><td>cell a2</td><td>cell a3</td><td>cell a4</td><td>cell a5</td><td>cell a6</td></tr>

--> karna kodenya terlalu panjang dan sama, maka kamu gandakan saja kode yang bercetak biru itu menjadi tiga. Jangan lupa untuk menambahkan <tr> di setiap awal kode yang kamu copy dan apa bila selesai kamu paste, akhiri dengan tag </head>. Maka hasilnya akan tampak seperti table di atas.

Sekian tutorial kali ini. Insya Allah selanjutnya akan saya tulis "tutorial table: Cara membuat table di dalam table"

Semoga bermanfaat..

[Read More..]

Kode-kode warna html

XDC799XTWYQS

Nama Warna Kode Warna Hasil Warna AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF AquaMarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A BurlyWood #DEB887 CadetBlue #5F9EA0B Chartreuse #7FFF00 Chocolate #D2691E Coral #FF7F50 CornflowerBlue #6495ED Cornsilk #FFF8DC Crimson #DC143C Cyan #00FFFF DarkBlue #00008B DarkCyan #008B8B DarkGoldenRod #B8860B DarkGray #A9A9A9 DarkGreen #006400 DarkKhaki #BDB76B DarkMagenta #8B008B DarkOlive green #556B2F DarkOrange #FF8C00 DarkOrchid #9932CC DarkRed #8B0000 DarkSalmon #E9967A DarkSeaGreen #8FBC8F DarkSlateBlue #483D8B DarkSlateGray #2F4F4F

Nama Warna Kode Warna Hasil warna DarkTurquoise #00CED1 DarkViolet #9400D3 DeepPink #FF1493 DeepSkyBlue #00BFFF DimGray #696969 DodgerBlue #1E90FF FireBrick #B22222 FloralWhite #FFFAF0 ForestGreen #228B22 Fuchsia #FF00FF Gainsboro #DCDCDC GhostWhite #F8F8FF Gold #FFD700 GoldenRod #DAA520 Gray #808080 Green #008000 GreenYellow #ADFF2F HoneyDew #F0FFF0 HotPink #FF69B4 IndianRed #CD5C5C Indigo #4B0082 Ivory #FFFFF0 Khaki #F0E68C Lavender #E6E6FA LavenderBlush #FFF0F5 LawnGreen #7CFC00 LemonChiffon #FFFACD LightBlue #ADD8E6 LightCoral #F08080 LightCyan #E0FFFF LightGoldenRodYellow #FAFAD2 LightGray #D3D3D3 LightGreen #90EE90 LightPink #FFB6C1 LigtSalmon #FFA07A

[Read More..]

Tutorial tabel: pengenalan dan cara membuat table dasar html

Terkadang, bila kita membaca sebuah artikel, pasti kita akan menemukan table-table dalam berbagai variasi dan modifikasi tertentu. Tahukah kamu bagaimana
cara membuat table?
Dan seperti apa kode-kode html nya??
Berikut ini adalah lanjutan dari postingan saya yang berjudul "pengenalan kode-kode html dasar".

Ada 3 (tiga) tag utama yang mendasar dalam setiap pembuatan table pada halaman html, yaitu:

1. <table>, tag utama yang pertama kali di tulis dalam pembuatan tabel. Dapat dikombinasikan dengan atribut-atribut seperti: [align, border, bordercolor, background, bgcolor, cellpadding, cellspacing, height, width, hspace, vspace, frame, rules, dan summary].
2. <tr> (table row/baris tabel) mendefinisikan setiap baris dalam table.Setiap tag <tr> terdapat beberapa tag <td> dan atau <th>. Dapat dikombinasikan dengan atribut-atribut seperti: [align, valign, bgcolor, dan background (dapat di isi dengan gambar)].
3. <td> (table data/data tabel), mendefinisikan setiap sel dari table. Tag ini dapat dikombinasikan dengan atribut-atribut seperti: [align, valign, width, height, colspan, rowspan, bgcolor, dan background].

<table>
<tr><td>anggur</td><td>januari</td></tr>
<tr><td>apel</td><td>pebruari</td></tr>
<tr><td>alpukat</td><td>maret</td></tr>

</table>

Hasil:

anggur	januari
apel	pebruari
alpukat	maret

catatan: table di atas adalah table tanpa border.

menambahkan border

Jika kamu hendak membuat border/batas pada table dan pada masing-masing sel-nya maka cukup tambahkan atribut border pada tag table: <table border="n"> dimana n adalah nilai dari tebal border. Contoh di bawah ini adalah n yang bernilai 1 (border="1"). Dapat juga kamu isi 2, 3 atau 4.

<table border="1">

hasil:

anggur	januari
apel	pebruari
alpukat	maret

Menambahkan judul tabel dan header table

Kita juga bisa menambahkan judul pada tabel dan header table dengan kode tag <caption>
dan <th>

<caption>Daftar nama-nama</caption> --> judul table

<tr><th>Nama buah</th><th>Nama bulan</th></tr> --> head table

Hasil:

Daftar nama-nama

Nama buah	Nama bulan
anggur	januari
apel	pebruari
alpukat	maret

catatan: Penambahan "caption" dan "head" ditempatkan di bawah tag <table> sebelum tag <td>

Sekian ulasan kali ini, lain kesempatan saya akan tulis mengenai atribut "colspan" dan "rowspan" pada table. Selamat mencoba,bro!!

[Read More..]

Pengenalan kode-kode html dasar untuk pemula

Berikut adalah beberapa contoh kode-kode html dasar untuk pemula. Kode-kode ini memiliki efek perintah yang sama seperti pada komputer. Sebetulnya kode ini sangat sederhana, dan saya rasa akan sangat lucu jika tutorial sederhana ini dipublikasikan. Tapi tak ada salahnya saya ulas disini. Bagi master html, kode-kode dasar ini memang sudah sangat hafal diluar kepala, akan tetapi mereka yang sudah benar-benar master pun pada awalnya blo'on, hehehe peace, (maaf master-master hipnotis,eh,master html). Intinya apa yang saya tulis disini khusus di peruntukkan bagi blogger pemula. Syukur saja jika ada master html yang mampir ke blog ini :-p..Mari kita saling berbagi pengetahuan!!!
Bravo blogger Indonesia!!!


Ketika kamu membaca sebuah teks atau artikel di salah satu blog/web, mungkin kamu sering menemukan efek-efek tebal, miring, bergaris bawah, berwarna-warni dan bahkan kamu sering menemukan huruf-huruf atau angka yang berukuran lebih besar dibanding huruf disekitarnya. Atau jika kamu sering membaca artikel tentang matematika atau fisika dimana terkadang ada huruf/angka yang letaknya sedikit lebih ke atas dan ke bawah seperti penulisan pangkat pada suatu rumus matematika/fisika.

Inilah kode sederhana yang mereka tambahkan di dalam teks editornya:
1. <b> atau <strong> -->memberikan efek tebal pada huruf/angka.
   Contoh: <b>"ich, dawoez ganteng banget!!"</b> hasil -->"ich, dawoez ganteng banget!!"
2. <i> atau <em> --> memberi efek miring.
   Contoh: <i>dawoez.blogspot.com</i> hasil --> dawoez.blogspot.com
3. <u> --> memberi efek garis bawah.
   Contoh: <u>dawoez & nhiya</u> hasil --> dawoez & nhiya
4. <font color="blue"> -->memberi efek warna.
   Contoh: <font color="blue">dawoez.xtgem.com</font> hasil -->dawoez.xtgem.com
5. <font size="15pt"> --> memberi efek besar.
   Contoh: <font size="15pt">yah, dawoez lagi</font> hasil --> yah, dawoez lagi
6. <sup> -->memberi efek huruf/angka agak ke atas.
   Contoh: dawoez^TM hasil --> dawoez^TM

penjelasan tambahan:

~Semua kode ada pembuka dan penutup (misal: <b> harus ditutup dengan kode </b>), mengapa demikian? Karena jika tidak, maka browser yang kamu gunakan saat ini tidak dapat membaca kode tersebut dan kode itu akan dianggap rusak atau belum selesai oleh teks editor html. khusus kode <font>, jika ada kode kombinasi di depannya semisal "color" ataupun "size", maka penutup kodenya tetap </font> saja.


~Untuk kode <font color="warna">, warna-warna dasar ada pada tabel di bawah:

Kode Warna Html
	blue	hasil -->
	red	hasil -->
	green	hasil -->
	yellow	hasil -->
	black	hasil -->
	white	hasil -->

Untuk membesarkan huruf, selain kode <font size> ada juga kode yang sama fungsinya, yaitu <hn> dimana "n" adalah nilai atau value sebuah pembesaran huruf. "n" dapat di ganti dengan angka 1 s/d 6 dimana semakin besar nilainya semakin kecil hurufnya (misal: <h1> lebih besar dari <h2> dan seterusnya). Sebetulnya penggunaan kode <font size> lebih spesifik nilainya, karena besarnya suatu huruf dapat diatur secara detil mengunakan unsur "pt" (point) atau "px" (pixel).

Sampai disini dulu pengenalan kode-kode dasar html, lain waktu saya akan ulas lagi mengenai kode-kode html yang lain. Terima kasih.

[Read More..]

Cara menampilkan kode html pada posting

Mungkin pembahasan tentang cara menampilkan kode html pada posting ini sudah sangat basi bagi kalangan blogger-blogger senior, tapi masih menjadi hal yang sangat di cari bagi kalangan blogger-blogger junior/pemula seperti saya. Untuk itu, bukanlah hal yang memalukan jika saya angkat kembali tema ini pada session kali ini. Mudah-mudahan masih bermanfaat.

Baiklah, untuk cara pertama, yang harus kita lakukan adalah merubah simbol-simbol yang menyertai sebuah kode html seperti <, >, ", &, spasi. Agar simbol-simbol tersebut tampil. Lihat tabel di bawah.

simbol kode html
	<	ubah menjadi -->	& lt;
	>	ubah menjadi -->	& gt;
	"	ubah menjadi -->	& quot;
	&	ubah menjadi -->	& amp;
	spasi	ubah menjadi -->	& nbsp;

Catatan:
* untuk menggunakan simbol kode yang ada disamping kanan pada tabel jangan diberi spasi tetpi disambung. Misal,antara simbol & disambung dengan simbol lt;

Contoh:

<a href="http://dawoez.blogspot.com"><img src="http://dawoez.xtgem.com/Up/dawoezblogs.png" border="0"></a>

ubah simbol-simbol kode yang berwarna di atas sesuai dengan warna simbol yang terdapat pada tabel.

untuk informasi atau mendapatkan simbol-simbol apa saja yang bisa di konversi, silahkan kamu copy dahulu kode yang ingin kamu lihat perubahannya kemudian kamu paste ke Accessify.com Setelah kamu dapatkan konversi kodenya, kamu copy lagi dan paste ke posting kamu.

Cara yang lain, adalah membuat text area dalam posting kamu. Text area ini mempunyai kelebihan dibanding cara yang pertama, yaitu mampu menampung banyak jumlah karakter text.

Contoh:

<a href="http://dawoez.blogspot.com"><img src="http://dawoez.xtgem.com/Up/dawoezblogs.png" border="0"></a>

ini kode untuk membuat text area:

<form><textarea name="code" rows="13" cols="18">ISI_DENGAN_KODE_YANG_HENDAK_KAMU_SIMPAN_DI_DALAM_TEXTAREA</textarea></form>

Selamat mencoba dan semoga berhasil,bro!!

[Read More..]

6 contoh META TAG sederhana

ini adalah 6 contoh Meta tag sederhana yang di harapkan dapat membantu mengoptimalkan spider mesin pencari agar pengarsipan atau peng-index-an terhadap blog atau web kamu lebih terarah. Meta ini ditempatkan di wilayah <head> setiap blog / situs web.

Tag ini berisi Judul website, informasi umum, semua kata kunci, halaman yang akan di index, nama penulis, e-mail, bahasa website, informasi hak cipta dan lain-lain.
Meta tag ini adalah pilihan / opsional, kamu dapat menambahkan semuanya atau beberapa tag saja atau bahkan tidak sama sekali. Tapi untuk Search Engine Optimization (SEO), dan pengindeksan yang lebih optimal, dan untuk mendapatkan lebih banyak traffic dari mesin pencari, kamu harus menambahkan Meta Tag ini.

Di bawah ini adalah kode sederhana yang akan ditambahkan dalam template kamu di antara tag <head> sebelum tag </ head>.

<title>JUDUL_ATAU_NAMA_WEBSITE_ATAU_BLOG_KAMU</title>
<link href="mailto:ALAMAT_EMAIL_KAMU" rev="made"/>
<meta content="KEYWORDS_YANG_KAMU_INGINKAN_pisahkan_dengan_koma" name="keywords"/>
<meta content="NAMA_KAMU_DI_PROFIL_BLOGGER" name="author"/>
<b:if cond='data:blog.url == data:blog.homepageUrl'><meta& content="DESKRIPSI_UMUM_BLOG_ATAU_WEBSITE_KAMU" name="description"/></b:if>
<meta content="SEE_BELOW" name="ROBOTS"/>

Rubahlah tulisan yang berwarna biru di atas.

Dalam meta tag terakhir, di mana tertulis "SEE_BELOW", rubah/pilih salah satu perintah yang sesuai dengan kebutuhan kamu di bawah ini:

1. INDEX, FOLLOW. Artinya= Indeks halaman ini dan ikuti semua link.
2. INDEX, NOFOLLOW artinya= Indeks halaman ini tetapi tidak mengikuti atau meng-indeks link di halaman ini.
3. NOINDEX, FOLLOW artinya= Jangan indeks halaman ini tetapi ikuti semua links.
4. NOINDEX, NOFOLLOW artinya= Jangan indeks halaman ini. Dan tidak mengikuti atau meng-indeks link di halaman ini.

Untuk setiap halaman tertentu, jika kamu ingin menambahkan kata kunci atau kamu ingin menambahkan tag "nofollow" / "noindex" ke halaman tersebut, kamu dapat menambahkan baris kode ini:

<b:if cond='data:blog.url == "URL_HALAMAN_KHUSUS_DENGAN_http"'>
<meta name="ROBOTS" content="NOINDEX,NOFOLLOW"/>
<meta content="ALL_KEYWORDS_HERE" name="keywords"/></b:if>

Selamat mencoba :-)

[Read More..]

Aplikasi untuk mendownload file berukuran besar

Apakah kamu pernah merasa kesal ketika sedang men-download sebuah file dari ponsel kamu tiba-tiba ponsel kamu mati atau karena sebab lain yang membatalkan proses download? Tentu kamu harus download ulang kembali dari awal. Bayangkan jika file tersebut berukuran di atas 1 mb, wow! Rugi donk kalau di ulang lagi! Ini solusinya!!


F-get, adalah salah satu softwere yang berfungsi sebagai aplikasi untuk
Mendownload file-file yang berukuran besar,disamping itu,F-get juga dapat men-download file-file dengan jenis format yang beragam seperti sis,jar,zip,rar,text,php,dan lain-lain.

Tidak seperti web browser original ponsel,pada F-get kita dapat menghentikan sejenak proses download dan dapat melakukannya kembali dilain waktu,dengan catatan file mentah yg belum sempurna didownload tidak dihapus dari kartu memory. Seperti kasus yang saya sebutkan di atas, keunggulan aplikasi ini mampu melanjutkan proses download tanpa mengulanginya lagi dari awal. Hebat dan hemat pulsa euy!! hehehe

Tips:
jika kamu menggunakan opera mini 4.2, maka sorot link yang hendak kamu download, kemudian tekan angka 1, maka akan muncul alamat situs dimana konten file tersebut tersimpan dan catat alamatnya. Langkah selanjutnya buka aplikasi F-get dan tuliskan alamat yang telah kamu catat tadi,kemudian tunggulah hingga proses download selesai.
ketika Anda selesai mendownload file yg berformat zip atau rar, gunakan aplikasi Xplore untuk mengekstrack file zip tersebut. Kamu bisa dapatkan aplikasi Xplore di sini

Download F-get

[Read More..]

Kekuatan dahsyat petir

Tahukah Anda bagaimanakah petir luar biasa yang menerangi langit muncul? Tahukah Anda seberapa banyak cahaya yang dipancarkannya? Atau seberapa besar panas yang dilepaskannya?


Satu kilatan petir adalah cahaya terang yang terbentuk selama pelepasan listrik di atmosfer saat hujan badai. Petir dapat terjadi ketika tegangan listrik pada dua titik terpisah di atmosfer.

Satu kilatan petir menghasilkan listrik lebih besar daripada yang dihasilkan Amerika.Sebuah sambaran petir berukuran rata-rata memiliki energi listrik sebesar 20.000 amp yang dapat menyalakan sebuah bola lampu 100 watt selama lebih dari 3 bulan. Kilat bergerak dengan kecepatan 150.000 km/detik, atau setengah kecepatan cahaya, dan 100.000 kali lipat lebih cepat daripada suara.


Kilat petir terjadi dalam bentuk setidaknya dua sambaran. Pada sambaran pertama muatan negatif (-) mengalir dari awan ke permukaan tanah. Ini bukanlah kilatan yang sangat terang. Sejumlah kilat percabangan biasanya dapat terlihat menyebar keluar dari jalur kilat utama. Ketika sambaran pertama ini mencapai permukaan tanah, sebuah muatan berlawanan terbentuk pada titik yang akan disambarnya dan arus kilat kedua yang bermuatan positif terbentuk dari dalam jalur kilat utama tersebut langsung menuju awan.

Dua kilat tersebut biasanya beradu sekitar 50 meter di atas permukaan tanah. Arus pendek terbentuk di titik pertemuan antara awan dan permukaan tanah tersebut, dan hasilnya sebuah arus listrik yang sangat kuat dan terang mengalir dari dalam jalur kilat utama itu menuju awan. Perbedaan tegangan pada aliran listrik antara awan dan permukaan tanah ini melebihi beberapa juta volt.

Energi yang dilepaskan oleh satu sambaran petir lebih besar daripada yang dihasilkan oleh seluruh pusat pembangkit tenaga listrik di Amerika.

Suhu pada jalur di mana petir terbentuk dapat mencapai 10.000 derajat Celcius. Bandingkan dengan Suhu di dalam tanur untuk meleburkan besi adalah antara 1.050 dan 1.100 derajat Celcius. Panas yang dihasilkan oleh sambaran petir terkecil dapat mencapai 10 kali lipatnya!. Panas yang luar biasa ini berarti bahwa petir dapat dengan mudah membakar dan menghancurkan seluruh unsur yang ada di muka bumi.

Perbandingan lainnya, suhu permukaan matahari tingginya 700.000 derajat Celcius. Dengan kata lain, suhu petir adalah 1/70 dari suhu permukaan matahari. Cahaya yang dikeluarkan oleh petir lebih terang daripada cahaya 10 juta bola lampu pijar berdaya 100 watt. Sebagai pembanding, satu kilatan petir menyinari sekelilinginya secara lebih terang dibandingkan ketika satu lampu pijar dinyalakan di setiap rumah di Istanbul.

Allah mengarahkan perhatian pada kilauan luar biasa dari petir ini dalam Qur'an,"...Kilauan kilat awan itu hampir-hampir menghilangkan penglihatan." (QS. An Nuur, 24:43)

Kilatan yang terbentuk turun sangat cepat ke bumi dengan kecepatan 96.000 km/jam. Sambaran pertama mencapai titik pertemuan atau permukaan bumi dalam waktu 20 milidetik, dan sambaran dengan arah berlawanan menuju ke awan dalam tempo 70 mikrodetik. Secara keseluruhan petir berlangsung dalam waktu hingga setengah detik. Suara guruh yang mengikutinya disebabkan oleh pemanasan mendadak dari udara di sekitar jalur petir. Akibatnya, udara tersebut memuai dengan kecepatan melebihi kecepatan suara, meskipun gelombang kejutnya kembali ke gelombang suara normal dalam rentang beberapa meter. Gelombang suara terbentuk mengikuti udara atmosfer dan bentuk permukaan setelahnya. Itulah alasan terjadinya guntur dan petir yang susul-menyusul.

Saat kita merenungi semua perihal petir ini, kita dapat memahami bahwa peristiwa alam ini adalah sesuatu yang menakjubkan. Bagaimana sebuah kekuatan luar biasa semacam itu muncul dari partikel bermuatan positif dan negatif, yang tak terlihat oleh mata telanjang, menunjukkan bahwa petir diciptakan dengan sengaja.

Lebih jauh lagi, kenyataan bahwa molekul-molekul nitrogen, yang sangat penting untuk tumbuhan, muncul dari kekuatan ini, sekali lagi membuktikan bahwa petir diciptakan dengan kearifan khusus.

Allah secara khusus menarik perhatian kita pada petir ini dalam Al Qur'an. Arti surat Ar Ra’d, salah satu surat Al Qur'an, sesungguhnya adalah "Guruh". Dalam ayat-ayat tentang petir Allah berfirman bahwa Dia menghadirkan petir pada manusia sebagai sumber rasa takut dan harapan. Allah juga berfirman bahwa guruh yang muncul saat petir menyambar bertasbih memuji-Nya.

Allah telah menciptakan sejumlah tanda-tanda bagi kita pada petir. Kita wajib berpikir dan bersyukur bahwa guruh, yang mungkin belum pernah dipikirkan banyak orang seteliti ini dan yang menimbulkan perasaan takut dan pengharapan dalam diri manusia, adalah sebuah sarana yang dengannya rasa takut kepada Allah semakin bertambah dan yang dikirim oleh-Nya untuk tujuan tertentu sebagaimana yang Dia kehendaki.

[Read More..]

Tsunami-tsunami terbesar dalam sejarah

Gelombang-gelombang laut terbesar akibat gempa bumi adalah sebagai berikut:

Gelombang raksasa paling tua yang pernah diketahui akibat gempa di laut yang diberi nama "Tsunami" oleh orng Jepang dan "Huang tao" oleh masyarakat China adalah yang terjadi di laut tengah sebelah pada tanggal 21 Juli 365 M yang menewaskan ribuan orang di kota Iskandariah,Mesir.

1 November 1771, ibu kota Portugal hancur akibat gempa dahsyat Lisbon. Gelombang samudra Atlantik yang mencapai ketinggian 6 meter meluluh-lantakkan pantai-pantai di Portugal, Spanyol, dan Maroko.

27 Agustus 1883,gunung Krakatau di Indonesia meletus dan menghasilkan gelombang Tsunami yang menyapu pantai-pantai Jawa dan Sumatra menewaskan 36.000 orang. Letusan gunung berapi tersebut sungguh sangat dahsyat sehingga selama bermalam-malam langit bercahaya akibat debu lava berwarna merah dan gemuruh letusannya terdengar hingga benua Amerika.

15 Juni 1896, 'Tsunami Sanriku' menghantam Jepang. Tsunami raksasa berketinggian 23 meter tersebut menyapu kerumunan orang yang berkumpul dalam perayaan agama dan menelan korban jiwa sebanyak 26.000 orang.

17 Desember 1896, Tsunami merusak sebagian pematang Santa Barbara di California,Amerika Serikat. Dan menyebabkan banjir dijalan raya utama.

31 Januari 1906, gempa di Samudra Pasifik menghancurkan sebagian kota Tomaco di Kolombia termasuk seluruh rumah dipantai yang terletak diantara Rioverde di Ekuador dan Micay di Kolombia. Menewaskan 1.500 orang.

1 April 1946, Tsunami yang menghancurkan mercusuar Scotch Cap di Kepulauan Aleut beserta lima orang penjaganya bergerak menuju Hilo di Hawaii dan menewaskan 159 orang.

22 Mei 1960, Tsunami berketinggian 11 meter menewaskan 1000 orang di Cili dan 61 orang di Hawaii. Gelombang raksasa melintas hingga ke pantai Samudra Pasifik dan mengguncang Filiphina dan Kepulauan Okinawa di Jepang.

24 Maret 1964, Tsunami 'Good Friday' di Alaska menghapus tiga desa dari peta dengan menewaskan 107 warga setempat dan 15 orang meninggal dunia di Oregon dan California.

16 Agustus 1976, Tsunami di Pasifik menewaskan 5000 orang diteluk Moro,Filiphina.

17 Juli 1998, gelombang laut akibat gempa yang berganti di Papua New Guinea bagian utara menewaskan 2313 orang,menghancurkan tujuh desa dan mengakibatkan ribuan orang kehilangan tempat tinggal.

Desember 2004, gempa berkekuatan 8,9 pada skala Richter dan gelombang laut raksasa yang melanda enam negara di Asia Tenggara menewaskan lebih dari 156.000 orang.

Bencana alam tidak dapat dicegah menggunakan sarana tehnologi atau tindakan penanggulangan dini. Ini menunjukan betapa tak berdaya manusia sesungguhnya. Seperti dikutip dalam pernyataan Dr.Walter C.Dudley,Profesor Oseanografi

"Amerika dan Jepang telah mendirikan perangkat pemantau paling mutakhir di Samudra Pasifik, tetapi seluruh perangkat itu memiliki tingkat kesalahan lima puluh persen!"

[Read More..]