Translate language

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
blog-indonesia.com

Senin, 01 Februari 2010

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 Acell Bcell 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
a1a2a3
cell B
a4a5a6
cell C
a7a8a9

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 a1cell a2cell a3
Contoh rules=all frame=void
cell a4cell a5cell 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..]

Jumat, 29 Januari 2010

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 a1cell a2
cell b1cell b2
cell c1cell 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 a1cell a2
cell b1cell b2
cell c1cell 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 AKELAS BKELAS C
PriaWanitaPriaWanitaPriaWanita
cell a1cell a2cell a3cell a4cell a5cell a6
Siswa/i Tahun 2009
KELAS AKELAS BKELAS C
PriaWanitaPriaWanitaPriaWanita
cell b1cell b2cell b3cell b4cell b5cell b6
Siswa/i Tahun 2010
KELAS A KELAS B KELAS C
PriaWanitaPriaWanitaPriaWanita
cell c1cell c2cell c3cell c4cell c5cell 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..]

Minggu, 24 Januari 2010

Kode-kode warna html

XDC799XTWYQS

Nama WarnaKode WarnaHasil 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 WarnaKode WarnaHasil 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:
anggurjanuari
apelpebruari
alpukatmaret
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:

anggurjanuari
apelpebruari
alpukatmaret

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 buahNama bulan
anggurjanuari
apelpebruari
alpukatmaret
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..]

Jumat, 22 Januari 2010

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<sup>TM</sup> hasil --> dawoezTM




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
bluehasil -->
redhasil -->
greenhasil -->
yellowhasil -->
blackhasil -->
whitehasil -->


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;
spasiubah 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:

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..]

Kamis, 21 Januari 2010

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..]

Minggu, 17 Januari 2010

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..]

Sabtu, 16 Januari 2010

Kekuatan dahsyat petir

petir dan halilintar
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.


petir di atas kotaKilat 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

tsunamiGelombang-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..]

    Rabu, 13 Januari 2010

    Free Templates blogger gratis HTML dan XML

    Bosan dengan template yang sudah ada dan begitu-begitu saja dan ingin merubah nuansa template agar ngeblog tidak lagi membosankan? Di bawah ini saya suguhkan template-template yang bisa kamu copy paste kodenya.Lumayan untuk koleksi template blog kamu.

    Template xml

    XML

    2 Kolom3 kolom
    Butterfly

    Sample

    new cafe blog

    Sample

    natural

    Sample

    luxury car

    Sample

    Australia

    Sample

    red sunset

    Sample



    Template xml

    HTML (klasik)

    2 Kolom

    Sample

    street

    Sample

    classic

    Sample

    hand

    Sample

    book

    Sample

    web

    Sample


    Kumpulan template di sini:

    Finalsense.com

    blogspot template.com


    Allblogstools.com

    [Read More..]

    Jumat, 08 Januari 2010

    Terima kasih blog gratisnya!

    dawoezEntah apa yang harus saya tulis diblog saya yang masih sangat baru ini. Dulu,sebelum saya tau ada domain blog gratis, saya selalu ingin bisa memiliki sebuah blog. Dengan ditemani Oom google mencari info tentang blog gratis akhirnya saya temukan beberapa hosting yang menyediakan domain gratis untuk 'ngeblog'. Tentunya untuk sementara ini saya lebih memilih sub domain blogspot.com. Entah kenapa alasannya,karna menurut saya, ngeblog disini lumayan simple dan mudah untuk segala macam penerapannya. Dan hal yang paling menarik (lagi-lagi menurut saya), ngblog disini juga bisa sambil dapat duit dengan cara ikutan program adsense dari google.

    Saya sempat berpikir alangkah seru nya kalau semua tulisan-tulisan kita (blog owner) bisa dilihat dan dibaca oleh semua orang. Mulai dari tulisan-tulisan yang 'nyeleneh' sampai tulisan-tulisan yang 'serius'. Dan tentunya tulisan-tulisan itu harus benar-benar kreatif dan informatif.

    Sekedar ingin menyelami lebih dalam lagi tentang dunia blogger,akhirnya saya putuskan untuk menyelaminya sampai dalam. Yah meski tulisan pertama ini saya buat dengan 'hape' (mudah-mudahan beberapa waktu ke depan saya bisa ngeblog pake pc :-) ), tapi saya berusaha untuk membuat tulisan-tulisan yang bermanfaat untuk saya dan kita semua..

    Akhir kata,semoga senior-senior yang sudah lama dan paham tentang segala macam aktivitas ngeblog dapat membantu saya untuk lebih memahami lagi tentang apa itu 'ngblog'. Terima kasih.

    [Read More..]

    Sabtu, 02 Januari 2010

    Diam

    "Maka hendaklah berkata yang baik atau diamlah"
    Nabi Muhammad saw.


    Seorang pujangga Arab pernah berkata, "Lidah itu lebih tajam dari ujung tombak yang terhunus". Atau barangkali, sebagian kita ada yang berpikir lebih dari apa yang diumpamakan pujangga Arab itu. Bahwa sebilah ujung tombak belumlah memadai untuk melukiskan perihnya lidah. Bisa jadi, kejahatan lewat lidah itu memiliki daya penghancur layaknya sebuah dinamit yang mampu menghancurkan satu bangunan megah.


    Begitulah, betapa tutur kata yang keluar dari sepotong daging yang bernama 'lidah' bisa lebih menyakitkan ketimbang benda-benda tajam lainnya. Ia bukan sekedar sebaris kalimat yang meluncur dari mulut kita, lalu hilang bersama angin. Tapi juga sederet makna dan pesan yang bisa ditangkap oleh setiap orang dengan segala tafsirnya. Dan kemudian, ia menyelinap ke dalam sanubari sang pendengar. Ada yang terluka dengan kata-kata yang kita sampaikan, ada juga yang merasa dibahagiakan.

    Persoalannya, kita tidak tahu apakah kata-kata yang kita ucapkan itu menyakitkan atau meneduhkan? Kata-kata itu keluar begitu saja, entah dalam perbincangan sehari-hari, diskusi atau pun dalam sekedar senda gurau belaka. Bagi kita yang bertutur, mungkin tidak jadi masalah,namun belum tentu bagi orang yang mendengar.

    Bagi mereka, sejumlah kata yang melukai akan memiliki pengaruh yang luar biasa. Mulai dari orang yang menerimanya dengan tangis, dendam kesumat, sumpah serapah, kutukan, merasa terhina, baku hantam, putus asa, dan bahkan sampai pembunuhan sekalipun. Karna itu, pernahkah kita merenungkan dampak-dampak tersebut? Pernahkah kita membayangkan sakitnya berada diposisi mereka?

    Dari sini nampak, bahwa kejahatan lidah lebih berbisa dari sekedar bisa (racun) ular. Ia bahkan menjadi tempat segala keburukan bermuara. Tak aneh, bila Al-Harits Al-Muhasibi, dalam buku Adab an-Nufus "Tulus Tanpa Batas" (versi terjemahannya) berkomentar, "Janganlah lengah soal lidah, sebab ia bagaikan seekor hewan buas berbahaya yang mangsa pertamanya adalah pemiliknya sendiri. Tutuplah pintu bicaramu sekuat-kuatnya. Jangan membukanya kecuali jika harus membukanya. Jika engkau membukanya, maka hati-hatilah. Penuhi kebutuhan untuk bicara seperlu nya saja, lalu tutup lagi pintu lisan itu."

    Oleh karna itulah, Rasulullah saw.menyodorkan 'diam' sebagai solusinya. Sabdanya, "Barang siapa yang beriman kepada Allah dan hari akhir, maka hendaklah berkata yang baik atau (kalau tidak) diamlah." (HR. Bukhori)

    Dari sinilah, diam menjadi teramat penting maknanya. Dengan diam, kita belajar menyaring kata, menakar ucapan, dan menyampaikan kata sesuai porsi dan keperluan. Dan, sekiranya kita harus mengeluarkan kata-kata, sebaiknya sederet kalimat yang kita lahirkan telah tersaring menjadi sebuah ungkapan yang benar-benar berfaedah. Begitu pula dalam hal bersenda gurau.

    Dengan cara ini, kita tidak hanya menjadi penutur yang baik, tapi juga menjadi pendengar yang bijak. Jika tidak, maka bersiap-siaplah memasuki pintu neraka sebagaimana Rasulullah katakan kepada Mu'ad bin Jabal, "Tidak mungkin manusia akan terus di dalam neraka kecuali karena hasil panen lidah mereka." (HR. Tirmidzi).
    Wallahu'alam bisshawab.


    [Read More..]