bagi temen2 gue yang pengen berhenti merokok baca neh tipsnya!!!
Merokok adalah aktifitas yang membahayakan kesehatan. Baik itu terhadap diri sendiri maupun orang lain. Orang yang menghisap rokok secara langsung biasanya disebut sebagai perokok aktif, sedangkan orang yang ikut menghirup asap rokok disekitar para perokok aktif disebut perokok pasif. Baik perokok aktif dan pasif ini akan merasakan dampak negatif dari asap rokok.
Misteri Jejak-Jejak Kaki Setan Devon di salju
Pada tanggal 5 Maret 2009, Jill Wade dari Devon, Inggris, dikejutkan dengan adanya jejak-jejak misterius di atas salju di kebun belakang rumahnya. Jejak-jejak ini mengingatkannya kepada sebuah misteri yang terjadi lebih dari 150 tahun yang lalu.
Seni Menakjubkan dan Kreatif Dengan Media Kelereng
Kelereng adalah sebuah bola-bola kecil yang terbuat dari kaca. Benda ini terkenal di seluruh dunia akan permainannya yang khas dan sederhana. Tapi, apakah Anda pernah terpikir bahwa kelereng itu adalah media seni yang luar biasa indahnya?
Tapi, apakah Anda pernah terpikir bahwa kelereng itu adalah media seni yang luar biasa indahnya? Jika anda bilang biasa saja, Anda harus melihat hasil kreatifitas para seniman di seluruh dunia dalam hal "kelereng".
1. Stan Skipper of Starroots Glass Design in Eugene, Oregon
Inilah 10 Ekosistem Pulau Terunik Di Dunia
Banyak pulau-pulau terpencil di seluruh dunia memiliki beberapa fauna dan flora yang unik di dunia. Beberapa spesies tanaman dan hewan tidak ditemukan di tempat lain dan telah berevolusi khusus.
Karena pulau-pulau ini menyediakan tempat berlindung dari persaingan ketat yang dihadapi oleh spesies di benua itu, spesies akan berkembang memanfaatkan kondisi yang mereka hadapi.
Sebagai warisan sejarah evolusi unik, ekosistem ini adalah harta alam yang tak tergantikan. Berikut ini adalah daftar 10 pulau ekosistem yang paling unik di dunia.
Kini Motor Bisa Bebas Melaju Saat Lampu Merah
Di banyak negara, pengendara harus berhenti saat lampu lalu lintas (lalin) merah. Namun tidak di Kansas, pengendara bisa terus melaju ketika lampu merah. Bagaimana bisa?
Hotel Anti Bencana, Tiru Bahtera Nabi Nuh
Ancaman pemanasan global, saat ketinggian permukaan laut diperkirakan naik secara ekstrim dan menenggelamkan sebagian planet Bumi, menjadi inspirasi perusahaan arsitektur Rusia, Remistudio.
Dalam program arsitektur penanggulangan bencana International Union of Architects, Remistudio merancang sebuah hotel yang bisa berperan sebagai bahtera penyelamat, kalau-kalau bencana dahsyat terjadi. Namanya, Ark Hotel. Bisa didirikan di laut atau darat.
Loricifera, Hewan yang Dapat Hidup Tanpa Oksigen
Sekelompok peneliti laut dalam asal Italia dan Denmark menemukan hewan multiseluler yang melangsungkan seluruh hidupnya tanpa menghirup oksigen.
Kelompok peneliti itu menemukan tiga spesies Loricifera (hewan serupa ubur-ubur berukuran panjang kurang dari satu milimeter) di endapan cekungan L’Atalante, sebuah kawasan perairan asin tak beroksigen di kedalaman 3000 meter, dasar laut Mediterrania, atau laut tengah.
10 Pembangkit Energi yang Bisa Diperbaharui Untuk Menyelamatakan Bumi
Energi merupakan kebutuhan tak terelakkan di saat kita ingin perkembangan yang begitu pesat. Banyak fenomena alami berkontribusi untuk memproduksi energi tanpa harus merusak lingkungan.
Mereka disebut sumber energi terbarukan dan mereka membantu untuk menghindari pencemaran, baik di lokasi perkotaan dan atau di lokasi terpencil baik dalam sekala besar atau kecil. Mereka membentuk semacam siklus tanpa dikurangi dari setiap sumber daya untuk menghasilkan energi.
Bagaimanakah Proses Terjadinya Anak Kembar?
Kembar identik yang disebut juga sebagai kembar Monozygotik, yaitu kembar yang berasal dari satu telur. Mempunyai gen yang sama, jenis kelamin yang sama, dan muka yang serupa.
Kembar identik yang disebut juga sebagai kembar Monozygotik, yaitu kembar yang berasal dari satu telur. Mempunyai gen yang sama, jenis kelamin yang sama, dan muka yang serupa.
Matematika Bukan Masalah Lagi Setelah Otak Disetrum
Gangguan belajar yang ditandai dengan kesulitan untuk menghitung angka-angka, biasa disebut dengan Diskalkulia. Aliran listrik pada bagian tertentu di otak, mampu untuk mengatasi gangguan ini, dan bahkan efeknya dapat bertahan hingga 6 bulan.
Tentu saja cara mengalirkan listrik ke otak, tidak semudah menyalakan lampu. Ada teknik tertentu yang jika tidak dilakukan dengan benar, justru menyebabkan efek sebaliknya, yakni semakin sulit mengerjakan soal matematika.
Dalam sebuah eksperimen, ilmuwan dari Oxford University berhasil menemukan teknik yang tepat untuk mengatasi diskalkulia dengan aliran listrik. Eksperimen ini melibatkan 15 mahasiswa dengan rentang usia 20 hingga 21 tahun.
Ketika arus listrik sebesar 1 miliampere (mA) dialirkan di otak pada bagian parietal lobe yang mengatur kemampuan numerik dan matematis, para relawan merasakan efek yang cukup signifikan. Namun, efeknya bervariasi, tergantung arah dari aliran listrik.
Jika dialirkan dari bagian kanan parietal lobe ke bagian kirinya, kemampuan berhitung para relawan meningkat hingga 2 kali lipat. Sebaliknya, ketika dialirkan dari arah kiri ke kanan, kemampuannya turun drastis, hingga setara dengan kemampuan anak usia 6 tahun.
Karena teknik sesungguhnya jauh lebih rumit, salah satu ilmuwan, yakni Dr. Cohen Kadosh mengingatkan, agar teknik ini tidak dicoba sendiri di rumah. Bagaimanapun, teknik ini masih dalam tahap uji coba, sehingga masih butuh penelitian lebih lanjut sebelum digunakan secara luas.
"Cara ini tidak akan mengubah seseorang menjadi secerdas Einstein, tapi jika beruntung, suatu saat nanti akan berguna untuk mereka yang mengalami kesulitan belajar spesifik seperti diskalkulia," ungkap Dr. Kadosh seperti dikutip dari Telegraph.
7 Keajaiban Janin Dalam Kandungan
Proses pembelajaran janin sudah dimulai sejak dalam kandungan, janin ikut belajar pada trimester kedua dan ketiga, seperti di dalam ruang Amphitheater yang lebih canggih dari kelas mana pun di dunia.
Berikut keahlian-keahlian bayi yang sudah dimiliki sejak dalam kandungan, menurut Fred J. Schwartz, MD, ahli anestesi dari Piedmont Hospital in Atlanta, Georgia.
1. Menghisap Jempol
Wajar jika kebanyakan bayi suka mengisap jempol, karena ternyata kebiasaan ini sudah dimulai sejak dalam kandungan. Refleks isap ini membantu bayi saat akan menyusu, maka ibu tidak perlu lagi memaksakan untuk menyodorkan puting.
Keahlian mengisap jempol ini sudah mulai sejak minggu ke-19 karena otak bayi telah mencapai jutaan saraf motorik sehingga ia mampu membuat gerakan sadar seperti menghisap jempol.
2. Berenang
Sejak bayi di dalam kandungan ia sudah terbiasa berada di dalam air selama 9 bulan, yaitu cairan ketuban. Bayi sedang senang-senangnya berenang di usia kehamilan 20 minggu.
Saat ini bayi sedang membuat gerakan-gerakan aktif yang dapat dirasakan ibu, mungkin karena panjangnya baru separuh dari panjang lahir dan beratnya baru sekitar 340 gram sehingga ia masih punya banyak ruang untuk berenang.
3. Cegukan
Saat hamil, terkadang ibu merasakan gerakan continu di satu bagian perutnya. Bisa jadi saat itu janin sedang cegukan. Hal ini biasanya dirasakan sejak kandungan menginjak minggu ke-25.
Hal ini menandakan bahwa janin sedang berlatih pernapasan. Saat ini janin menghirup dan mengeluarkan air ketuban, ketika air ketuban yang tertelan terlalu banyak maka ia akan cegukan. Hal ini sesuatu yang wajar.
4. Mendengar
Banyak yang menyarankan ibu hamil sering-sering berkomunikasi dengan janin dalam kandungannya. Hal ini benar, karena meski masih di dalam kandungan, janin sudah dapat mendengar suara ibunya sendiri dan suara orang lain di sekitarnya.
Saat melakukan USG 4 dimensi, selain memeriksa kelengkapan organ tubuh, dokter juga akan meminta janin melakukan sesuatu dan melihat respon si janin.
Misalnya, ketika janin sedang menunduk, ketika dokter meminta ia menegakkan kepala, ternyata janin bisa mengikuti perintah.
Jadi sebaiknya ibu hamil berhati-hati dalam berkata-kata karena janin juga bisa mendengar jika ibunya sedang marah-marah. Hal ini terbukti dengan reaksi perut yang langsung mengencang.
5. Membedakan Terang dan Gelap
Beberapa penelitian menunjukkan bahwa bayi sejak dalam kandungan 27-28 minggu sudah bisa membuka matanya, sehingga sudah bisa membedakan antara gelap dan terang.
Bisa terlihat ketika dokter menempelkan senter di perut, ia bisa melihat cahaya yang masuk melalui dinding rahim. Bahkan janin bisa mengedipkan mata jika menurutnya terlalu silau.
6. Mengekspresikan Diri
Sejak dalam kandungan janin ternyata sudah bisa mengekspresikan diri sesuai dengan yang sedang dirasakan ibunya. Jika ibu dalam keadaan bahagia, duduk santai sambil mendengarkan musik, maka janin juga akan merasakan getaran tersebut sehingga ia akan tersenyum.
Sebaliknya, jika ibu sedang stres, maka janin akan menyengitkan dahi. Lihat saja pada potret USG 4 dimensi bayi Anda.
7. Belajar Dua Bahasa
Ternyata, bayi di dalam kandungan bisa belajar memahami bahasa yang sering ia dengar, bahkan hingga dua bahasa sekaligus. Dan kemampuan ini terbawa hingga mereka lahir.
Dalam sebuah penelitian yang dimuat di Psychological Science, bayi yang terbiasa mendengar dua bahasa selama dalam rahim ibunya kelak akan lebih mudah belajar dua bahasa.
Hal ini juga sesuai dengan hasil penelitian psikolog dari Universitas of British Columbia dan Organization for Economic Cooperation and Development di Perancis.
Kuburan Massal di Dasar Kapel RS Jiwa
Tanpa sengaja, buruh gali menemukan kuburan massal yang berisi ratusan kerangka di bawah kapel bekas rumah sakit jiwa. Kuburan itu diperkirakan dari abad 19.
Tanpa sengaja, buruh gali menemukan kuburan massal yang berisi ratusan kerangka di bawah kapel bekas rumah sakit jiwa. Kuburan itu diperkirakan dari abad 19.
Lokasi itu pertama kali ditemukan Desember 2010 namun berhasil dibongkar dengan tuntas baru-baru ini. Berlokasi di Melton, Woodbridge, Inggris, kuburan yang berada tepat di bawah bekas kapel Rumah Sakit St Audry itu dipercaya tempat peristirahatan terakhir para pasien.
“Ini sangat mengerikan dan tidak menghormati sama sekali. Orang-orang malang ini seharusnya dapat beristirahat dalam damai,” ujar Holles-Perkes, 69, penduduk lokal.
Rumah Sakit St Audry diperuntukkan untuk umum pada 1917 dan ditutup awal 1990an, serta dibangun kembali pada 1998. Perusahan pembangun, Hopkins Homes saat ini telah memanggil para arkeolog. Sekarang, kuburan tersebut masih ditutup dengan plastik.
“Saya akan memeriksa lokasi dan memastikan kuburan tersebut diperlakukan dengan hormat,” kata Michael Hatchett dari Gereja St. Andrew, Melton, Inggris.
Alasan pasti kenapa potongan tengkorak tersebut berkumpul di lokasi, belum diketahui. Namun, muncul spekulasi bahwa beberapa dokter memanfaatkan tubuh pasien yang mati untuk kepentingan pribadi.
Tanpa sengaja, buruh gali menemukan kuburan massal yang berisi ratusan kerangka di bawah kapel bekas rumah sakit jiwa. Kuburan itu diperkirakan dari abad 19.
Lokasi itu pertama kali ditemukan Desember 2010 namun berhasil dibongkar dengan tuntas baru-baru ini. Berlokasi di Melton, Woodbridge, Inggris, kuburan yang berada tepat di bawah bekas kapel Rumah Sakit St Audry itu dipercaya tempat peristirahatan terakhir para pasien.
“Ini sangat mengerikan dan tidak menghormati sama sekali. Orang-orang malang ini seharusnya dapat beristirahat dalam damai,” ujar Holles-Perkes, 69, penduduk lokal.
Rumah Sakit St Audry diperuntukkan untuk umum pada 1917 dan ditutup awal 1990an, serta dibangun kembali pada 1998. Perusahan pembangun, Hopkins Homes saat ini telah memanggil para arkeolog. Sekarang, kuburan tersebut masih ditutup dengan plastik.
“Saya akan memeriksa lokasi dan memastikan kuburan tersebut diperlakukan dengan hormat,” kata Michael Hatchett dari Gereja St. Andrew, Melton, Inggris.
Alasan pasti kenapa potongan tengkorak tersebut berkumpul di lokasi, belum diketahui. Namun, muncul spekulasi bahwa beberapa dokter memanfaatkan tubuh pasien yang mati untuk kepentingan pribadi.
10 Penyebab Gigi Kuning yang Tidak Kita Sadari
Jangan salahkan pasta gigi jika gigi Anda masih saja kuning walaupun Anda tak pernah absen menggosok gigi secara rutin. Ada 10 hal berikut yang menyebabkan gigi Anda kuning.
Jangan salahkan pasta gigi jika gigi Anda masih saja kuning walaupun Anda tak pernah absen menggosok gigi secara rutin. Ada 10 hal berikut yang menyebabkan gigi Anda kuning.
http://baru2.net/wp-content/uploads/2010/08/Gigi-Kuning.gif
1. Teh Herbal
Menjaga kelangsingan tubuh serta kesehatan dengan teh herbal menjadi kebiasaan yang umum akhir-akhir ini. Tubuh terasa lebih bugar, dan lebih langsing.
Namun, ternyata teh herbal ini membawa efek samping yang buruk bagi gigi.
Mereka yang rutin mengonsumsi teh herbal cenderung memiliki gigi kuning. Menanggapi hal ini, para peneliti Jepang, seperti dilansir Dailymail, menyarankan agar para konsumen teh herbal lebih memilih teh hijau.
Kandungan katekin di dalam teh hijau dipercaya dapat menekan bakteri pemroduksi asam di gigi, sehingga gigi kuning lebih mudah dicegah.
2. Obat Mata
Mungkin Anda bingung, apa hubungan obat tetes mata dengan kuningnya gigi. Namun, obat tetes mata ini memang menjadi salah satu penyebab gigi menjadi kuning. Kandungan kimia dalam obat tetes mata menekan produksi saliva.
Dimana saliva akan menetralisir asam di dalam mulut. Karena jumlah saliva ini berkurang, secara otomatis asam di dalam mulut akan meningkat. Di sini bakteri akan berkembang biak lebih pesat, sehingga gigi menjadi kuning.
3. Berenang
Hasil studi yang dilakukan terhadap 500 orang perenang menyebutkan bahwa 66% dari perenang mengalami kerusakan pada gigi serta gigi kuning. Hal ini disebabkan karena kandungan klorin yang tinggi di dalam air kolam.
Klorin tersebut mempengaruhi pH air yang menyebabkan kandungan asamnya lebih tinggi. Untuk itu, jangan lupa menyikat gigi setelah berenang.
4. Pemutih gigi
Bagaimana bisa pemutih gigi malah membuat gigi menjadi kuning? Well, ternyata cara kerja pemutih gigi ini tidak sesederhana yang kita pikirkan. Kebanyakan, pemutih gigi bekerja dengan mengerosi gigi.
Dan seringkali, pemutih gigi yang dikenakan di rumah, tidak bekerja secara maksimal. Bukannya memutihkan, mereka malah mengikis gigi, membuatnya rapuh dan kuning.
5. White Wine
Ternyata anggur putih justru memberikan efek lebih buruk bagi gigi. “Anggur putih lebih cepat mengikis gigi,” ungkap Dr Paul Ashley, direktur institusi kesehatan gigi, di University College Hospitals.
6. Menyikat gigi setelah makan yang manis
Saking takutnya ada bakteri yang tinggal di gigi, maka Anda akan buru-buru menyikat gigi setelah makan yang manis-manis. Benarkah hal ini? Ternyata justru hal ini salah. Setelah proses pengunyahan, maka mulut cenderung bersifat asam.
Saat ini akhirnya gigi menetralisir keadaan mulut dengan mengeluarkan enamel untuk melindungi gigi. Jika Anda terburu-buru menyikat gigi, maka enamel ini akan terbuang sia-sia dan bakteri justru bebas berkembang.
Untuk itu sangat disarankan menyikat gigi setidaknya 1 jam setelah makan yang manis-manis.
7. Diabetes
Tak bisa dipungkiri bahwa penyakit yang satu ini memang menyumbangkan efek gigi kuning, rapuh bahkan keropos. Sayangnya, banyak penderita diabetes tidak menyadari bahwa penyakitnya ini juga mempengaruhi keadaan giginya.
8. Rokok
Selain penyakit diabetes, rokok juga membuat gigi menjadi kuning. Kandungan nikotin di dalam rokok menyebabkan ruang mulut menjadi asam, nikotin-nikotin terikat pada elemen gigi dan tinggal pada dinding-dinding gigi. Tak heran jika mereka yang merokok hampir sulit untuk punya gigi putih bersih.
9. Minuman berenergi
Karena dibuat untuk menggantikan energi dan garam yang hilang saat berolahraga, maka minuman berenergi dilengkapi dengan gula dan asam.
Berdasarkan studi yang dilakukan University of Birmingham, ditemukan bahwa minuman berenergi bersifat korosif ketimbang air mineral.
Zat kimia yang terkandung dalam minuman berenergi cenderung merusak dan mengikis gigi.
10. Membuka kemasan dengan gigi
Saking kuatnya gigi dan tak ada gunting di sekitar Anda, maka Anda memutuskan membuka kemasan dengan gigi Anda. STOP kebiasaan ini!
Tanpa Anda sadari, kebiasaan ini akan membuat gigi lebih mudah rapuh dan lemah. Ketika gigi rapuh, secara otomatis warnanya tidak akan sehat dan cenderung menguning.
Jangan salahkan pasta gigi jika gigi Anda masih saja kuning walaupun Anda tak pernah absen menggosok gigi secara rutin. Ada 10 hal berikut yang menyebabkan gigi Anda kuning.
http://baru2.net/wp-content/uploads/2010/08/Gigi-Kuning.gif
1. Teh Herbal
Menjaga kelangsingan tubuh serta kesehatan dengan teh herbal menjadi kebiasaan yang umum akhir-akhir ini. Tubuh terasa lebih bugar, dan lebih langsing.
Namun, ternyata teh herbal ini membawa efek samping yang buruk bagi gigi.
Mereka yang rutin mengonsumsi teh herbal cenderung memiliki gigi kuning. Menanggapi hal ini, para peneliti Jepang, seperti dilansir Dailymail, menyarankan agar para konsumen teh herbal lebih memilih teh hijau.
Kandungan katekin di dalam teh hijau dipercaya dapat menekan bakteri pemroduksi asam di gigi, sehingga gigi kuning lebih mudah dicegah.
2. Obat Mata
Mungkin Anda bingung, apa hubungan obat tetes mata dengan kuningnya gigi. Namun, obat tetes mata ini memang menjadi salah satu penyebab gigi menjadi kuning. Kandungan kimia dalam obat tetes mata menekan produksi saliva.
Dimana saliva akan menetralisir asam di dalam mulut. Karena jumlah saliva ini berkurang, secara otomatis asam di dalam mulut akan meningkat. Di sini bakteri akan berkembang biak lebih pesat, sehingga gigi menjadi kuning.
3. Berenang
Hasil studi yang dilakukan terhadap 500 orang perenang menyebutkan bahwa 66% dari perenang mengalami kerusakan pada gigi serta gigi kuning. Hal ini disebabkan karena kandungan klorin yang tinggi di dalam air kolam.
Klorin tersebut mempengaruhi pH air yang menyebabkan kandungan asamnya lebih tinggi. Untuk itu, jangan lupa menyikat gigi setelah berenang.
4. Pemutih gigi
Bagaimana bisa pemutih gigi malah membuat gigi menjadi kuning? Well, ternyata cara kerja pemutih gigi ini tidak sesederhana yang kita pikirkan. Kebanyakan, pemutih gigi bekerja dengan mengerosi gigi.
Dan seringkali, pemutih gigi yang dikenakan di rumah, tidak bekerja secara maksimal. Bukannya memutihkan, mereka malah mengikis gigi, membuatnya rapuh dan kuning.
5. White Wine
Ternyata anggur putih justru memberikan efek lebih buruk bagi gigi. “Anggur putih lebih cepat mengikis gigi,” ungkap Dr Paul Ashley, direktur institusi kesehatan gigi, di University College Hospitals.
6. Menyikat gigi setelah makan yang manis
Saking takutnya ada bakteri yang tinggal di gigi, maka Anda akan buru-buru menyikat gigi setelah makan yang manis-manis. Benarkah hal ini? Ternyata justru hal ini salah. Setelah proses pengunyahan, maka mulut cenderung bersifat asam.
Saat ini akhirnya gigi menetralisir keadaan mulut dengan mengeluarkan enamel untuk melindungi gigi. Jika Anda terburu-buru menyikat gigi, maka enamel ini akan terbuang sia-sia dan bakteri justru bebas berkembang.
Untuk itu sangat disarankan menyikat gigi setidaknya 1 jam setelah makan yang manis-manis.
7. Diabetes
Tak bisa dipungkiri bahwa penyakit yang satu ini memang menyumbangkan efek gigi kuning, rapuh bahkan keropos. Sayangnya, banyak penderita diabetes tidak menyadari bahwa penyakitnya ini juga mempengaruhi keadaan giginya.
8. Rokok
Selain penyakit diabetes, rokok juga membuat gigi menjadi kuning. Kandungan nikotin di dalam rokok menyebabkan ruang mulut menjadi asam, nikotin-nikotin terikat pada elemen gigi dan tinggal pada dinding-dinding gigi. Tak heran jika mereka yang merokok hampir sulit untuk punya gigi putih bersih.
9. Minuman berenergi
Karena dibuat untuk menggantikan energi dan garam yang hilang saat berolahraga, maka minuman berenergi dilengkapi dengan gula dan asam.
Berdasarkan studi yang dilakukan University of Birmingham, ditemukan bahwa minuman berenergi bersifat korosif ketimbang air mineral.
Zat kimia yang terkandung dalam minuman berenergi cenderung merusak dan mengikis gigi.
10. Membuka kemasan dengan gigi
Saking kuatnya gigi dan tak ada gunting di sekitar Anda, maka Anda memutuskan membuka kemasan dengan gigi Anda. STOP kebiasaan ini!
Tanpa Anda sadari, kebiasaan ini akan membuat gigi lebih mudah rapuh dan lemah. Ketika gigi rapuh, secara otomatis warnanya tidak akan sehat dan cenderung menguning.
Horizontal Dropdown Menu
Yo'i sobat tadi adalah hanya sekilas info saja, yang akan saya bahas sekarang adalah menyoal tentang pernak-pernik blog, ada satu lagi nih yang bisa sobat pasang. kali ini tentang cara pembuatan menu dropdown dengan javascript dalam bentuk horizontal alias mendatar. Sekilas tentang menu dropdown ini yaitu menu navigasi yang apabila di sorot oleh mouse akan secara otomatis mengeluarakan sub menu yang terkandung di dalamnya. Contoh gampang yaitu silahkan sobat sorot menu-menu yang ada pada bagian atas blog ini, tentunya nanti akan keluar berupa sub-sub menu. Ingin tahu cara membuatnya? silahkan baca tutorialnya sampai selesai !
Untuk membuat menu dropdown seperti di atas, bisa menggunakan bantuan image ataupun cukup hanya warna background biasa. Untuk saat ini saya mau menerangkan menu dropdown tanpa bantuan image, dan untuk yang menggunakan latar belakang image, akan di bahas pada pembahasan selanjutnya.
Script yang saya pakai kali ini adalah di ambil dari http://www.dynamicdrive.com akan tetapi saya modifikasi pada bagian css agar tampil lebih menarik. Ada beberapa tahapan yang harus di persiapkan yaitu yang pertama adalah menentukan menu utama apakah yang akan di tampilkan. Contoh pada blog saya adalah Home, Free Blog Tamplate, Rubrik Elektronik, Obral lus, How to make a Website, serta Contuct Us. Yang kedua adalah mempersiapkan sub menu dari menu utama yang di tampilkan. Contoh blog saya yaitu Link-link postingan yang ada pada blog tersebut, untuk template unik dan rubrik elektronik yaitu menampilkan judul-judul dari postingan semisal About Battery Electronic shopping, Minima 3 column, dan lain sebagainya. Nah sudah barang tentu dari judul-judul yang saya sebutkan tadi itu mempunyai alamat URL masing-masing, langkah selanjutnya adalah mencatat alamat URL setiap judul yang di pasang.
Setiap template tentunya akan berbeda kodenya, untuk memberi gambaran saja maka yang saya terangkan adalah template minima dengan pemasangan menu dropdown di bagian header
• Untuk template minima klasik
- Sig in di blogger
- Klik menu Template
- Klik menu Edit HTML
- Copy seluruh kode template yang ada lalu paste pada notepad kemudian save. ini untuk backup data bila terjadi kesalahan editting
- Copy kode berikut lalu paste pada style sheet css sobat, atau bila bingung simpan saja di atas kode </style>
- Copy paste kode berikut di atas kode </head>
- Copy paste kode berikut persis di bawah kode :
</h1>
<p id="description"><$BlogDescription$></p> - Klik tombol Simpan Perubahan Template
- Selesai.
#dropmenudiv{ position:absolute; border:1px solid black; border-bottom-width: 0; font:normal 12px verdana; line-height:18px; z-index:100; } #dropmenudiv a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none; font-weight: bold; color:#ffffff; } #dropmenudiv a:hover{ /*hover background color*/ background-color: #e7f4fd; color:#000000; } /* menu dropdown ----------------------------------------------- */ #menu{ text-align: center; background:#c4e1ff; height:20px; } #menu a{ margin:0; font-size:1em; font-weight:normal; padding-left:20px; padding-right:20px; letter-spacing:-1px; color: #000000; font-family:georgia,verdana,arial; text-decoration:none; } #menu a:hover{ color: #ffffff; background: #140E7E; } <script type='text/javascript'> //<![CDATA[ /*********************************************** * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ //isi dari menu 1, silahkan ubah dengan link milik sobat var menu1=new Array() menu1[0]='<a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column.html">Minima 3 column (classic)</a>' menu1[1]='<a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html">Minima 3 column (beta)</a>' menu1[2]='<a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html">Scribe 3 column (classic)</a>' menu1[3]='<a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html">Scribe 3 column (new)</a>' menu1[4]='<a href="http://template-unik.blogspot.com/2007/07/1st-template-unik.html">1St Template Unik (new)</a>' menu1[5]='<a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html">Denim 3 column (new)</a>' menu1[6]='<a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html">Blue Lover (new)</a>' //isi dari menu 2, silahkan ubah dengan link milik sobat var menu2=new Array() menu2[0]='<a href="http://rubrik-elektronik.blogspot.com/2007/05/tips-maintenance-of-crt-television.html ">About Television</a>' menu2[1]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/baterai.html">About Battery</a>' menu2[2]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/progressive.html">About Progressive</a>' menu2[3]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html">Electronic Shopping</a>' menu2[4]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/cute-bean.html"> About Mp3 Player</a>' menu2[5]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/tips-maintenance-of-camera.html">About Handy Cam</a>' //isi dari menu 3, silahkan ubah dengan link milik sobat var menu3=new Array() menu3[0]='<a href="http://www.obralplus.com/?id=rohman" title="menjual berbagai software dengan harga sangat murah">Obral Plus</a>' //isi dari for menu 4, and so on var menu4=new Array() menu4[0]='<a href="http://www.resepbisnis.com/?id=rohman" title="cocok bagi anda yang ingin belajar lebih jauh tentang pembuatan website">Resep Bisnis.com</a>' var menuwidth='200px' //default menu width var menubgcolor='#4B4D52' //menu bgcolor var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds) var hidemenu_onclick="yes" //hide menu when user clicks within menu? /////No further editting needed var ie4=document.all var ns6=document.getElementById&&!document.all if (ie4||ns6) document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>') function getposOffset(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; } function showhide(obj, e, visible, hidden, menuwidth){ if (ie4||ns6) dropmenuobj.style.left=dropmenuobj.style.top="-500px" if (menuwidth!=""){ dropmenuobj.widthobj=dropmenuobj.style dropmenuobj.widthobj.width=menuwidth } if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover") obj.visibility=visible else if (e.type=="click") obj.visibility=hidden } function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function clearbrowseredge(obj, whichedge){ var edgeoffset=0 if (whichedge=="rightedge"){ var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15 dropmenuobj.contentmeasure=dropmenuobj.offsetWidth if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure) edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth } else{ var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18 dropmenuobj.contentmeasure=dropmenuobj.offsetHeight if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up? edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge } } return edgeoffset } function populatemenu(what){ if (ie4||ns6) dropmenuobj.innerHTML=what.join("") } function dropdownmenu(obj, e, menucontents, menuwidth){ if (window.event) event.cancelBubble=true else if (e.stopPropagation) e.stopPropagation() clearhidemenu() dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv populatemenu(menucontents) if (ie4||ns6){ showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth) dropmenuobj.x=getposOffset(obj, "left") dropmenuobj.y=getposOffset(obj, "top") dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px" dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px" } return clickreturnvalue() } function clickreturnvalue(){ if (ie4||ns6) return false else return true } function contains_ns6(a, b) { while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; } function dynamichide(e){ if (ie4&&!dropmenuobj.contains(e.toElement)) delayhidemenu() else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) delayhidemenu() } function hidemenu(e){ if (typeof dropmenuobj!="undefined"){ if (ie4||ns6) dropmenuobj.style.visibility="hidden" } } function delayhidemenu(){ if (ie4||ns6) delayhide=setTimeout("hidemenu()",disappeardelay) } function clearhidemenu(){ if (typeof delayhide!="undefined") clearTimeout(delayhide) } if (hidemenu_onclick=="yes") document.onclick=hidemenu //]]> </script> <div id="menu"> <a href="http://kolom-tutorial.blogspot.com" title="back to home">Home</a> <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '200px')" onMouseout="delayhidemenu()" title="free download blogger template">Free Template</a> <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '200px')" onMouseout="delayhidemenu()">Rubrik Elektronik</a> <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '200px')" onMouseout="delayhidemenu()" title="menjual berbagai software dengan harga sangat murah">Obral Plus</a> <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '200px')" onMouseout="delayhidemenu()" title="cocok bagi anda yang ingin belajar lebih jauh tentang pembuatan website">Belajar website</a> </div> Yang di atas tadi merupakan pemasangan untuk template minima klasik, untuk template minima baru, silahkan ikuti langkah berikut !
• Untuk template minima baru
- Sigin di blogger
- Klik menu Layout
- Klik menu Edit HTML
- Klik tulisan Download Full Template, silahkan save dulu untuk berjaga-jaga apabila terjadi kesalahan editting
- Copy paste kode berikut di antara kode <b:skin><![CDATA[ dan kode
]]></b:skin> , atau jika bingung simpan saja persis di atas kode
]]></b:skin> - Copy paste kode berikut di atas kode </head>
- Copy paste kode berikut persis di bawah kode :
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
- Klik tombol Simpan Template
- Selesai.
#dropmenudiv{ position:absolute; border:1px solid black; border-bottom-width: 0; font:normal 12px verdana; line-height:18px; z-index:100; } #dropmenudiv a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none; font-weight: bold; color:#ffffff; } #dropmenudiv a:hover{ /*hover background color*/ background-color: #e7f4fd; color:#000000; } /* menu dropdown ----------------------------------------------- */ #menu{ text-align: center; background:#c4e1ff; height:20px; } #menu a{ margin:0; font-size:1em; font-weight:normal; padding-left:20px; padding-right:20px; letter-spacing:-1px; color: #000000; font-family:georgia,verdana,arial; text-decoration:none; } #menu a:hover{ color: #ffffff; background: #140E7E; } <script type='text/javascript'> //<![CDATA[ /*********************************************** * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ //isi dari menu 1, silahkan ubah dengan link milik sobat var menu1=new Array() menu1[0]='<a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column.html">Minima 3 column (classic)</a>' menu1[1]='<a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html">Minima 3 column (beta)</a>' menu1[2]='<a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html">Scribe 3 column (classic)</a>' menu1[3]='<a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html">Scribe 3 column (new)</a>' menu1[4]='<a href="http://template-unik.blogspot.com/2007/07/1st-template-unik.html">1St Template Unik (new)</a>' menu1[5]='<a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html">Denim 3 column (new)</a>' menu1[6]='<a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html">Blue Lover (new)</a>' //isi dari menu 2, silahkan ubah dengan link milik sobat var menu2=new Array() menu2[0]='<a href="http://rubrik-elektronik.blogspot.com/2007/05/tips-maintenance-of-crt-television.html ">About Television</a>' menu2[1]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/baterai.html">About Battery</a>' menu2[2]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/progressive.html">About Progressive</a>' menu2[3]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html">Electronic Shopping</a>' menu2[4]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/cute-bean.html"> About Mp3 Player</a>' menu2[5]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/tips-maintenance-of-camera.html">About Handy Cam</a>' //isi dari menu 3, silahkan ubah dengan link milik sobat var menu3=new Array() menu3[0]='<a href="http://www.obralplus.com/?id=rohman" title="menjual berbagai software dengan harga sangat murah">Obral Plus</a>' //isi dari for menu 4, and so on var menu4=new Array() menu4[0]='<a href="http://www.resepbisnis.com/?id=rohman" title="cocok bagi anda yang ingin belajar lebih jauh tentang pembuatan website">Resep Bisnis.com</a>' var menuwidth='200px' //default menu width var menubgcolor='#4B4D52' //menu bgcolor var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds) var hidemenu_onclick="yes" //hide menu when user clicks within menu? /////No further editting needed var ie4=document.all var ns6=document.getElementById&&!document.all if (ie4||ns6) document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>') function getposOffset(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; } function showhide(obj, e, visible, hidden, menuwidth){ if (ie4||ns6) dropmenuobj.style.left=dropmenuobj.style.top="-500px" if (menuwidth!=""){ dropmenuobj.widthobj=dropmenuobj.style dropmenuobj.widthobj.width=menuwidth } if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover") obj.visibility=visible else if (e.type=="click") obj.visibility=hidden } function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function clearbrowseredge(obj, whichedge){ var edgeoffset=0 if (whichedge=="rightedge"){ var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15 dropmenuobj.contentmeasure=dropmenuobj.offsetWidth if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure) edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth } else{ var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18 dropmenuobj.contentmeasure=dropmenuobj.offsetHeight if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up? edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge } } return edgeoffset } function populatemenu(what){ if (ie4||ns6) dropmenuobj.innerHTML=what.join("") } function dropdownmenu(obj, e, menucontents, menuwidth){ if (window.event) event.cancelBubble=true else if (e.stopPropagation) e.stopPropagation() clearhidemenu() dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv populatemenu(menucontents) if (ie4||ns6){ showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth) dropmenuobj.x=getposOffset(obj, "left") dropmenuobj.y=getposOffset(obj, "top") dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px" dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px" } return clickreturnvalue() } function clickreturnvalue(){ if (ie4||ns6) return false else return true } function contains_ns6(a, b) { while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; } function dynamichide(e){ if (ie4&&!dropmenuobj.contains(e.toElement)) delayhidemenu() else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) delayhidemenu() } function hidemenu(e){ if (typeof dropmenuobj!="undefined"){ if (ie4||ns6) dropmenuobj.style.visibility="hidden" } } function delayhidemenu(){ if (ie4||ns6) delayhide=setTimeout("hidemenu()",disappeardelay) } function clearhidemenu(){ if (typeof delayhide!="undefined") clearTimeout(delayhide) } if (hidemenu_onclick=="yes") document.onclick=hidemenu //]]> </script> <div id="menu"> <a href="http://kolom-tutorial.blogspot.com" title="back to home">Home</a> <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '200px')" onMouseout="delayhidemenu()" title="free download blogger template">Free Template</a> <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '200px')" onMouseout="delayhidemenu()">Rubrik Elektronik</a> <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '200px')" onMouseout="delayhidemenu()" title="menjual berbagai software dengan harga sangat murah">Obral Plus</a> <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '200px')" onMouseout="delayhidemenu()" title="cocok bagi anda yang ingin belajar lebih jauh tentang pembuatan website">Belajar website</a> </div> Untuk melihat seperti apa hasilnya kode-kode yang barusan di terangkan, coba sobat klik di sini !, silahkan sorot pada menu navigasi yang ada pada header.
Panjang banget yah, pasti cape deh baca nya, ya udah sekarang ketik P spasi D jadi Cappe Dehhhh.....
Selamat mencoba !
Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, kang Rohman rekomendasikan anda belajar di sini «« Ayo di klik biar situsnya keluar 
Ingin artikel seperti diatas langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.
Privacy guaranteed. We'll never share your info.
Kirim update download template langsung ke email anda setiap hari
Langgan: Poskan Komentar (Atom)
Sponsor
Tentang Kami
Kolom Tutorial didedikasikan bagi mereka yang sedang mencari tutorial membuat blog di blogspot, SEO Blogger, free templates serta informasi seputar internet. Langganan Template Via Email
Kirim update template terbaru
setiap hari langsung ke Email anda!
setiap hari langsung ke Email anda!
Langgan artikel Via Email
kirim update terbaru dari
Blog Kang Rohman langsung ke Email anda!
Blog Kang Rohman langsung ke Email anda!
Langganan:
Komentar (Atom)
TRANSLATE THIS BLOG
Total Pageviews
Popular Posts
-
Artikel menarik ini saya dapatkan dari www.tnol.co.id . Cukup mudah pembuatannya dan lebih aman karena ... -
Berkunjung ke Kota Semarang tidak lengkap kalau belum mengunjungi sebuah bangunan tua yang terletak di area Tugu Muda . Bag...
-
Banyak sekali software untuk menggambar rangkaian kemudian ke layoutan PCB. Untuk itu Anda bias memilih software mana yang lebih muda... -
RobotIno Festo
About Me
- Agga Putra
- Batam, Kepulauan Riau, Indonesia
- just simple boy.. and love my self haha :)
kesasar
Software Freeware
Dapatkan Software gratisan untuk komputer dengan cara KLIK DISINI!
Artikel Unik
Baca Artikel yang aneh-aneh dengan cara KLIK DISINI !
MyNiceProfile.com
iklan online
 |
 |
 |
 |
 |
 |
 |
Ada 75 komentar pada tutorial tentang Horizontal Dropdown Menu
Poskan Komentar
Link ke posting ini