This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Monday, June 23, 2014

3 Amalan Yang Tidak Terputus Pahalanya

عن أبي هريرة رضى الله عنه أن رسول الله صلى الله عليه وسلم قال : إذا مات ابن آدم انقطع عمله إلا من ثلاث: صدقة جارية أو علم ينتفع يه أو ولد صالح يدعو له
 
Maksud hadis :

Daripada Abu Hurairah Radhiallahu ‘Anhu katanya,, Rasulullah SAW telah bersabda : Jika anak Adam meninggal, maka amalnya terputus kecuali dari tiga perkara, sedekah jariyah (wakaf), ilmu yang bermanfaat, dan anak soleh yang berdoa kepadanya.'' (HR Muslim).

PENJELASAN HADITH :
Sesungguhnya kita diciptakan oleh Allah mempunyai matlamat yang tertentu iaitu agar kita sentiasa mengabdikan diri kepada Allah serta mentaatinya dengan melakukan perkara yang disuruh dan meninggalkan perkara yang dilarang.

Firman Allah Ta’ala dalam surah Adz –Dzaariyaat ayat 56 , berbunyi :

وما خلقت الجن والإنس إلا ليعبدون

Kira-kira maksudnya: “Dan tidaklah Aku menciptakan jin dan manusia melainkan untuk menyembah-Ku.”

Allah telah menjanjikan pahala bagi mereka yang sentiasa beriman dan bertakwa kepadanya sebagai jaminan untuk mencium bau syurga dan juga memberikan dosa dan api neraka kepada mereka yang mengkufuri perintahnya. Segala amalan kita didunia akan terputus apabila kita kembali menghadap ilahi. Namun terdapat 3 amalan sahaja yang masih dterima allah sebagai pahala kita di akhirat nanti meskipun kita sudah meninggalkan dunia fana ini. Amalan-amalan tersebut adalah:
1) amal jariyah
2) ilmu yang bermanfaat
3) anak soleh yang mendoakan ibu bapanya.

Di sini jelas menunjukkan kepada kita betapa tingginya nilai rahmat dan kasih Allah terhadap hambanya, memberikan peluang untuk memperolehi pahala walaupun kita sudah berada di alam barzakh. Sekarang terserahlah kepada kita untuk mengambil peluang keemasan ini selagi hayat masih ada.

AMAL JARIYAH

Amal jariyyah menurut bahasa ialah perbuatan yang baik.

Menurut istilah ulama syara’ amal jariyyah juga di sebut sebagai wakaf iaitu menahan sesuatu yang bolah dimanfaatkan bagi tujuan kemaslahatan serta kekal zatnya sebagai
( taqarrub) pendekatan diri terhadap Allah.

Hukum melakukannya adalah sunat.

Firman Allah Ta’ala yang berbunyi :

لن تنالوا البر حتى تنفقوا مما تحبون وما تنفقوا من شيء فإن الله به عليم

Yang kira-kira bermaksud : Kamu sekali-kali tidak sampai kepada kebajikan (yang sempurna), sebelum kamu menafkahkan sebahagian harta yang kamu cintai. Dan apa saja yang kamu nafkahkan, maka sesungguhnya Allah mengetahuinya. (Surah Ali ‘Imran, ayat 92)

Amal jariyah merupakan amalan yang terpuji disisi Allah antaranya ialah membangun masjid atau sekolah, mewakafkan kitab-kitab bermanfaat kepada masjid dan lain-lain lagi. Perkara ini ada disebutkan dalam hadith, riwayat Ibn Majah bahawa Rasulullah SAW bersabda yang kira-kira bermaksud:

''Sesungguhnya amal dan kebaikan yang terus mengiringi seseorang ketika meninggal dunia adalah ilmu yang bermanfaat, anak yang dididik agar menjadi orang shaleh, mewakafkan Al-Quran, masjid, membangun tempat penginapan bagi para musafir, membuat irigasi, dan bersedekah.'' (HR Ibn Majah).

Berikut disenaraikan antara fadilat-fadilat amal jariyyah berbentuk sedekah ialah :

1) Bersedekah merupakan jalan kepada pintu-pintu kebaikan dan menutup pintu-pintu kejahatan.
2) Ikhlasnya bersedekah dapat meringankan kesusahan seseorang.
3) Harta orang yang bersedekah tidak akan berkurangan malah ianya akan bertambah.
4) Dengan bersedekah, kita akan terhindar dari bala dan umur juga diberkati serta menjadi panjang.
5) Merahsiakan sedekah memadam kemurkaan Allah manakala sedekah secara terang-terangan pendinding api neraka.

Oleh itu, kita diseru agar sentiasa melakukan amal jariyah dengan penuh keikhlasan kerna ianya bukan sahaja memberikan maslahat kepada masyarakat amnya.Bahkan pahalanya akan sentiasa mengalir walaupun kita telah menghembuskan nafas terakhir. Maka tidak rugilah harta yang telah disedekahkan pada jalan Allah sesuai dengan firman Allah dalam surah Al-Baqarah, ayat 262 yang kira-kira bermaksud :

Orang-orang yang menafkahkan hartanya di jalan Allah, kemudian mereka tidak mengiringi apa yang dinafkahkannya itu dengan menyebut-nyebut pemberiannya dan tidak menyakiti perasaan si penerima, mereka memperolehi pahala di sisi tuhan mereka. Tidak ada kekhuatiran terhadap mereka dan tidak pula mereka bersedih hati.


Dan sabda nabi yang berbunyi :

لا تستحيوا من إعطاء القليل فإن الحرمان أقل منه
Maksudnya : Jangan kamu malu dengan pemberian yang sedikit kerana tidak memberi langsung lebih sedikit daripadanya.

ILMU YANG BERMANFAAT.

Rasulullah Sallallahu 'Alaihi Wasallam telah bersabda:

Maksudnya: Sesiapa yang melalui jalan ke arah menuntut ilmu maka Allah mudahkan untuknya jalan ke syurga. (Hadith Riwayat Muslim)

Pepatah juga ada mengatakan:
Kerjakanlah amal ibadah seolah-olah kamu mati pada keesokan harinya dan tuntulah ilmu tu seolah kamu hidup seribu tahun lagi.

Menuntut ilmu adalah amat digalakkan tidak kiralah ilmu pengetahuan itu berbentuk keagamaan mahupun saintifik atau ekonomi. Apa jua ilmu bermanfaat yang telah kita pelajari sewajarnya kita aplikasikan dalam kehidupan seharian. Dan amat beruntung lagi jika ilmu sedemikian disebarkan dan diajarkan dengan meluasnya kepada orang ramai bersesuaian dengan sabda Rasulullah Sallallahu 'Alaihi Wasallam :

بلغوا عني ولو ءاية
Yang kira-kira bermaksud : Sampaikanlah dariku walau sepotong ayat.


Diriwayatkan oleh al-Imam Ibnu Majah daripada Abu Hurairah, Rasulullah SAW bersabda:

"Pelajarilah oleh kamu ilmu faraidh itu, kerana ia adalah sebahagian daripada agama dan ia adalah setengah daripada ilmu. Ia juga adalah ilmu yang pertama dicabut daripada umatku"

Kedua-dua hadith di atas menuntut kita agar sentiasa mengajarkan ilmu yang dipelajari kepada yang jahil dan memerlukan kerana kelebihan menuntut ilmu dan mengajarkannya itu amat luas di sisi masyarakat dan juga disisi maha pencipta, Allah Subhanahu Wata’ala.

Sesungguhnya mereka yang berilmu dan menyembunyikannya adalah termasuk daripada orang-orang yang rugi. Hidup mereka cuma setakat mendapat kepuasan diri sendiri dan pahalanya hanya setakat didunia sahaja. Begitu juga mereka yang luas ilmunya akan tetapi kurang mempunyai adab dalam menuntut ilmu seperti melawan guru bermegah-megah dan merasakan ilmu yang diperolehinya sudah cukup hebat, ilmu yang mereka perolehi hanyalah sia-sia dan tidak mendapat berkat dari yang Maha Esa. Oleh yang demikian, tuntutlah ilmu dengan penuh adab dan rasa rendah diri kerana sesungguhnya ilmu itu adalah milik Allah Subhanahu Wata’ala.

Firman Allah Subhanahu Wataala :

قال فإن اتبعتنى فلا تسألنى عن شيء حتى أحدث لك منه ذكرا
Ertinya : Berkata Khidr (selaku guru), jika kamu ingin ikutiku maka jangan kamu bertanya apa-apa sehinggalah aku menceritakannya kepadamu." ( Al-Kahfi, ayat 70)

Ayat ini tidak bermaksud kita sebagai murid tidak boleh bertanya semasa waktu pembelajaran, namun adab yang dimaksudkan di sini hendaklah dengan cara meminta izin terlebih dahulu.

Hadith Riwayat Abu Daud dan at-Tirmidzi ada mengatakan bahawa Rasulullah s.a.w bersabda yang bermaksud:

"Sesiapa yang ditanya tentang ilmu lalu dia menyembunyikannya akan diikat mulutnya (meletakkan kekang di mulutnya seperti kuda) dengan kekang dari api neraka pada Hari Kiamat."

Berlainan dengan mereka yang ikhlas memberikan ilmu yang bermanfaat sebagai contoh pensyarah dan guru. Tidak terbatas hanya mengharapkan imbalan gaji yang diterima.Generasi ilmuan seperti ini perlulah mempunyai hati yang ikhlas demi mengharap redha dan berkat Allah dalam menjalani kehidupan. Dan ingatlah Allah Maha Mengetahui apa jua yang kita sembunyikan.

Di sebabkan nilai keikhlasan amalan seseorang dalam mengajarkan ilmu mereka inilah, Allah mengangkat darjat para ilmuan dikalangan para sahabat dan ulama dan menjanjikan pahala yang besar kepada kita baik semasa kita hidup ataupun telah meninggal dunia.

DOA ANAK YANG SOLEH.

Ibu bapa mempunyai amanah yang besar dalam mendidik anak-anak mereka.Jika baik tarbiyahnya maka solehlah anak tersebut namun jika sebaliknya, akan mendatangkan kerugian kepada diri mereka sendiri.

Diriwayatkan oleh Imam al-Bukhari, dari Abu Hurairah radhiallahu 'anhu, Rasulullah Sallallahu 'Alaihi Wasallam bersabda, maksudnya:

"Setiap anak dilahirkan atas fitrah, maka kedua ibu bapanyalah yang meyahudikannya atau menasranikannya atau memajusikannya".


Anak merupakan amanah Allah yang amat bernilai kepada kita bagi mencorak dan melahirkan generasi yang bakal menerajui dunia yang penuh pancaroba. Didikan agama yang betul adalah amat dititik beratkan. Insyaallah anak yang soleh, baik budi pekerti dan agamanya bukan sahaja menjadi harapan bangsa dan masyarakat Islam malah kepentingannya kembali kepada orang tuanya itu sendiri. Dengan ini, tidak rugilah mereka yang mempunyai anak yang soleh dan solehah kerna mereka lah yang akan sentiasa mendoakan orang tuanya setelah mereka meninggal dunia dan berikutan ini bertambahlah pahala orang tua tersebut hanya kerana sebuah doa dari anaknya.

PENGAJARAN YANG DAPAT KITA AMBIL DARI HADITH DI ATAS :

1) Islam menggalakkan hambanya agar sentiasa bersifat ikhlas dalam melakukan amalan-amalan yang terpuji.

2) Galakan terhadap semua umat islam agar menggunakan kesempatan hidupnya dengan melakukan 3 perkara tadi iaitu amal jariyah, ilmu yang bermanfaat dan doa anak yang soleh kerana pahala daripada melakukan amalan-amalan ini tidak akan putus sekalipun kita sudah tiada.

3) Seruan kepada kedua orang tua agar sentiasa menitikberatkan dalam mendidik anak-anak mereka dengan tarbiyah yang baik.

4) Amal jariyah seperti bersedekah mempunyai fadilat yang banyak sepertimana yang disebutkan didalam ayat-ayat al-quran dan hadith-hadith.

5) Ilmu yang berkat adalah bersumber dari keikhlasan, kecekalan hati dalam menimba ilmu pengetahuan disamping menjaga adab dan displin ketika belajar.

Thursday, June 19, 2014

Trik Internet Gratis Three 3 AON untuk PC 2014


persiapkan alat - lat yang dibutuhkan :
  1. Modem
  2. Kartu GSM tree/three/3
  3. Inject tree/three/3
  4. Bitvise
  5. Doa 
setting modem :
  1. kartu tree/three/3 AON
  2. APN internet 
  3. pilih network ke wcdma only biar ngebu,. jgn lupa pake helem :D
  4. conect Modem kalan
saya anggap kalian sdah bisa seting diaup seperti di atas (sebernernya yang penting conect ajah)


kalau udah siap lanjut ke beikunya kawan.  Trik Internet Gratis Three 3 AON untuk PC 2014
ceidoot...

okeh kita mulai tahapanya, siapkan kopinya terlebih dahulu :D just kiding

  1. ambil kartu tree/three/3 AON, bila gak punya beli donk di konter, jgn maling ya sob :D

Setelah modem anda konek dan sudah di route masuk ke tahap berikutnya.
2. Inject
  • Download inject tere/tri/3/three by alex disini.
  • Download inject tere/tri/3/three disini
  • DOWNLOAD INJECT/INJEK UPDATE THREE DISINI atau DISINI
  • pilih injek yang anda gunakan, atau yg ada di link atas
  • lihat port injek (7071) seperti gambar
  • Klik start


3. Pengaturan Bitvise

  • Download Bitvise terbaru disini
  • Install bitvise sampe selesai
  • Berikut cara setting bitvise nya:
  1. Klik Proxy settings
  2. Centang pada Use proxy
  3. Bagian server isi dengan : 127.0.0.1
  4. Port isi dengan port yang tertera di inject, dalam contoh ini inject saya pake port 7071
  5. Proxy type pilih HTTP
  6. Klik OK

  1. Masuk ke bagian Services
  2. Centang bagian Enable
  3. Listen Interface isi dengan 127.0.0.1
  4. Listen Port isi sesuai selera anda, untuk contoh ini saya memilih port 1080


  1. Masuk ke bagian Login
  2. Host isi dengan ip ssh anda,
  3. Port isi dengan port ssh anda
  4. Username isi dengan user ssh anda,
  5. Initial Metdo pilih password
  6. Password isi dengan password ssh anda, contoh password
  7. Centang bagian store encrypted password in profile
  8. Klik login.
  9. tanda sudah konek seperti gambar dibawah


catatan:
jika anda belum punya akun ssh sudah tersedia di sini tinggal klik dobel, semuanya sudah di isi.

 4. setting browser
  • klik menu tools pada mozila
  • pilih option/pengaturan
  • pilih tabadvanced
  • lalu pilih network
  • klik seting
  • rubah sesuai listen pada ssh (seperti gambar)

 enjoy it.. browsing dan download

itulah langkah langkah tutorial Trik Internet Gratis Three 3 AON untuk PC 2014
semoga work di daerah kalian

Tuesday, June 17, 2014

Cara Membuat Form Pembelian Tiket Kereta, Belajar javascript Pemula

sudah lama ni gak update di blog tercinta ini, baru bisa mampir, eh lihat sarang laba laba uda banyak aja,.. hehe..
ya pada kesempatan kali ini kita akan coba belajar Javascript, kebetulan di kampus materi nya belajar javascript, belajar javascript itu mudah kok, ngomong ngomong bicara tentang javascript, sudah pada tau belum apa itu javascript ?? bagaimana mau masuk ke materi nya, kalau defenisi dari javascript itu saja agan tidak tau, kalau yang belum paham, googling aja ya, hehe :v inti nya javascript ialah bahasa pemprograman berbasis web,..
ok, pada materi ini kita hanya sekedar mempelajari sedikit syntax javascript, bagaimana cara menampilkan,dan memberi sedikit validasi, dan sekarang saya ingin membuat form pembelian tiket ketera api secara online (berbasis web) namun ini belum masuk ke data base, hanya sekedar input dan langsung tampilkan tanpa ada nya save
sebenar nya ini tugas kampus saya sih, siapa tau ada temen sekelas yang nyasar ke blog ini, kali dia pusing mikiri cara membuat nya :v hehe
langsung aja deh buat file berbentuk html, dan copas semua code yang ada di bawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pembelian Tiket Kereta Online</title>
<style>
#luar {
margin:auto;
width:1024px;
}

#judul {
width:90%;
  margin: -20px -20px 21px;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #555;
  text-align: center;
  text-shadow: 0 1px white;
  background: #f3f3f3;
  border-bottom: 1px solid #cfcfcf;
  border-radius: 3px 3px 0 0;
  background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
  background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
  -webkit-box-shadow: 0 1px whitesmoke;
  box-shadow: 0 1px whitesmoke;
}
#judul2 {
  margin: -20px -20px 21px;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-align: center;
  text-shadow: 0 1px white;
  background: #f3f3f3;
  border-bottom: 1px solid #cfcfcf;
  border-radius: 3px 3px 0 0;
  background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
  background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
  -webkit-box-shadow: 0 1px whitesmoke;
  box-shadow: 0 1px whitesmoke;
}
input[type=button],input[type=reset] {
  padding: 0 18px;
  height: 29px;
  font-size: 12px;
  font-weight: bold;
  color: #527881;
  text-shadow: 0 1px #e3f1f1;
  background: #cde5ef;
  border: 1px solid;
  border-color: #b4ccce #b3c0c8 #9eb9c2;
  border-radius: 16px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}
input {
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 14px;
}
input[type=text],select {
  margin: 5px;
  padding: 0 10px;
  color: #00F;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}
input[type=text]:focus, input[type=password]:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
  color: #00F;}
textarea.alamat {
font-size: 14px;
font-family: Arial, Tahoma, Helvetica;
border: 0px solid transparent;
outline: none;
border: 5px solid;
border-color: #c4c4c4 #d1d1d1 #d4d4d4;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
background:#FFF;
box-shadow: -1px -1px 1px #c4c4c4, 1px 1px 1px #d1d1d1, 1px 1px 10px #d4d4d4;
-moz-box-shadow: -1px -1px 1px #c4c4c4, 1px 1px 1px #c4c4c4, 1px 1px 10px #c4c4c4;
-webkit-box-shadow: -1px -1px 1px #c4c4c4, 2px 1px 1px #c4c4c4, 1px 1px 10px #c4c4c4;
text-shadow: 0px -1px 0px #999;
padding: 5px 5px 2px;
color: #00F;
margin: 15px 5px;
-o-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
}
textarea.alamat:hover {
border-color: #c4c4c4 #d1d1d1 #d4d4d4;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: #d4d4d4;
color:#FFF;
text-shadow: 0px 0px 0px;
box-shadow: -1px -1px 1px #00ff00, 1px 1px 1px #00ff00, 1px 1px 20px #00ff00;
-moz-box-shadow: -1px -1px 1px #ff0000, 1px 1px 1px #ff0000, 1px 1px 20px #ff0000;
-webkit-box-shadow: -1px -1px 1px #000000, 1px 1px 1px #000000, 1px 1px 20px #000000;
}
</style>
</head>

<body>
<div id="luar">

<div id="atas">
<center>
<img src="logoKA.jpg" width="225" height="117" />
<h3>RESERVASI TIKET KERETA API ONLINE</h3>
</center>
</div> <!-- tutup div bagian atas (banner) //-->

<div align="center">
  <form id="formku" name="formku">
    <table width="100%" border="0">
      <tr>
        <td colspan="3"><div id="judul">Data Diri Pemesan Tiket</div></td>
        <td width="53">&nbsp;</td>
        <td colspan="5"><div id="judul2">Data Pemesanan</div></td>
        </tr>
      <tr>
        <td width="118">No KTP</td>
        <td width="6"><label for="ktp"></label><strong>:</strong></td>
        <td><input name="ktp" type="text" id="ktp" size="30" /></td>
        <td>&nbsp;</td>
        <td width="108">Stasiun Asal</td>
        <td width="6"><strong>:</strong></td>
        <td colspan="3"><label for="asal"></label>
          <select name="asal" id="asal">
            <option value="Bandung">Bandung</option>
            <option value="Garut">Garut</option>
            <option value="Surabaya">Surabaya</option>
            <option value="Yogya">Yogya</option>
          </select></td>
        </tr>
      <tr>
        <td>Nama Lengkap</td>
        <td><strong>:</strong></td>
        <td><input name="nama" type="text" id="nama" size="30" /></td>
        <td>&nbsp;</td>
        <td>Stasiun Tujuan</td>
        <td><strong>:</strong></td>
        <td colspan="3"><select name="tujuan" id="tujuan">
          <option value="Bandung">Bandung</option>
          <option value="Garut">Garut</option>
          <option value="Surabaya">Surabaya</option>
          <option value="Yogya">Yogya</option>
        </select></td>
        </tr>
      <tr>
        <td rowspan="3">Alamat</td>
        <td rowspan="3"><strong>:</strong></td>
        <td rowspan="3"><label for="alamat"></label>
          <textarea class="alamat" name="alamat" id="alamat" cols="35" rows="5"></textarea></td>
        <td rowspan="3">&nbsp;</td>
        <td>Jumlah Beli</td>
        <td><strong>:</strong></td>
        <td width="128">Dewasa        
          <select name="dewasa" id="dewasa">
            <option value="0">0</option>
            <option value="1" selected="selected">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="5">4</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="27">26</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
            <option value="32">32</option>
            <option value="33">33</option>
            <option value="34">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
            <option value="40">40</option>
          </select></td>
        <td width="108">Anak
          <select name="anak" id="anak">
            <option value="0" selected="selected">0</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="5">4</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="27">26</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
            <option value="32">32</option>
            <option value="33">33</option>
            <option value="34">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
            <option value="40">40</option>
          </select></td>
        <td width="108">Bayi
          <select name="bayi" id="bayi">
            <option value="0" selected="selected">0</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="5">4</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="27">26</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
            <option value="32">32</option>
            <option value="33">33</option>
            <option value="34">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
            <option value="40">40</option>
          </select></td>
        </tr>
      <tr>
        <td>Nama Kereta</td>
        <td><strong>:</strong></td>
        <td colspan="3"><select name="namakereta" id="namakereta">
          <option value="Argo Sindoro" selected="selected">Argo Sindoro</option>
          <option value="Argo Muria">Argo Muria</option>
          <option value="Bima">Bima</option>
          <option value="Bangunkarta">Bangunkarta</option>
        </select></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td colspan="3">&nbsp;</td>
      </tr>
      <tr>
        <td rowspan="2">TTL</td>
        <td rowspan="2"><strong>:</strong></td>
        <td><input name="kota" type="text" id="kota" size="30" /></td>
        <td rowspan="2">&nbsp;</td>
        <td>&nbsp;</td>
        <td rowspan="2">&nbsp;</td>
        <td colspan="3"><input type="button"  onclick="tekan()" value="Kirim" />
          <strong>|
            <input type="reset" name="Reset" id="button" value="Riset" />
          </strong></td>
        </tr>
      <tr>
        <td><select name="tanggal" id="tanggal">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="5">4</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
          <option value="16">16</option>
          <option value="17">17</option>
          <option value="18">18</option>
          <option value="19">19</option>
          <option value="20">20</option>
          <option value="21">21</option>
          <option value="22">22</option>
          <option value="23" selected="selected">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="27">26</option>
          <option value="28">28</option>
          <option value="29">29</option>
          <option value="30">30</option>
          <option value="31">31</option>
          </select>          <select name="bulan" id="bulan">
            <option value="januari">januari</option>
            <option value="februari">februari</option>
            <option value="maret">maret</option>
            <option value="april">april</option>
            <option value="mei" selected="selected">mei</option>
            <option value="juni">juni</option>
            <option value="juli">juli</option>
            <option value="agustus">agustus</option>
            <option value="september">september</option>
            <option value="oktober">oktober</option>
            <option
value="november">november</option>
            <option value="desember">desember</option>
            </select>          <select name="tahun" id="tahun">
            <option value="1970">1970</option>
            <option value="1971">1971</option>
            <option value="1972">1972</option>
            <option value="1973">1973</option>
            <option value="1974">1974</option>
            <option value="1975">1975</option>
            <option value="1976">1976</option>
            <option value="1977">1977</option>
            <option value="1978">1978</option>
            <option value="1979">1979</option>
            <option value="1980">1980</option>
            <option value="1981">1981</option>
            <option value="1982">1982</option>
            <option value="1983">1983</option>
            <option value="1984">1984</option>
            <option value="1985">1985</option>
            <option value="1986">1986</option>
            <option value="1987">1987</option>
            <option value="1988">1988</option>
            <option value="1989">1989</option>
            <option value="1990">1990</option>
            <option value="1991">1991</option>
            <option value="1992">1992</option>
            <option value="1993">1993</option>
            <option value="1994">1994</option>
            <option value="1995" selected="selected">1995</option>
            <option value="1996">1996</option>
            <option value="1997">1997</option>
          </select></td>
        <td>&nbsp;</td>
        <td colspan="3">&nbsp;</td>
      </tr>
      <tr>
        <td rowspan="2">Jenis Kelamin</td>
        <td rowspan="2"><strong>:</strong></td>
        <td><input type="radio" name="kelamin" id="radio" value="pria" />
          <label for="radio"></label>
          Pria </td>
        <td rowspan="2">&nbsp;</td>
        <td rowspan="2">&nbsp;</td>
        <td rowspan="2">&nbsp;</td>
        <td colspan="3" rowspan="2">&nbsp;</td>
        </tr>
      <tr>
        <td><input type="radio" name="kelamin" id="radio2" value="wanita" />
Wanita</td>
      </tr>
      <tr>
        <td>No. Telepon</td>
        <td>&nbsp;</td>
        <td><input name="telp" type="text" id="telp" size="30" /></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td colspan="3">&nbsp;</td>
        </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td colspan="3">&nbsp;</td>
        </tr>
    </table>
    <table width="63%" border="0">
      <tr>
        <td colspan="3">&nbsp;</td>
        </tr>
      <tr>
        <td colspan="3"><img src="garis.jpg" width="1000" height="13" /></td>
      </tr>
      <tr>
        <td colspan="3">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="3">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="3"><div id="judul2">Informasi Data Diri Dan Pemesanan Tiket Kereta Api</div></td>
      </tr>
      <tr>
        <td width="24%">No KTP</td>
        <td width="1%"><strong>:</strong></td>
        <td><input name="tampil_ktp" type="text" id="tampil_ktp" size="30" /></td>
      </tr>
      <tr>
        <td>Nama Lengkap</td>
        <td><strong>:</strong></td>
        <td><input name="tampil_nama" type="text" id="tampil_nama" size="30" /></td>
      </tr>
      <tr>
        <td>Alamat</td>
        <td><strong>:</strong></td>
        <td><textarea class="alamat" name="tampil_alamat" id="tampil_alamat" cols="35" rows="5"></textarea></td>
      </tr>
      <tr>
        <td>Tempat Tanggal Lahir</td>
        <td><strong>:</strong></td>
        <td><input name="tampil_kota" type="text" id="tampil_kota" size="20" />
          -
          <input name="tampil_tanggal" type="text" id="tampil_tanggal" size="2" />
          -
          <input name="tampil_bulan" type="text" id="tampil_bulan" size="6" />
          -
          <input name="tampil_tahun" type="text" id="tampil_tahun" size="6" /></td>
        </tr>
      <tr>
        <td>Jenis Kelamin</td>
        <td><strong>:</strong></td>
        <td><input name="jeniskelamin" type="text" id="jeniskelamin" size="30" /></td>
      </tr>
      <tr>
        <td>Nomor Telepon</td>
        <td><strong>:</strong></td>
        <td><input name="tampil_telp" type="text" id="tampil_telp" size="30" /></td>
      </tr>
      <tr>
        <td>perjalanan</td>
        <td><strong>:</strong></td>
        <td>Dari Stasiun
          <input name="tampil_asal" type="text" id="tampil_asal" size="10" />
          Ke stasiun
          <input name="tampil_tujuan" type="text" id="tampil_tujuan" size="10" /></td>
        </tr>
      <tr>
        <td>Jumlah Beli</td>
        <td><strong>:</strong></td>
        <td>Dewasa
          <input name="tampil_dewasa" type="text" id="tampil_dewasa" size="2" />
          Anak
          <input name="tampil_anak" type="text" id="tampil_anak" size="2" />
          Bayi
          <input name="tampil_bayi" type="text" id="tampil_bayi" size="2" /></td>
        </tr>
      <tr>
        <td>Nama Kreta Api</td>
        <td><strong>:</strong></td>
        <td><input name="tampil_namakereta" type="text" id="tampil_namakereta" size="20" /></td>
      </tr>
    </table>
    <script language="javascript">
function tekan ()
{
var ktpstr = (document.formku.ktp.value);
var namastr = (document.formku.nama.value);
var alamatstr = (document.formku.alamat.value);
var kotastr = (document.formku.kota.value);
var telpstr = (document.formku.telp.value);
var tanggalstr = (document.formku.tanggal.value);
var bulanstr = (document.formku.bulan.value);
var tahunstr = (document.formku.tahun.value);
var dewasastr = (document.formku.dewasa.value);
var anakstr = (document.formku.anak.value);
var bayistr = (document.formku.bayi.value);
var namakeretastr = (document.formku.namakereta.value);
var kelamin =  "Jenis Kelamin belum di pilih";


document.formku.tampil_ktp.value = ktpstr;
document.formku.tampil_nama.value = namastr;
document.formku.tampil_alamat.value = alamatstr;
document.formku.tampil_kota.value = kotastr;
document.formku.tampil_telp.value = telpstr;
document.formku.tampil_tanggal.value = tanggalstr;
document.formku.tampil_bulan.value = bulanstr;
document.formku.tampil_tahun.value = tahunstr;

document.formku.tampil_dewasa.value = dewasastr;
document.formku.tampil_anak.value = anakstr;
document.formku.tampil_bayi.value = bayistr;
document.formku.tampil_namakereta.value = namakeretastr;
if(formku.radio.checked == true)
{
kelamin ="Pria";
}
else
if(formku.radio2.checked == true)
{
kelamin="wanita";
}
document.formku.jeniskelamin.value = kelamin;


var asalstr = (document.formku.asal.value);
var tujuanstr = (document.formku.tujuan.value);
if(asalstr !== tujuanstr)
{
document.formku.tampil_asal.value = asalstr;
document.formku.tampil_tujuan.value = tujuanstr;
}
else
{
alert("Kota Tujuan dan Kota Asal sama, harap cek kembali");
}





}
</script>
  </form>
</div> <!-- tutup div bagian tengah) //-->


<div id="bawah"></div><!-- tutup div bagian bawah //-->


</div> <!-- tutup div paling luar //-->
</body>
</html>

save dan coba tes, untuk penjelasan javascript nya :
<script language="javascript">
function tekan ()
{
var ktpstr = (document.formku.ktp.value);
var namastr = (document.formku.nama.value);
var alamatstr = (document.formku.alamat.value);
var kotastr = (document.formku.kota.value);
var telpstr = (document.formku.telp.value);
var tanggalstr = (document.formku.tanggal.value);
var bulanstr = (document.formku.bulan.value);
var tahunstr = (document.formku.tahun.value);
var dewasastr = (document.formku.dewasa.value);
var anakstr = (document.formku.anak.value);
var bayistr = (document.formku.bayi.value);
var namakeretastr = (document.formku.namakereta.value);
var kelamin =  "Jenis Kelamin belum di pilih";


document.formku.tampil_ktp.value = ktpstr;
document.formku.tampil_nama.value = namastr;
document.formku.tampil_alamat.value = alamatstr;
document.formku.tampil_kota.value = kotastr;
document.formku.tampil_telp.value = telpstr;
document.formku.tampil_tanggal.value = tanggalstr;
document.formku.tampil_bulan.value = bulanstr;
document.formku.tampil_tahun.value = tahunstr;

document.formku.tampil_dewasa.value = dewasastr;
document.formku.tampil_anak.value = anakstr;
document.formku.tampil_bayi.value = bayistr;
document.formku.tampil_namakereta.value = namakeretastr;
if(formku.radio.checked == true)
{
kelamin ="Pria";
}
else
if(formku.radio2.checked == true)
{
kelamin="wanita";
}
document.formku.jeniskelamin.value = kelamin;


var asalstr = (document.formku.asal.value);
var tujuanstr = (document.formku.tujuan.value);
if(asalstr !== tujuanstr)
{
document.formku.tampil_asal.value = asalstr;
document.formku.tampil_tujuan.value = tujuanstr;
}
else
{
alert("Kota Tujuan dan Kota Asal sama, harap cek kembali");
}





}
</script>
function tekan()  adalah function yang bernama tekan bisa di buat dengan apa saja, terserah sesuai selerah anda, 

var ktpstr = (document.formku.ktp.value);  var bertandakan bahwa kata setelah nya adalah variabel contoh var proses, kita menuliskan variabel yang bernama proses, sedangkan document.formku.ktp.value adalah berarti value(isi) di field yang bernama ktp yang ada di form yang bernama formku
jadi var ktpstr = (document.formku.ktp.value); adalah berarti variabel ktpstr = isi field yang bernama ktp pada formku, untuk yang di bawah nya sama saja, hanya beda variabel dan value nya saja,
fungsi dari syntax ini adalah, untuk meninisialisasikan / mengandaikan 2 buah benda, contoh kota = medan yang arti nya kota nya adalah medan, jenis_kelamin = pria yang berarti jenis kelamin nya pria,
hati hati dalam penulisan code, karena bisa berbeda arti antara kota = medan dan medan = kota
kalau dalam logika ini sama saja, namun arti di bahasa pemprograman ini sangat beda, contoh kasus
medan = kota menandakan medan adalah kota
kota = 200hektar menandakan kota = 200hektar
kalau dalam bahasa bisa di artikan medan = 200 hektar karena menggunakan = kalau medan = kota dan kota = 200hektar maka bisa di simpulkan medan = 200hektar, namun pada bahasa pemprograman 
medan = kota yang berarti medan adalah kota
kota = 200hektar yang berarti kota adalah 200hektar, namun medan tidak sama dengan 200hektar
bingung ya ?? hehe sama :P
inti nya jika ingin menginisialisasikan sesuatu, kita harus menuliskan terlebih dahulu apa yg ingin kita inisialisasikan misal ingin menginisialisasikan malam sebagai gelap maka penulisan nya adalah malam = gelap bukan gelap = malam
alert("Kota Tujuan dan Kota Asal sama, harap cek kembali"); fungsi dari syntax alert adalah sebagai warning message (pesan peringatan) contoh kasus, kita telah mengisi field, dan ada yg harus di pastikan kembali sebelum data disimpan, maka fungsi ini dapat digunakan, agar memastikan si user dalam pengisian data
alert("Kota Tujuan dan Kota Asal sama, harap cek kembali"); yang berarti tampilkan message Kota Tujuan dan Kota Asal sama, harap cek kembali
ok lihat screenshot tampilan hasil kerja kita
Sebelum
Setelah

Sebelum(kota nya sama dan jenis kelamin tidak di pilih/validasi)
Setelah (kota sama dan jenis kelamin tidak di pilih/validasi)


Sekian lah artikel saya, semoga bisa bermanfaat bagi sobat sobat sekalian.. jika ingin blog nya saya kunjungi, berkomentar lah dengan sopan dan sesuai aturan,.. saya tidak memperbolehkan live link, jika kamu sopan saya segan share dan klik iklan yang ada di blog ini jika Artikel ini bermanfaat sebagai tanda terimakasi kepada admin salam blogger dan tetap semangat

Cara Membuat Menu Horizontal di Blog

Sudahkan Anda membuat menu horizontal pada blog, rasanya kurang apabila sebuah blog tidak dilengkapi dengan menu horizontal. Selain untuk memperindah tampilan blog, menu horizontal berfungsi untuk memudahkan pengunjung dalam memilih kategori postingan sebuah blog.

Berikut cara membuat menu horizontal di blog :
  1. Login akun blogger Anda. 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode ]]></b:skin> (Gunakan Ctrl – F untuk memudahkan pencarian). 
  4. Copy paste kode dibawah ini tepat diatas kode ]]></b:skin>
    #tejahtc{
    height:33px;
    width:1000px;
    margin:0 auto;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAUIRLL-aJ52O0aPxzcKHxsCnTkK3g0v8sFmiQKwCzgZ1iP76FJFfOwNpKu4yG8TyMTt86_jNnbnmsXEx0d9S0-Gv4VxT4BvaFwrXAQeFYqOzXuqp0VLeslvIfbC4jnOlaDs9heVVwRBZN/s1600/catmenu.jpg) repeat-x;
    display:block;
    padding:0px 0 0px 0px;
    font-size:12px;
    font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
    font-weight:normal;
    border-top:1px solid #252424;
    }

    #tejas{
    margin: 0px;
    padding: 0px;
    width:1000px;
    background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAUIRLL-aJ52O0aPxzcKHxsCnTkK3g0v8sFmiQKwCzgZ1iP76FJFfOwNpKu4yG8TyMTt86_jNnbnmsXEx0d9S0-Gv4VxT4BvaFwrXAQeFYqOzXuqp0VLeslvIfbC4jnOlaDs9heVVwRBZN/s1600/catmenu.jpg) repeat-x;
    height:33px;
    }

    #tejas ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #tejas li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #tejas li a, #tejas li a:link, #tejas li a:visited {
    color: #fae7df;
    display: block;
    margin: 0px;
    padding: 9px 10px 10px 10px;
    }

    #tejas li a:hover, #tejas li a:active {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRudMLTCkzv6AyIq1FgZnVgxMLfNbKosxkYbch5DUSEWNq1a5m2OZhqmwu7q7q_2EDK0JDv-1Ry9wTOO9YIp3mrTJSWHoA1W8RwtZEtvChBY9yEV_ZHcjwRnr4UVQlNPCrOx4FMdJdBcxC/s1600/aexpfq.jpg) repeat-x;
    color: #fff;
    margin: 0px;
    padding: 9px 10px 10px 10px;
    text-decoration: none;
    }

    #tejas li li a, #tejas li li a:link, #tejas li li a:visited {
    background:#ED4A05;
    width: 150px;
    color: #fae7df;
    font-family:Tahoma,century gothic,Georgia, sans-serif;
    font-weight: normal;
    float: none;
    margin: 0px;
    padding: 9px 10px 10px 10px;
    border-bottom: 1px solid #FF7800;
    }
    #tejas li li a:hover, #tejas li li a:active {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRudMLTCkzv6AyIq1FgZnVgxMLfNbKosxkYbch5DUSEWNq1a5m2OZhqmwu7q7q_2EDK0JDv-1Ry9wTOO9YIp3mrTJSWHoA1W8RwtZEtvChBY9yEV_ZHcjwRnr4UVQlNPCrOx4FMdJdBcxC/s1600/aexpfq.jpg) repeat-x;
    color: #fff;
    padding: 9px 10px 10px 10px;
    }

    #tejas li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0px;
    padding: 0px;
    }

    #tejas li li {
    }

    #tejas li ul a {
    width: 140px;
    }

    #tejas li ul a:hover, #tejas li ul a:active {
    }

    #tejas li ul ul {
    margin: -34px 0 0 170px;
    }

    #tejas li:hover ul ul, #tejas li:hover ul ul ul,
    #tejas li.sfhover ul ul, #tejas li.sfhover ul ul ul {
    left: -999em;
    }

    #tejas li:hover ul, #tejas li li:hover ul,
    #tejas li li li:hover ul, #tejas li.sfhover ul,
    #tejas li li.sfhover ul, #tejas li li li.sfhover ul {
    left: auto;
    }

    #tejas li:hover, #tejas li.sfhover {
    position: static;
    }
    Keterangan:
    Sesuaikan lebar menu 1000px dengan ukuran template blog Anda. 
  5. Selanjutnya letakkan kode berikut dibawah kode <div id='content-wrapper'> atau copy kode tersebut pada HTML/JavaScript dan letakkan dibawah header.
    <div id='tejahtc'>
    <div id='tejas'>

    <ul>
    <li><a href='http://blogatap.blogspot.com/'>Home</a></li> <li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-1</a>
    <ul class='children'>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-1-1</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-1-2</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-1-3</a></li>
    </ul>
    </li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-2</a>
    <ul class='children'>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-2-1</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-2-2</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-2-2</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-2-3</a></li>
    </ul>
    </li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-3</a>
    <ul class='children'>
    <li><a href=Link Anda di sini!' title='Link-Title'>Link-Name-3-1</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-3-2</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-3-3</a></li>
    </ul>
    </li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-4</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-5</a>
    <ul class='children'>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-5-1</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-5-2</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-5-3</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-5-4</a></li>
    </ul>
    </li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-6</a>
    <ul class='children'>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-6-1</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-6-2</a></li>
    </ul>
    </li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-7</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-8</a></li>
    </ul>

    </div>
    </div>

    <div class='clear'/>
    Keterangan:
    Ganti tulisan yang berwarna merah dan 'Link Anda di sini!' dengan link kategori blog Anda, contoh seperti dibawah ini.
    'http://blogatap.blogspot.com/search/label/Adsense'
    Ganti tulisan link name dengan judul kategori atau apapun agar tampilan menu terlihat menarik, begitu juga link title bisa Anda samakan dengan link name. 
  6. Simpan template.
Nah, sekian postingan cara membuat menu horizontal di blog

Mengenal Seluk Beluk Kopi

Biji Kopi Yang Telah dipanggang
Minuman yang berasal dari ektrak tanaman  ini mungkin sudah menjadi hal yang sangat lumrah dan paling sering kita temui, mulai dari kedai pinggir jalan sampai cafe ekslusif yang wah , dari pelosok desa hingga kota besar .
hampir semua orang pernah meminum ektak biji yang mengandung kafein tinggi ini , hanya saja sejauh mana pemahaman serta pengetahuan kita tentang tanaman ini  ?? olehnya,   saya mencoba merangkum dari berbagai sumber tentang seluk beluk kopi , sejarah , maupun asal usul , jenis dan lain sebagainya , semoga bermanfaat .

Prolog

gambar pohon kopiKopi itu sendiri menurut wikipedia sebagai ensiklopedi hidup terbesar adalah sejenis minuman yang berasal dari proses pengolahan dan ekstraksi biji tanaman kopi.
Kata kopi sendiri awalnya berasal dari bahasa Arab: قهوة‎ qahwah yang berarti kekuatan, karena pada awalnya kopi digunakan sebagai makanan berenergi tinggi.
Kata qahwah kembali mengalami perubahan menjadi kahveh yang berasal dari bahasa Turki dan kemudian berubah lagi menjadi koffie dalam bahasa Belanda. Penggunaan kata koffie segera diserap ke dalam bahasa Indonesia menjadi kata kopi yang dikenal saat ini.
Secara umum, Dari sekian banyak jenis biji kopi yang dijual di pasaran, hanya terdapat 2 jenis varietas utama, yaitu kopi arabika (Coffea arabica) dan robusta (Coffea robusta). Masing-masing jenis kopi ini memiliki keunikannya masing-masing dan pasarnya sendiri
Sejarah mencatat bahwa penemuan kopi sebagai minuman berkhasiat dan berenergi pertama kali ditemukan oleh Bangsa Etiopia di benua Afrika sekitar 3000 tahun (1000 SM) yang lalu.
Kopi kemudian terus berkembang hingga saat ini menjadi salah satu minuman paling populer di dunia yang dikonsumsi oleh berbagai kalangan masyarakat.
Indonesia sendiri telah mampu memproduksi lebih dari 400 ribu ton kopi per tahunnya. Di samping rasa dan aromanya yang menarik, kopi juga dapat menurunkan risiko terkena penyakit kanker, diabetes, batu empedu, dan berbagai penyakit jantung (kardiovaskuler).

Coffea Arabica

Kopi arabika merupakan tipe kopi tradisional dengan cita rasa terbaik. Sebagian besar kopi yang ada dibuat dengan menggunakan biji kopi jenis ini.
Kopi ini berasal dari Etiopia dan sekarang telah dibudidayakan di berbagai belahan dunia, mulai dari Amerika Latin, Afrika Tengah, Afrika Timur, India, dan Indonesia.
Secara umum, kopi ini tumbuh di negara-negara beriklim tropis atau subtropis.Kopi arabika tumbuh pada ketinggian 600-2000 m di atas permukaan laut. Tanaman ini dapat tumbuh hingga 3 meter bila kondisi lingkungannya baik.
Suhu tumbuh optimalnya adalah 18-26 oC. Biji kopi yang dihasilkan berukuran cukup kecil dan berwarna hijau hingga merah gelap.
arabica robusta

Coffea Robusta/Chanephora

Kopi robusta pertama kali ditemukan di Kongo pada tahun 1898.
Kopi robusta dapat dikatakan sebagai kopi kelas 2, karena rasanya yang lebih pahit, sedikit asam, dan mengandung kafein dalam kadar yang jauh lebih banyak.Selain itu, cakupan daerah tumbuh kopi robusta lebih luas daripada kopi arabika yang harus ditumbuhkan pada ketinggian tertentu.
Kopi robusta dapat ditumbuhkan dengan ketinggian 800 m di atas permukaan laut. Selain itu, kopi jenis ini lebih resisten terhadap serangan hama dan penyakit.Hal ini menjadikan kopi robusta lebih murah. Jenis kopi robusta banyak ditumbuhkan di Afrika Barat, Afrika Tengah, Asia Tenggara, dan Amerika Selatan.

Kopi Di Indonesia

asiaKopi pertama kali masuk ke Indonesia diperkirakan pada tahun 1696 dari jenis kopi Arabika. Kopi ini masuk melalui Batavia (sekarang Jakarta) yang dibawa oleh Komandan Pasukan Belanda Adrian Van Ommen dari Malabar – India, yang kemudian ditanam dan dikembangkan di tempat yang sekarang dikenal dengan Pondok Kopi -Jakarta Timur, dengan menggunakan tanah partikelir Kedaung. Sayangnya tanaman ini kemudian mati semua oleh banjir, maka tahun 1699 didatangkan lagi bibit-bibit baru, yang kemudian berkembang di sekitar Jakarta dan Jawa Barat antara lain di Priangan, dan akhirnya menyebar ke berbagai bagian dikepulauan Indonesia seperti Sumatera, Bali, Sulawesi dan Timor.
Ekspor kopi Indonesia pertama kami dilakukan pada tahun 1711 oleh VOC, dan dalam kurun waktu 10 tahun meningkat sampai 60 ton / tahun. Hindia Belanda saat itu menjadi perkebunan kopi pertama di luar Arab dan Ethiopia, yang menjadikan VOC memonopoli perdagangan kopi ini dari tahun 1725 – 1780. Kopi Jawa saat itu sangat tekenal di Eropa, sehingga
Kopi pun kemudian menjadi komoditas dagang yang sangat diandalkan oleh VOC. Tahun 1706 Kopi Jawa diteliti oleh Belanda di Amsterdam, yang kemudian tahun 1714 hasil penelitian tersebut oleh Belanda diperkenalkan dan ditanam di Jardin des Plantes oleh Raja Louis XIV.
Orang-orang Eropa menyebutnya dengan “ secangkir Jawa”. Sampai pertengahan abad ke 19 Kopi Jawa menjadi kopi terbaik di dunia.
Produksi  kopi  di Jawa mengalami peningkatan yang cukup siginificant, tahun 1830 – 1834 produksi kopi Arabika mencapai 26.600 ton, dan 30 tahun kemudian meningkat menjadi 79.600 ton dan puncaknya tahun 1880 -1884 mencapai 94.400 ton.
Selama 1 3/4 (Satu – tiga perempat) abad kopi Arabika merupakan satu-satunya jenis kopi komersial yang ditanam di Indonesia. Tapi kemudian perkembangan budidaya kopi Arabika di Indonesia mengalami kemunduran hebat, dikarenakan serangan penyakit karat daun (Hemileia vastatrix) , yang masuk ke Indonesia sejak tahun 1876.  Akibatnya kopi Arabika yang dapat bertahan hidup hanya yang berada pada ketinggian 1000 m ke atas dari permukaan laut,  dimana serangan penyakit ini tidak begitu hebat.  Sisa-sisa tanaman kopi Arabika ini masih dijumpai di  dataran tinggi ijen (Jawa Timur) , Tanah Tinggi Toraja ( Sulawesi Selatan), lereng bagian atas Bukit Barisan ( Sumatera) seperti Mandhailing, Lintong dan Sidikalang di Sumatera Utara dan dataran tinggi Gayo di Nangroe Aceh Darussalam.
Untuk mengatasi serangan hama karat daun kemudian Pemerintah Belanda mendatangkan Kopi Liberika (Coffea Liberica) ke Indonesia pada tahun 1875. Namun ternyata jenis ini pun juga mudah diserang penyakit karat daun dan kurang bisa diterima di pasar karena rasanya yang terlalu asam. Sisa tanaman Liberica saat ini masih dapat dijumpai di daerah Jambi, Jawa Tengah dan Kalimantan.
Usaha selanjutnya dari Pemerintah Belanda adalah dengan mendatangkan kopi jenis Robusta ( Coffea Canephora) tahun 1900, yang ternyata tahan terhadap penyakit karat daun dan memerlukan syarat tumbuh serta pemeliharaan yang ringan , sedangkan produksinya jauh lebih tinggi . Maka kopi Robusta menjadi cepat berkembang menggantikan jenis Arabika khususnya di daerah – daerah dengan ketinggian di bawah 1000 m dpl dan mulai menyebar ke seluruh daerah baik di Jawa, Sumatera maupun ke Indonesia bagian timur.
Semenjak Pemerintah Hindia Belanda meninggalkan Indonesia, perkebunan rakyat terus tumbuh dan berkembang, sedangkan perkebunan swasta hanya bertahan di Jawa Tengah, Jawa Timur dan sebagian kecil di Sumatera; dan perkebunan negara (PTPN) hanya tinggal di Jawa Timur dan Jawa Tengah.

Dari Biji Kopi Menjadi Minuman

Kopi akan menjalani serangkaian proses pengolahan yang panjang dari biji kopi untuk menjadi minuman kopi.Berbagai metode pengolahan biji kopi telah dicoba untuk menghasilkan minuman kopi terbaik.Dalam hal ini, proses penanaman serta kualitas tanah dan konisi alam juga turut berperan dalam menciptakan cita rasa kopi yang baik.
coffee-extraction

Pemanenan dan pemisahan cangkang

Tanaman kopi selalu berdaun hijau sepanjang tahun dan berbunga putih. Bunga ini kemudian akan menghasilkan buah yang mirip dengan ceri terbungkus dengan cangkang yang  keras.Hasil dari pembuahan di bunga inilah yang disebut dengan biji kopi.
Pemanenan biji kopi biasanya dilakukan secara manual dengan tangan.Pada tahap selanjutnya, biji kopi yang telah dipanen ini akan dipisahkan cangkangnya. Terdapat dua metode yang umum dipakai, yaitu dengan pengeringan dan penggilingan dengan mesin.
Pada kondisi daerah yang kering biasanya digunakan metode pengeringan langsung di bawah sinar matahari. Setelah kering maka cangkang biji kopi akan lebih mudah untuk dilepaskan. Di Indonesia, biji kopi dikeringkan hingga kadar air tersisa hanya 30-35%.
Metode lainnya adalah dengan menggunkan mesin.Sebelum digiling, biji kopi biasanya dicuci terlebih dahulu. Saat digiling dalam mesin, biji kopi juga mengalami fermentasi singkat. Metode penggilingan ini cenderung memberikan hasil yang lebih baik dari pada metode pengeringan langsung. dari proses ini kemudian menghasilkan biji kopi utuh yang biasa disebut “green bean”

Pemanggangan

Setelah dipisahkan dari cangkangnya, biji kopi telah siap untuk masuk ke dalam proses pemanggangan.Proses ini secara langsung dapat meningatkan cita rasa dan warna dari biji kopi. Secara fisik, perubahan biji kopi terlihat dari pengeringan biji dan penurunan bobot secara keseluruhan. Pori-pori di sekeliling permukaan biji pun akan terlihat lebih jelas. Warna cokelat dari biji kopi juga akan terlihat memekat.

Penggilingan

Pada tahap selanjutnya, biji kopi yang telah kering digiling untuk memperbesar luas permukaan biji kopi. Dengan bertambah luasnya permukaan maka ekstraksi akan menjadi lebih efisien dan cepat.Penggilingan yang baik akan menghasilkan rasa, aroma, dan penampilan yang baik.
Hasil penggilingan ini harus segera dimasukkan dalam wadah kedap udara agar tidak terjadi perubahan cita rasa kopi.ini pun kemudian dikenal dengan istilah Bubuk Kopi.

Seni perebusan

Perebusan merupakan langkah akhir dari pengolahan biji kopi hingga siap dikonsumsi.
Untuk menciptakan minuman kopi yang bercita rasa tinggi, perebusan biji atau bubuk  kopi harus dilakukan dengan baik dan sempurna. Terdapat banyak variabel dalam perebusan biji atau bubuk  kopi, antara lain komposisi atau takaran biji kopi dan air, ukuran partikel, suhu air yang dipakai, metode, dan waktu perebusan. Kesalahan kecil dalam perebusan kopi dapat menyebabkan penurunan cita rasa.
Sebagai contoh, perebusan yang terlalu lama biasanya akan menimbulkan rasa kopi yang terlalu pahit.Oleh karena itu, bukanlah hal yang mudah untuk menyajikan kopi yang baik.
nah mungkin cukup ini saja dulu, mengenai seculi seluk beluk kopi