Tekhnologi Mobil Berbahan Bakar singkong

Singkong merupakan makanan yang tidak asing lagi di telinga kita. Apalagi kita sebagai bangsa Indonesia, sudah tidak asing dengan segala jenis makanan yang di ciptakan dari ubi kayu itu. Mulai dari singkong goreng, singkong keju, combro, geplak, tape, tiwul dan banyak lagi macam nya.

Tapi tahukan kalian bahwa singkong bisa menjadi bahan bakar pengganti bensin yang semakin hari semakin berkurang dan semakin mahal ??

Ya, Teknologi singkong yang berhasil menjadi bahan bakar pengganti bensin itu di ciptakan 3 orang anak bangsa. Adibrata S, Bambang Priyatna dan Endy Priyatna.

Di bawah dukungan PT Energy Karya Mandiri, Adibrata yang selaku juga sebagai direktur utama nya menuturkan bahwa bahan bakar olahan tanaman singkong itu berupa biotanol yang kemudian di sebut biopremium. Untuk bahan bakar kami sudah melakukan uji coba ke 1200 kendaraan selama beberapa bulan terakhir dan hasilnya tidak ada kerusakan pada mesin dan mesinnya tetep prima.

Kelebihan dari etanol berbahan bakar singkong ini, yaitu kandungan etil etanolnya bisa mencapai 96 persen sampai 99 persen.

Perlu diketahui, rata-rata etil pada bahan bakar yang ada sekarang hanya 70 persen.

Biopremiun selain kualitasnya yang tidak kalah dengan bahan bakar yang terbuat dari fosil, juga memiliki nilai ekonomis. Untuk

menghasilkan satu liter etanol hanya diperlukan 6 kilogram singkong. Jika harga singkong Rp 400/kilogram, berarti satu liter etanol hanya menghabiskan Rp. 2400. Ditambah ongkos produksi Rp 1000. Jadi total harga satu liter etanol adalah Rp. 3400. Harga ini jauh lebih murah dari bahan bakar yang ada di pasaran.

Mobil berbahan bakar singkong itu di lakukan uji coba perjalanan jauh Jakarta-Surabaya. Ada tujuh kendaraa yang di uji coba kan dengan bahan bakar singkong dalam perjalanan jauh itu. Yaitu, 1 BMW, 2 kijang Inova, 2 Toyota Avanza, 1 Daihatsu Grand Mix.

Untuk menyempurnakan pembakaran, kendaraan yang memggunakan biopremium untuk saat ini masih menggunakan alat bantu dengan sebuah converter. Buatan tim sendiri. Jika tidak menggunakan alat bantu ini, RPM nya naik. Alat bantu tersebut akan dijual seharga Rp 120.000.

Bahan bakar singkong ini masih dalam tahap pengembangan. Belum unuk di produksi masal. Tapi dari sini, kita patut berbangga hati bahwa ada anak-anak bangsa yang ikut berpartisipasi dalam memecahkan dan memebrikan solusi tentang permasalahan dunia berkaitan dengan bahan bakar yang semakin mahal. Saya harap ini juga bisa menginspirasi Anak-anak bangsa lainnya untuk terus berkarya demi kemajuan bangsa. Maju terus Indonesia..!!!

Trik mencari kunci gitar dengan WINAMP

Winamp merupakan salah stu media player yang sudah tidak asing lagi di telinga kita. Winamp kebanyakan kita gunakan untuk mendengarkan musik. Mungkin hampir di setiap waktu ketika kita menyalakan PC kita, kita juga turut menyalakan winamp ketika kita ingin mendengarkan musik.

Tapi tahu kan kalian, jika winamp mempunyai kelebihan lain selain hanya untuk mendengarkan musik?

Kelebihan lain itu ialah kita bisa melacak atau mencari kunci gitar dan piano. Ini tentunya sangat bermanfaat bagi kalian yang sedang mencari kunci gitar sebuah lagu yang ingin kalian pelajari.

Untuk dapat menggunakan pelayanan dari aplikasi winamp ini, terlebih dahulu kita harus menginstall plug in EasyChords.

setelah berhasil terinstall maka di tampilan winamp nya akan ada tambahan tool ini :

1. Untuk memulai proses pencarian kunci gitar/piano

2. Untuk mengubah instrumen, ada 3 pilihan, yaitu gitar, piano, satu lagi kalau tidak salah fluid.

3. Proses bar, menunjukan progres pencarian kunci

4. Current song, lagu yang sedang kalian putar

5. Lagu yang akan dicari kuncinya.

setelah selesai melakukan pencarian, maka nantinya akan muncul tampilan seperti ini

Selamat mencoba... :-)

Membuat System Tray Icon di Java

System Tray adalah sekumpulan icon yang terlihat di sebelah kanan bawah Windows XP yang memberitahu program apa saja yang sedang berjalan secara background

Berikut adalah contoh system tray yang ki

import javax.swing.*;
import java.awt.*;

public class systemtray {

public static void main(String[]args) {
ImageIcon icon= new ImageIcon ("Disk.jpg");
Image image=icon.getImage();
TrayIcon tray= new TrayIcon(image);
SystemTray systray= SystemTray.getSystemTray();

try
{
systray.add(tray);
}

catch (Exception e)
{
e.printStackTrace();
}
}
}

Cara untuk keluar dari kecanduan Facebook

Saya sendiri berniat untuk menghapus akun facebook saya. Namun sampai saat ini, saya masih belum bisa melepaskan rasa kecanduan saya terhadap facebook. Namun saya menemukan artikel menarik dari luar negeri tentang bagaimana agar kita bisa keluar dari kecanduan facebook. Berikut terjemahan dari artikel tersebut untuk kita pelajari bersama-sama.

langkah untuk keluar dari facebook:

1. Pikirkan kenapa anda ingin keluar dari facebook, buat sebuah analisa kecil, misalnya tujuan anda punya facebook adalah seberapa mungkin anda akan tetap berhubungan dengan teman-teman masa-masa sekolah dulu atau teman-teman lainnya ketika menggunakan facebook. Lalu analisa seberapa baik Facebook dapat memenuhi kebutuhan tujuan anda selama sebulan ketika menggunakan facebook.

2. Berikan pengertian baru untuk teman-teman anda, untuk mencari metode lain untuk berinteraksi dengan anda seperti melalui email atau telepon

3.Download dan simpan data Facebook atau informasi dari situs jaringan sosial anda, setelah Anda berhenti Facebook. Anda tidak akan dapat login atau mengakses Facebook setelah Anda menutup account Facebook dan menghapus profil Facebook Anda.

4. Jangan terpengaruh dengan orang yang sedang membuka situs Facebook. Lebih baik anda gunakan waktu berinternet anda untuk mencari informasi baru atau bergabung dengan forum-forum yang bermanfaat.

5. Ciri-ciri Ketika anda kecanduan facebook, anda akan membuka situs facebook pada tab pertama sampai ketiga pada browser anda. oleh karena itu lebih baik anda buka situs-situ yang memuat banyak artikel menarik untuk anda yang membuat anda lebih betah untuk membaca artikel tersebut dari pada menulis coment di wall facebook orang.

Intinya memanglah sangat susah untuk bisa terlepas dari pengaruh teknologi dalam jejaring sosial seperti facebook. Perlu di ketahui, telah banyak orang yang ingin keluar dari facebook. namun sampai saat ini belum banyak yang bisa. bagi teman-teman yang mempunyai cara yang lebih baik untuk keluar dari facebook, tolong di share yaa!!

Alangkah baik nya kita nulis blog saja , ngeblog blog..blog... dari pada menulis status dan comment-comment di wall atau status orang yang tidak begitu penting. Banyak ko hiburan lain yang bisa didapat di internet.

Mohon saran nya dari teman-teman agar saya juga bisa kelua dari facebook.. :-)

Planet NIBIRU adalah Mitos ??

Dari kabar yang telah beredar selama ini, kita ketahui bahwa ada sebuah planet yang sedang mendekati bumi tercinta kita ini. Planet tersebut bernama Nibiru. Dari beberapa sumber juga menyebutkan bahwa planet tersebut akan menabrak bumi kita pada tahun 2012. Ketika di hubung-hubungkan dengan ramalan bangsa Maya tentang kiamat tahun 2012, Pemberitaan ini semakin membuat orang percaya akan hal tersebut.

Pertanyaannya, dari mana asal muasal planet yang di namakan dengan planet Nibiru itu??

berikut petikan dari artikel yang saya kutif dari http://netsains.com/ artikel tersebut memuat tentang wawancara dengan David Morrison, NAI Senior Scientist (NASA).

Cerita dimulai dengan pernyataan tentang keberadaan planet Nibiru, sebuah planet yang “konon” ditemukan oleh bangsa Sumeria. Zecharia Sitchin, orang yang menulis fiksi tentang “The Ancient Mesopotamian Civilization of Sumer”, menyatakan dalam beberapa buku (The Twelfth Planet, ditebitkan tahun 1976) bahwa dia telah menemukan dan menterjemahkan dokumen-dokumen bangsa Sumeria yang mengatakan keberadaan planet Nibiru, sebuah planet yang mengorbit Matahari setiap 3600 tahun. Leteratur bangsa Sumeria ini juga menyebutkan tentang “Astronot Kuno” bernama Annunaki yang mengunjungi Bumi dari peradaban Alien. Lalu Nancy Lieder, yang menyatakan dirinya adalah seorang fisikawan mengatakan dirinya sedang berkomunikasi dengan Alien, lalu menulis dalam website-nya “Zetatalk” bahwa sebuah planet fiksi disekitar bintang Zeta Reticuli memperingatkannya bahwa Bumi sedang dalam bahaya karena planet X/Nibiru. Bencana ini pertama kali diprediksi untuk 23 Mei, tapi ketika tidak terjadi apa-apa tanggal kiamat dimajukan menjadi Desember 2012. Hanya saja akhir-akhir ini literatur Sumeria tersebut dihubung-hubungkan dengan kalender jangka panjang bangsa Maya yang mana berakhir pada tahun 2012. Dari sini tanggal kiamat diprediksikan tepat tanggal 21 Desember 2012.

Nibiru adalah sebuah nama dari astrologi babilonia, terkadang berasosiasi dengan dewa Marduk. Nibiru muncul sebagai karakter kecil dalam syair babilonia Enuma Elish sebagaimana yang tercatat dalam perpustakaan Assurbanipal. Dari sekitar abad 23 sampai abad 17 sebelum Masehi, pernyataan bahwa Nibiru adalah sebuah planet dan diketahui oleh bangsa Sumeria sangat bertolak belakang dengan para sarjana (selain Zecharia Sitchin) yang telah mempelajari dan menterjemahkan literatur dari Mesopotamia kuno. Sumeria memang bangsa yang besar, meraka hebat dalam Agrikultur, pengaturan air, budaya, dan khususnya menulis. Tetapi mereka meninggalkan sedikit sekali catatan tentang pengetahuan astronomi mereka. Yang pasti mereka tidak mngetahui keberadaan tentang Uranus, Neptunus, ataupun Pluto. Mereka juga tidak tahu bahwa planetlah yang mengorbit Matahari, sebuah ide yang berkembang di yunani kuno 2000 tahun setelah keruntuhan bangsa Sumeria. Pernyataan yang mengatakan bahwa bangsa Sumeria sangat hebat dalam bidang astronomi, atau mereka mempunyai dewa bernama Nibiru merupakan hasil dari imajinasi Sitchin.

Terus, kenapa pada tahun 1983, d pemeberitaan koran waktu itu beredar kabar bahwa NASA telah menemukan objek misteius yang dinamakan Planet X?

“Planet X” adalah sebuah ungkapan ketika digunakan untuk objek yang “mungkin” nyata. Istilah tersebut telah digunakan oleh banyak astronom untuk menamakan sesuatu yang mungkin atau dicurigai sebuah objek. Ketika sebuah objek ditemukan, pasti dinamakan, sama seperti Pluto dan Eris, keduanya pernah dinamakan sebagai planet X. Jika sebuah objek ternyata tidak nyata atau bukan planet, maka Anda tidak akan pernah mendengarnya lagi. Jika itu nyata, maka tidak akan dinamakan planet X.

Eris adalah satu dari banyak planet Dwarf yang telah ditemukan oleh astronom di Tata Surya lingkar luar, semuanya memiliki orbit yang normal dan tidak akan pernah pergi ke Bumi. Seperti Pluto, Eris lebih kecil dari bulan kita, sangat jauh, dan orbitnya tidak akan pernah bisa membawanya mendekat lebih dari 4 milyar mil. Tidak ada rahasia tentang Eris dan orbitnya.

Berbicara tentnag bangsa Maya. Bangsa Maya memang pintar dalam hal astronominya. Mereka mengembakan kalender yang begitu rumit. Kalender kuno menarik bagi para sejarawan, tapi kemampuan penetapan waktu dan kepresisian waktunya tidak bisa kita samakan dengan kemampuan kalender yang saat ini kita gunakan. Yang pasti Kalender modern maupun kuno, tidak bisa memprediksikan tentang masa depan, atau memperingatkan apa yang terjadi pada 2012.

Sekarang, coba perhatikan kalender yang ada di rumah mu?atau di handphone dan meja kerja mu? Kalender kita berakhir tanggal 31 Desember. Tapi tidak terjadi apa-apa pada hari itu. Hal itu bukan lah menandakan bahwa hari itu adalah hari kiamat atau hari akhir, tapi itu merupakan permulaan dari tahun baru.



Jelas sudah bahwa planet Nibiru adalah sebuah Mitos. Tapi hal positif yang perlu kita ambil dari fenomena Planet Nibiru ini bahwa kita harus semakin menguatkan iman kita kepada Tuhan kita. Rasa saling menghargai, tolong menolong antara sesama manusia harus kita lakukan. Satu hal lagi, kita juga harus menyayangi Bumi tercinta kita.

Semoga Bumi kita menjadi tempat yang lebih baik di masa depan.. aminnn


sumber : http://netsains.com/

Download Images untuk tab menu

download images tabs disini

Membuat menu navigasi Unik dangan Image

Untuk membuat navigasi dengan kode html, copy paste 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=iso-8859-1" />

<title>Untitled Document</title>

<style type="text/css">

body {

margin:0;

padding:0;

font: bold 11px/1.5em Verdana;

}



h2 {

font: bold 14px Verdana, Arial, Helvetica, sans-serif;

color: #000;

margin: 0px;

padding: 0px 0px 0px 15px;

}



/*- Menu Tabs--------------------------- */





#tabs {

float:left;

width:100%;

background:#BBD9EE;

font-size:93%;

line-height:normal;

}

#tabs ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabs li {

display:inline;

margin:0;

padding:0;

}

#tabs a {

float:left;

background:url("tableft.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabs a span {

float:left;

display:block;

background:url("tabright.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#666;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs a span {float:none;}

/* End IE5-Mac hack */

#tabs a:hover span {

color:#FF9834;

}

#tabs a:hover {

background-position:0% -42px;

}

#tabs a:hover span {

background-position:100% -42px;

}







/*- Menu Tabs B--------------------------- */



#tabsB {

float:left;

width:100%;

background:#F4F4F4;

font-size:93%;

line-height:normal;

}

#tabsB ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsB li {

display:inline;

margin:0;

padding:0;

}

#tabsB a {

float:left;

background:url("tableftB.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabsB a span {

float:left;

display:block;

background:url("tabrightB.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#666;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsB a span {float:none;}

/* End IE5-Mac hack */

#tabsB a:hover span {

color:#000;

}

#tabsB a:hover {

background-position:0% -42px;

}

#tabsB a:hover span {

background-position:100% -42px;

}


/*- Menu Tabs C--------------------------- */


#tabsC {

float:left;

width:100%;

background:#EDF7E7;

font-size:93%;

line-height:normal;

}

#tabsC ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsC li {

display:inline;

margin:0;

padding:0;

}

#tabsC a {

float:left;

background:url("tableftC.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabsC a span {

float:left;

display:block;

background:url("tabrightC.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#464E42;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsC a span {float:none;}

/* End IE5-Mac hack */

#tabsC a:hover span {

color:#FFF;

}

#tabsC a:hover {

background-position:0% -42px;

}

#tabsC a:hover span {

background-position:100% -42px;

}







/*- Menu Tabs D--------------------------- */



#tabsD {

float:left;

width:100%;

background:#FCF3F8;

font-size:93%;

line-height:normal;

border-bottom:1px solid #F4B7D6;

}

#tabsD ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsD li {

display:inline;

margin:0;

padding:0;

}

#tabsD a {

float:left;

background:url("tableftD.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabsD a span {

float:left;

display:block;

background:url("tabrightD.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#C7377D;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsD a span {float:none;}

/* End IE5-Mac hack */

#tabsD a:hover span {

color:#C7377D;

}

#tabsD a:hover {

background-position:0% -42px;

}

#tabsD a:hover span {

background-position:100% -42px;

}







/*- Menu Tabs E--------------------------- */



#tabsE {

float:left;

width:100%;

background:#000;

font-size:93%;

line-height:normal;



}

#tabsE ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsE li {

display:inline;

margin:0;

padding:0;

}

#tabsE a {

float:left;

background:url("tableftE.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabsE a span {

float:left;

display:block;

background:url("tabrightE.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#FFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsE a span {float:none;}

/* End IE5-Mac hack */

#tabsE a:hover span {

color:#FFF;

}

#tabsE a:hover {

background-position:0% -42px;

}

#tabsE a:hover span {

background-position:100% -42px;

}







/*- Menu Tabs F--------------------------- */



#tabsF {

float:left;

width:100%;

background:#efefef;

font-size:93%;

line-height:normal;

border-bottom:1px solid #666;

}

#tabsF ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsF li {

display:inline;

margin:0;

padding:0;

}

#tabsF a {

float:left;

background:url("tableftF.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabsF a span {

float:left;

display:block;

background:url("tabrightF.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#666;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsF a span {float:none;}

/* End IE5-Mac hack */

#tabsF a:hover span {

color:#FFF;

}

#tabsF a:hover {

background-position:0% -42px;

}

#tabsF a:hover span {

background-position:100% -42px;

}







/*- Menu Tabs G--------------------------- */



#tabsG {

float:left;

width:100%;

background:#666;

font-size:93%;

line-height:normal;

}

#tabsG ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsG li {

display:inline;

margin:0;

padding:0;

}

#tabsG a {

float:left;

background:url("tableftG.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabsG a span {

float:left;

display:block;

background:url("tabrightG.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#FFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsG a span {float:none;}

/* End IE5-Mac hack */

#tabsG a:hover span {

color:#FFF;

}

#tabsG a:hover {

background-position:0% -42px;

}

#tabsG a:hover span {

background-position:100% -42px;

}





/*- Menu Tabs H--------------------------- */



#tabsH {

float:left;

width:100%;

background:#000;

font-size:93%;

line-height:normal;

}

#tabsH ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsH li {

display:inline;

margin:0;

padding:0;

}

#tabsH a {

float:left;

background:url("tableftH.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabsH a span {

float:left;

display:block;

background:url("tabrightH.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#FFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsH a span {float:none;}

/* End IE5-Mac hack */

#tabsH a:hover span {

color:#FFF;

}

#tabsH a:hover {

background-position:0% -42px;

}

#tabsH a:hover span {

background-position:100% -42px;

}





/*- Menu Tabs I--------------------------- */



#tabsI {

float:left;

width:100%;

background:#EFF4FA;

font-size:93%;

line-height:normal;

border-bottom:1px solid #DD740B;

}

#tabsI ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsI li {

display:inline;

margin:0;

padding:0;

}

#tabsI a {

float:left;

background:url("tableftI.gif") no-repeat left top;

margin:0;

padding:0 0 0 5px;

text-decoration:none;

}

#tabsI a span {

float:left;

display:block;

background:url("tabrightI.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#FFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsI a span {float:none;}

/* End IE5-Mac hack */

#tabsI a:hover span {

color:#FFF;

}

#tabsI a:hover {

background-position:0% -42px;

}

#tabsI a:hover span {

background-position:100% -42px;

}





/*- Menu Tabs J--------------------------- */



#tabsJ {

float:left;

width:100%;

background:#F4F4F4;

font-size:93%;

line-height:normal;

border-bottom:1px solid #24618E;

}

#tabsJ ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsJ li {

display:inline;

margin:0;

padding:0;

}

#tabsJ a {

float:left;

background:url("tableftJ.gif") no-repeat left top;

margin:0;

padding:0 0 0 5px;

text-decoration:none;

}

#tabsJ a span {

float:left;

display:block;

background:url("tabrightJ.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#24618E;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsJ a span {float:none;}

/* End IE5-Mac hack */

#tabsJ a:hover span {

color:#FFF;

}

#tabsJ a:hover {

background-position:0% -42px;

}

#tabsJ a:hover span {

background-position:100% -42px;

}





/*- Menu Tabs K--------------------------- */



#tabsK {

float:left;

width:100%;

background:#E7E5E2;

font-size:93%;

line-height:normal;

border-bottom:1px solid #54545C;

}

#tabsK ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsK li {

display:inline;

margin:0;

padding:0;

}

#tabsK a {

float:left;

background:url("tableftK.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabsK a span {

float:left;

display:block;

background:url("tabrightK.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#FFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsK a span {float:none;}

/* End IE5-Mac hack */

#tabsK a:hover span {

color:#FFF;

background-position:100% -42px;

}

#tabsK a:hover {

background-position:0% -42px;

}

#tabsK a:hover span {

background-position:100% -42px;

}

</style>

</head>



<body>

<h2>Tab Menu</h2>

<div id="tabs">

<ul>

<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>

<li><a href="#" title="Link 3"><span>Link 3</span></a></li>

<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

<li><a href="#" title="Link 5"><span>Link 5</span></a></li>

<li><a href="#" title="Link 6"><span>Link 6</span></a></li>

<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>

</div>

<br /><br />



<h2>Tab Menu B</h2>

<div id="tabsB">

<ul>

<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>

<li><a href="#" title="Link 3"><span>Link 3</span></a></li>

<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

<li><a href="#" title="Link 5"><span>Link 5</span></a></li>

<li><a href="#" title="Link 6"><span>Link 6</span></a></li>

<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>

</div>

<br /><br />



<h2>Tab Menu C</h2>

<div id="tabsC">

<ul>

<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>

<li><a href="#" title="Link 3"><span>Link 3</span></a></li>

<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

<li><a href="#" title="Link 5"><span>Link 5</span></a></li>

<li><a href="#" title="Link 6"><span>Link 6</span></a></li>

<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>

</div>

<br /><br />



<h2>Tab Menu D</h2>

<div id="tabsD">

<ul>

<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>

<li><a href="#" title="Link 3"><span>Link 3</span></a></li>

<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

<li><a href="#" title="Link 5"><span>Link 5</span></a></li>

<li><a href="#" title="Link 6"><span>Link 6</span></a></li>

<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>

</div>

<br /><br />



<h2>Tab Menu E</h2>

<div id="tabsE">

<ul>

<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>

<li><a href="#" title="Link 3"><span>Link 3</span></a></li>

<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

<li><a href="#" title="Link 5"><span>Link 5</span></a></li>

<li><a href="#" title="Link 6"><span>Link 6</span></a></li>

<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>

</div>

<br /><br />



<h2>Tab Menu F</h2>

<div id="tabsF">

<ul>

<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>

<li><a href="#" title="Link 3"><span>Link 3</span></a></li>

<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

<li><a href="#" title="Link 5"><span>Link 5</span></a></li>

<li><a href="#" title="Link 6"><span>Link 6</span></a></li>

<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>

</div>

<br /><br />



<h2>Tab Menu G</h2>

<div id="tabsG">

<ul>

<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>

<li><a href="#" title="Link 3"><span>Link 3</span></a></li>

<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

<li><a href="#" title="Link 5"><span>Link 5</span></a></li>

<li><a href="#" title="Link 6"><span>Link 6</span></a></li>

<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>

</div>

<br /><br />



<h2>Tab Menu H</h2>

<div id="tabsH">

<ul>

<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>

<li><a href="#" title="Link 3"><span>Link 3</span></a></li>

<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

<li><a href="#" title="Link 5"><span>Link 5</span></a></li>

<li><a href="#" title="Link 6"><span>Link 6</span></a></li>

<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>

</div>

<br /><br />



<h2>Tab Menu I</h2>

<div id="tabsI">

<ul>

<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>

<li><a href="#" title="Link 3"><span>Link 3</span></a></li>

<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

<li><a href="#" title="Link 5"><span>Link 5</span></a></li>

<li><a href="#" title="Link 6"><span>Link 6</span></a></li>

<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>

</div>

<br /><br />



<h2>Tab Menu J</h2>

<div id="tabsJ">

<ul>

<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>

<li><a href="#" title="Link 3"><span>Link 3</span></a></li>

<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

<li><a href="#" title="Link 5"><span>Link 5</span></a></li>

<li><a href="#" title="Link 6"><span>Link 6</span></a></li>

<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>

</div>

<br /><br />



<h2>Tab Menu K</h2>

<div id="tabsK">

<ul>

<li><a href="#" title="Link 1"><span>Link 1</span></a></li>

<li><a href="#" title="Link 2"><span>Link 2</span></a></li>

<li><a href="#" title="Link 3"><span>Link 3</span></a></li>

<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

<li><a href="#" title="Link 5"><span>Link 5</span></a></li>

<li><a href="#" title="Link 6"><span>Link 6</span></a></li>

<li><a href="#" title="Link 7"><span>Link 7</span></a></li>

</ul>

</div>



</body>

</html>


lalu download images untuk tab nya disini

dalam file image yang telah di download tersebut, terdapat banyak jenis image yang berbeda-beda. tinggal di ganti sesuai ke inginan. cari bagian skirp css yang ada di antara tag sebelum tag </head>. berikut bagian yang harus diperhatikan:

#tabs a span {

float:left;

display:block;

background:url("tabright.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#666;

}

perhatikan baris yang berwarna merah

background:url("tabright.gif") no-repeat right top;

ganti tabright.gif dengan nama sesuai nama image yang ada di file downloadan tadi.
Selamat mencoba...

jika ada pertanyaan, komen saja atau tinggalkan pesan di buku tamu.. :-)

Mark Zuckerberg Maniak ???

Mark Zuckerberg, Pendiri Facebook dan merupakan miliyuner termuda menurut majlah Forbes ialah seorang maniak Sex yang sadis, Dia juga adalah orang yang tidak bisa di percaya. Mungkin begitulah sedikit gambaran tentang film yang mengisahkan Mark Zuckerberg sang pendiri facebook. Film berjudul "The Sosial Network" itu semakin mencoreng saja nama baik dan image Mark setelah hebohnya berita penyusupan privasi facebook.

Film aswal hollywood tersebut di adaptasi dari judul buku yang berjudul “The Accidental Billionaires”. Dalam film itu di ceritakan Mark yang berumur 19 tahun dan di putus kan oleh paarnya yang bernama Erica, Kekasihnya. Dalam keadaan terpuruk itu, Mark menjadi fenomena yang hebat di Internet karena Facebook.

Masalah yang runyam justru bukan berada dalam Filmnya, tetapi karena draff naskah film tersebut yang bocor ke dunia online akibat ulah hackers.

Baca Artikel doang di GAJI?? Penasarann??

Dengan membaca artikel saja, kita bisa mendapatkan penghasilan yang bisa di bilang lumayan. Bagaimana caranya,? ada sebuah situs yang akan mebayar kita setiap kali kita membaca artikel di situs tersebut. nama situsnya adalahreadbud.


dengan hanya membaca artikel saja, kita akan mendapat kan penghasilan sampai 1-2 dolar per hari. setiap artikel diberi harga berbeda-beda. ada yang 0.05 dolar per artikel, ada juga yang sampai 1 dollar per artikel yang kita baca.

pilihan artikelnya pun bisa kita sesuaikan dengan tema artikel apa saja yang ingin kita baca. dari mulai kesehatan, tehknologi, games, news, politik, otomotif dan masih banyak lagi tema-tema artikel yang bisa kita baca.

Apa salah nya mencoba readbud, karena selain kita akan mendapatkan pengetahuan yang bermanfaat dari artikel-artikelnya, kita juga bisa mendapatkan penghasilan dari setiap artikel yang kita baca. YAhh lumayan lah buat jajan di KFC atau untuk biaya ke warnet atao biaya bulanan modem kita.

satu hal lagi, di readbud ini, artikel-artikelnya berbahasa inggris, karena memang situsnya berasal dari luar negeri. Tapi, biar pun berbahasa inggris, bahasa inggris yang di gunakan tidak lah baku, gampang untuk kita mengerti.

Redbug akan membayar kita jika pendapatan yang telah kita peroleh mencapai 50 dollar. Mereka akan membayarnya lewat akun paypal kita. jadi yang belum punya paypal, buat dulu paypalnya disini

So, jika masi penasaran dengan redbug, mending coba aja daftar disini readbud dan dapat kan uang mu..!!

ato klik link di bawah ini

Membuat status Yahoo Mesengger Online di Blogspot

Untuk membuat status online di blog khusunya di blogspot:
1. masuk ke pengaturan tata letak
2. Tambah gadget
3. Pilih atau tambahkan gadget html/javasrcipt
4. tambah kan script ini

<a href="ymsgr:sendIM?gungun"> <img src="http://opi.yahoo.com/online?u=gungun&amp;m=g&amp;t=2&amp;l=us"/>
</a>

5. Ganti tulisan berwarna merah dengan ID yahoo mu!
contoh : gungun@yahoo.com > tulis gungun

6. klik selesai dan simpan

Pemain SKI pake baju SPIDERMAN

Merupakan baju ski yang di rancang dengan technology paling modern, mengurangi segala bentuk resiko cedera para atlet. Baju yang di namai Spyder ini di persiapkan untuk Olimpiade Musim Dingin 2010 di Vancouver

Orang jepang gak suka Facebook ?

Kalo saat ini dimana-mana orang selalu mengagung-agungkan Facebook, di belahan dunia mana pun orang selalu sempat untuk membuka akun facebooknya. Lain halnya dengan di Jepang, orang-orang jepang terkenal tidak suka menggembar-gembor kan privasi mereka. mereka lebih senang menutup diri dan me low kan profil mereka.

Jepang dan Indonesia adalah dua negara yang berbeda. Baik dari kemajuan ekonomi, technology atau pun perkembangan ilmu pengetahuannya. Jika dalam hal-hal di atas tadi Indonesia masih di bilang kalah jauuhh dengan jepang, Tapi Indonesia tidak kalah dengan tingkat ke narcisan dari orang-orang Jepang. Tingkat narcis orang Indonesia bisa disebut malah lebih tinggi dari pada kenarcisan orang-orang jepang. Itulah sebabnya mengapa Facebook tidak begitu laris di negeri sakura itu. Hanya beberapa persen saja yang membuat akun FB, kalah jauh dengan negara-negara lain termasuk Indonesia.

Modern Portal Template joomla

klik link dibawah ini untuk download template joomla

Template joomla Modern Portal

Google segera launching produk Digital Book Store

Google, search engine terbaik saat ini sedang dalam tahap penyelesaian masalah hak legaliatas dengan para penerbit dan penulis. Salah satu perusahaan raksasa itu akan membuat toko buku digital yang rencananya akan di launching akhir musim panas ini.

Google digital book store akan menawarkan buku-buku digital untuk di jual melalui situs webnya pada akhir juni atau juli ini. Menurut laporan The wall street, C Chris Palma, manajer pengembangan mitra strategis bagi Buku Google yakin bahwa langkah ini akan membuka saluran baru untuk penerbit buku digital dan menjadikan google sebagai pesaing baru bagi Amazon di pasaran buku digital

Saat ini, Google hanya berwenang untuk menjual buku-buku yang telah dinegosiasikan hak distribusi dengan penerbit . Jika penyelesaian masalah dengan penulis buku dan kelompok penerbitan disetujui, Google juga akan mendapatkan hak kontroversial untuk menjual out-of-print buku yang dilindungi hak cipta.
penyelesaian Itu masih di tangan Hakim Denny Chin dari New York.

http://news.cnet.com/

Cara installasi library DX_auth

Pertama download librarynya disini
setelah itu


Instal dengan example dx_auth
1. Unzip package dx_auth.
2. Kopi folder captcha kedalam folder CI mu.
3. Kopi application folder kedalam folder CI application folder.
4. Install DX Auth database schema kedalam database.
5. buka application/config/config.php. ganti $config['sess_use_database'] jadi TRUE.




Instal hanya DX Auth library saja

ATAU

1. Unzip package dx_auth.
2. kopi folder captcha kedalam folder ci(sejajar dengan folder system).
3. kopi folder application/plugins/ kedalam folder CI application/plugins/ folder.
4. kopi folder application/config/ folder kedalam folder CI application/config/ folder.
5. kopi folder application/libraries/ folder kedalam folder CI application/libraries/ folder.
6. kopi folder application/helpers/ folder kedalam folder CI application/helpers/ folder.
7. kopi folder application/models/ folder kedalam folder CI application/models/ folder.
8. kopi folder application/language/ folder kedalam folder CI application/language/ folder.
9. Install DX Auth database schema kedalam database database.
10. buka application/config/config.php. ganti $config['sess_use_database'] jadi TRUE.

DX_auth, library untuk membuat Authentication codeigniter

Dalam Codeigniter, terdapat satu library yang membantu kita untuk membuat Authentication Login dan logout dengan lebih mudah. Baik hanya ingin membuat login atau pun logout yang sederhana, atau pun sampai yang lebih complex. Nama library adalah dx_auth.

Download library dx_auth disini

Download DX_auth library (for codeigniter)

Download dx_auth library versi 1.0.6 disini

James Cameron, dulu ke planet Pandora, Sekarang Ke MARS

Pembuat film terlaris Avatar , James Cameron terus mengubah segalanya dalam bentuk 3D
dengan membantu NASA dan memperlengkapi perusahaan penjelajah planet Mars tersebut dengan kamera 3D. kendaraan yang akan diatur untuk perjalanan ke Mars yakni Curiosity telah dijadwalkan akan diluncurkan pada tahun 2011, tetapi sebelumnya akan dilakukan pembenahan di bagian kamera penjelajah. Dikutip Beritanet dari Techradar Senin (3/5/2010), para pekerja dibelakang unit kamera dari Malin Space Science Systems telah meminta bantuan kepada Cameron, sutradara yang menggebrak Hollywood dengan ide 3D dengan film mega-hitnya Avatar.
Dengan bantuan ini Cameron akan memodifikasi kamera yang sudah ada, yang menangkap dengan High Definition ke pengarsipan secara 3D dengan teknologi yang dibangun untuk membangun setting Avatar. “ tapi mereka tidak bisa menyediakan ruang pandang yang luas dengan eye sterep. Dengan zoom (kamera,red), kami akan dapat mengambil urutan video sinematik dalam 3D pada permukaan Mars. Ini akan memberikan keterlibatan public dengan co-investigator, James Cameron, alat yang serupa dengan yang ia gunakan pada proyek film 3D” tegas Michael Malin dari Malin Space Science. Jika hal ini berlangsung lancar, maka diharapkan sudah ada 3D footage dari planet Mars yang akan menggemparkan bumi pada 2011.

sumber beritanet.com

Mobil-mobil dari Masa depan

Ini adalah beberapa gambar mobil mobil yang di pajang di acara Tokyo motor show yang ke 40.

Mobil-mobil ini merupakan kendaraan yang di rancang dengan imajinasi masa depan. Didukung juga dengan technology yang modern

Dibalik layar pembuatan efek FILM STARGATE

Klik disini unttuk melihat behind the scene STARGATE

Solusi widget side bar Blogspot yang tidak bisa dipindahkan

Mungkin anda pernah mendapatkan error ketika anda ingin memindahkan sidebar widget anda dari kanan ke atas misalnya. terdapat erorr yang bertuliskan bX-jqunzv dalam pesan errornya. Bagai mana solusinya??

berikut solusi untuk mengatasinya:
1. masuk ke pengaturan Tata Letak
2. Edit halaman
3. Ke Edit HTML
4. cari kata kunci dengna bantuan ctrl + f, dan ketikan nama widget yang ingin anda pindahkan. misalnya widget dengan nama "pengikut", akan terlihat code:

<b:widget id="'HTML14'" locked="'false'" title="'pengikut'" type="'HTML'/">
</b:widget>

5. ctrl + f lagi dan cari barisan tulisan " "

dibawah tulisan sidebar merupakan barisan code penempatan sidebar sesuai urutan di tampilan blog.
pastekan barisan code yang kita cut. lalu sisipkan di antara barisan-barisan sidebar yang lain

contoh code barisan sidebar

<div id="'midsidebar-wrapper'">
<b:section class="'midsidebar'" id="'midsidebar'" preferred="'yes'">
<b:widget id="'HTML7'" locked="'false'" title="''" type="'HTML'/">
<b:widget id="'HTML6'" locked="'false'" title="'Site" type="'HTML'/">
<b:widget id="'HTML5'" locked="'false'" title="'Silahkan" type="'HTML'/">
<b:widget id="'HTML1'" locked="'false'" title="'Check" type="'HTML'/">
<b:widget id="'AdSense1'" locked="'false'" title="''" type="'AdSense'/">
<b:widget id="'PageList1'" locked="'false'" title="'Pages'" type="'PageList'/">
<b:widget id="'Image1'" locked="'false'" title="'Sponsored" type="'Image'/">
<b:widget id="'HTML2'" locked="'true'" title="'Search'" type="'HTML'/">
<b:widget id="'HTML13'" locked="'false'" title="'Sponsored" type="'HTML'/">
<b:widget id="'HTML15'" locked="'false'" title="'Daftar" type="'HTML'/">
<b:widget id="'Feed4'" locked="'false'" title="'Blogger" type="'Feed'/">
<b:widget id="'Feed2'" locked="'false'" title="'Blogger" type="'Feed'/">
<b:widget id="'Feed3'" locked="'false'" title="'3" type="'Feed'/">
<b:widget id="'Feed1'" locked="'false'" title="'Blog" type="'Feed'/">
</b:widget>


</b:widget></b:widget></b:widget></b:widget></b:widget></b:widget></b:widget></b:widget></b:widget></b:widget></b:widget></b:widget></b:widget></b:section></div>

<div id="'rightsidebar-wrapper'">
<b:section class="'rightsidebar'" id="'rightsidebar'" preferred="'yes'">
<b:widget id="'HTML10'" locked="'false'" title="'Articles'" type="'HTML'/">
<b:widget id="'Feed5'" locked="'false'" title="'Cuma" type="'Feed'/">
<b:widget id="'HTML4'" locked="'false'" title="'Am" type="'HTML'/">
<b:widget id="'HTML8'" locked="'false'" title="''" type="'HTML'/">
<b:widget id="'HTML3'" locked="'false'" title="'Feedjit'" type="'HTML'/">
<b:widget id="'HTML14'" locked="'false'" title="'pengikut'" type="'HTML'/">
</b:widget>
</b:widget></b:widget></b:widget></b:widget></b:widget></b:section></div>

letakan dimana pun anda suka

Teknology untuk terbangkan diri sendiri, seperti James Bond

Gadget jackpack. Itulah namanya. Alat ini diciptakan untuk keadaan darurat. seperti untuk menjangkau tempat-tampat yang sulit saat di tempuh pada bencana alam atau hal-hal sulit lainnya.

Gadget Jackpack tidak menggunakan mesin jet yang sebenarnya. Tapi menggunakan mesin yang harus disi dengan bensin

Alat ini bisa terbang dengan kecepatan 97km/jam. Alat ini juga di lengkapi parasut untuk mengurangi resiko cedera

Mini Banner Bebekkecil

Cara Install Joomla untuk pemula

Joomla adalah salah satu CMS (Content Management System) tercanggih yang sering di gunakan saat ini. Joomla memudahkan kita untuk membuat sebuah website sederhana atau pun terlihat expert tanpa kita mesti tahu bahasa pemograman.

Bagaimana cara menggunakannya? Yang perlu dilakukan adalah menginstall nya.

Pertama download package joomla di http://www.joomla.org/

Setelah itu extract file package joomla yang telah kita download ke dalam direktori htdocs atau www. Pastikan kita telah menginstall localhost.(xampp, apache. dll).

Langkah berikutnya, rename nama folder joomla yang telah kita extract tadi dengan nama folder web anda. Contohnya disini saya mengganti nama foldernya menjadi “webgun”.

Lalu buka browser anda dan ketikan http://localhost/NamaFolder

Karena folder saya bernama webgun. Maka menjadi seperti ini http://localhost/webgun

menandakan kita me run folder webgun yang ada di htdocs.

Jika berhasil, di browser anda akan keluar tampilan seperti ini :

Gambar 1.

Klik next saja terus sampai masuk ke page DATABASE CONFIGURATION seperti ini:

Gambar2.

Isi Host nama = localhost, Username = root, Database Name = gundb (Sesuai selera Anda) .

Sebelum klik “next” buat terlebih dahulu database di php myadmin dengnan nama yang sama dengan Database Name.

Klik next sampai keluar page Main configuration

Isi

Site name, dengan nama web anda

Your email, dengan email anda

Admin password, dengan nama password admin anda nanti

Lalu kilk INSTALL SAMPLE DATA untuk melihat default web dari joomla. Lalu klik next!

Jika sudah, hapus lah direktori “installation” yang ada di folder gunweb/Folder joomla anda.

Lalu buka browser ketikan lagi http://localhost/NamaFolder

Dan selamat, web site sederhana anda telah berhasil dibangun. Masuk ke halaman admin untuk mensetting tampilan web sesuai keinginan anda. Untuk masuk ke halaman, admin ketikan http://localhost/NamaFolder/administrator dalam browser. akan muncul tampilan login admin.

Masukan usernamenya admin dan passwordnya sesuai dengan password yang anda setting di installasi tadi.

Selamat mencoba and… Have fun..!!

Web Developer Indonesia

Beginilah jadinya kalo Programmer sedang Kelaparan(Demo ALA PROGRAMMER)

6RWHPBA7CDDE
Programmer juga manusia. Masalah banyak uang atau sengsara, semua orang pasti pernah mengalami masa-masa itu. Apa yang dilakukan programmer kekita sedang tidak punya uang untuk makan ? inilah jawabannya..!!

Beginilah jadinya kalo Programmer sedang Kelaparan(Boke)

Membuat simple layout Dinamis pada Codeigniter (CI) bag.2

Membuat simple layout Dinamis pada Codeigniter (CI) bag.1
Pada tulisan kali ini saya akan mencoba berbagi penetahuan tentang bagaimana membuat simple layout yang dinamis dalam CI. Layout yang dinamis membuat file aplikasi yang kita buat tidak menjadi ribet karena harus mengcopy satu file layout utuh kedalam setiap content yang berbeda-beda. Dengan management layout yang baik juga membuat kita lebih gampang untuk mengedit-edit layout yang telah kita buat. Edit satu layout utama, dan semua tampilan dalam aplikasi berubah.
Umumnya layout atau template terbagi menjadi tiga bagian file utama. Header, content dan footer.
Agar lebih mengerti, mari kita praktekan.
Pertama buat lah tiga buah file .php didalam direktori system/application/views
1. Template.php
2. Header.php
3. Footer.php
Lalu jadikan code di template.php mu seperti ini :
<html>
<head>
<title>Belajar CI</title>
</head>
<?php echo $this->load->view('header')?>
<?php echo $this->load->view($isi)?>
<?php echo $this->load->view('footer')?>
</html>
Code di atas akan mengatur template mu dan memanggil file file seperti header dan footer. Kecuali $isi, $isi akan kta buat dinamis, berubah-ubah tanpa mengganggu file header dan footer.
Sekarang jadikan file header dan footer mus seperti ini:

Header.php
<hr>
<h3>Ini tampilan header</h3>
<hr>

footer.php
<hr>
<h5>Ini tampilan footer</h5>
<hr>

Buat controller default mu seperti ini :
<?php

class Welcome extends Controller {

function Welcome()
{
parent::Controller();
}

function index()
{
$isi =�Ini tampilan isi�;
$this->load->view('template', $isi);
}
}

Buka browser mu dan tes!!
Maka, Akan keluar tampilan template dan tulisan �Ini tampilan isi�, berada di antara header dan footer.
� data[isi]=�Ini tampilan isi�; � melempar string yang ada di dalam data ke dalam view($isi) yang ada di template utama.
Kita bisa merubah-rubah isi � data[isi]=�Ini tampilan isi�; � menjadi apa saja sesuai dalam fungsi controller yang kita mau.