Tutorial Blogger

2009-09-18T13:12:00.000-07:00

Sejarah Komputer
Generasi Pertama

Dengan terjadinya Perang Dunia Kedua, negara-negara yang terlibat dalam perang tersebut berusaha mengembangkan komputer untuk mengeksploit potensi strategis yang dimiliki komputer. Hal ini meningkatkan pendanaan pengembangan komputer serta mempercepat kemajuan teknik komputer. Pada tahun 1941, Konrad Zuse, seorang insinyur Jerman membangun sebuah komputer, Z3, untuk mendesain pesawat terbang dan peluru kendali.

Pihak sekutu juga membuat kemajuan lain dalam pengembangan kekuatan komputer. Tahun 1943, pihak Inggris menyelesaikan komputer pemecah kode rahasia yang dinamakan Colossus untuk memecahkan kode-rahasia yang digunakan Jerman. Dampak pembuatan Colossus tidak terlalu mempengaruhi perkembangan industri komputer dikarenakan dua alasan. Pertama, colossus bukan merupakan komputer serbaguna (general-purpose computer), ia hanya didesain untuk memecahkan kode rahasia. Kedua, keberadaan mesin ini dijaga kerahasiaannya hingga satu dekade setelah perang berakhir.

Usaha yang dilakukan oleh pihak Amerika pada saat itu menghasilkan suatu kemajuan lain. Howard H. Aiken (1900-1973), seorang insinyur Harvard yang bekerja dengan IBM, berhasil memproduksi kalkulator elektronik untuk US Navy. Kalkulator tersebut berukuran panjang setengah lapangan bola kaki dan memiliki rentang kabel sepanjang 500 mil. The Harvd-IBM Automatic Sequence Controlled Calculator, atau Mark I, merupakan komputer relai elektronik. Ia menggunakan sinyal elektromagnetik untuk menggerakkan komponen mekanik. Mesin tersebut beropreasi dengan lambat (ia membutuhkan 3-5 detik untuk setiap perhitungan) dan tidak fleksibel (urutan kalkulasi tidak dapat diubah). Kalkulator tersebut dapat melakukan perhitungan aritmatik dasar dan persamaan yang lebih kompleks.

Perkembangan komputer lain pada masa kini adalah Electronic Numerical Integrator and Computer (ENIAC), yang dibuat oleh kerjasama antara pemerintah Amerika Serikat dan University of Pennsylvania . Terdiri dari 18.000 tabung vakum, 70.000 resistor, dan 5 juta titik solder, komputer tersebut merupakan mesin yang sangat besar yang mengkonsumsi daya sebesar 160kW.

Komputer ini dirancang oleh John Presper Eckert (1919-1995) dn John W. Mauchly (1907-1980), ENIAC merupakan komputer serbaguna (general purpose computer) yang bekerja 1000 kali lebih cepat dibandingkan Mark I.

Pada pertengahan 1940-an, John von Neumann (1903-1957) bergabung dengan tim University of Pennsylvania dalam usha membangun konsep desin komputer yang hingga 40 tahun mendatang masih dipakai dalam teknik komputer. Von Neumann mendesain Electronic Discrete Variable Automatic Computer(EDVAC) pada tahun 1945 dengan sebuh memori untuk menampung baik program ataupun data. Teknik ini memungkinkan komputer untuk berhenti pada suatu saat dan kemudian melanjutkan pekerjaannya kembali. Kunci utama arsitektur von Neumann adalah unit pemrosesan sentral (CPU), yang memungkinkan seluruh fungsi komputer untuk dikoordinasikan melalui satu sumber tunggal. Tahun 1951, UNIVAC I (Universal Automatic Computer I) yang dibuat oleh Remington Rand, menjadi komputer komersial pertama yang memanfaatkan model arsitektur von Neumann tersebut.

Baik Badan Sensus Amerika Serikat dan General Electric memiliki UNIVAC. Salah satu hasil mengesankan yang dicapai oleh UNIVAC dalah keberhasilannya dalam memprediksi kemenangan Dwilight D. Eisenhower dalam pemilihan presiden tahun 1952.

Komputer Generasi pertama dikarakteristik dengan fakta bahwa instruksi operasi dibuat secara spesifik untuk suatu tugas tertentu. Setiap komputer memiliki program kode-biner yang berbeda yang disebut “bahasa mesin” (machine language). Hal ini menyebabkan komputer sulit untuk diprogram dan membatasi kecepatannya. Ciri lain komputer generasi pertama adalah penggunaan tube vakum (yang membuat komputer pada masa tersebut berukuran sangat besar) dn silinder magnetik untuk penyimpanan data.

Cara menambah kolom header

2009-09-10T13:13:00.000-07:00

Ada cara mudah untuk menambah satu kolom header yang bisa dipasang dengan berbagai macam widget semisal text, video, iklan, link dan sebagainya.

Dengan cara ini tidak dibutuhkan penambahan kode apapun selain merubah status baris kode html tertentu pada blogspot dan selanjutnyq tinggal drag dan drop atau menambah widget seperti biasanya..

Cari kode dibawah ini dan kemudian ganti angka 1 pada maxwidget dengan angka diatas 1 misalnya 2 atau 3 (tergantung berapa banyak widget yang ingin anda tambahkan) dan kemudian ganti status “no” pada showaddelement menjadi “yes” dan kemudian simpan.Lihat kode di bawah ini :

Tulisan yang di blok (maxwidgets) adalah jumlah widgets yang di tampilkan, biasanya template yang belum di modifikasi jumlahnya hanya satu (1) nah anda hanya perlu menggantinya nominal angkanya saja.

Selamat mencoba...

Cara membuat Artikel yang berhubungan pada blog

2009-09-10T12:53:00.000-07:00

Keuntungan menampilkan "Artikel yang berhubungan" atau "Related Post" , "Related Article" adalah para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yang sedang mereka baca. Contohnya seperti yang ada dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori atau label yang sama. Nah mau tahu cara membuatnya?

Caranya cukup mudah, ikuti langkah2 berikut ini:

1. Login dulu ke blog kamu

2. Pilih menu "Layout-->Edit HTML"

3. Beri tanda centang pada kotak "Expand Widgets Template" .

4. Setelah itu cari kode ini <data:post.body/> dan letakkan script dibawah ini setelah kode tersebut.

<b:if cond='data:blog.pageType == "item"'><br /> <br />     <div class='similiar'><br />     <div class='widget-content'><br />     <h3>Related Posts by Categories</h3><br />     <div id='data2007'/><br/><br/><br /> <br />     <script type='text/javascript'>      var homeUrl3 = "<data:blog.homepageUrl/>";      var maxNumberOfPostsPerLabel = 4;      var maxNumberOfLabels = 10;      maxNumberOfPostsPerLabel = 100;      maxNumberOfLabels = 3;       function listEntries10(json) {      var ul = document.createElement('ul');      var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?      json.feed.entry.length : maxNumberOfPostsPerLabel;      for (var i = 0; i < maxPosts; i++) {      var entry = json.feed.entry[i];      var alturl;      for (var k = 0; k < entry.link.length; k++) {      if (entry.link[k].rel == 'alternate') {      alturl = entry.link[k].href;      break;      }      }      var li = document.createElement('li');      var a = document.createElement('a');      a.href = alturl;      if(a.href!=location.href) {      var txt = document.createTextNode(entry.title.$t);      a.appendChild(txt);      li.appendChild(a);      ul.appendChild(li);      }      }      for (var l = 0; l < json.feed.link.length; l++) {      if (json.feed.link[l].rel == 'alternate') {      var raw = json.feed.link[l].href;      var label = raw.substr(homeUrl3.length+13);      var k;      for (k=0; k<20; k++) label = label.replace("%20", " ");      var txt = document.createTextNode(label);      var h = document.createElement('b');      h.appendChild(txt);      var div1 = document.createElement('div');      div1.appendChild(h);      div1.appendChild(ul);      document.getElementById('data2007').appendChild(div1);      }      }      }      function search10(query, label) {      var script = document.createElement('script');      script.setAttribute('src', query + 'feeds/posts/default/-/'      + label +      '?alt=json-in-script&callback=listEntries10');      script.setAttribute('type', 'text/javascript');      document.documentElement.firstChild.appendChild(script);      }      var labelArray = new Array();      var numLabel = 0;      <b:loop values='data:posts' var='post'>      <b:loop values='data:post.labels' var='label'>      textLabel = "<data:label.name/>";      var test = 0;      for (var i = 0; i < labelArray.length; i++)      if (labelArray[i] == textLabel) test = 1;      if (test == 0) {      labelArray.push(textLabel);      var maxLabels = (labelArray.length <= maxNumberOfLabels) ?      labelArray.length : maxNumberOfLabels;      if (numLabel < maxLabels) {      search10(homeUrl3, textLabel);      numLabel++;      }      }      </b:loop>      </b:loop>      </script><br /> <br />     </div><br />     </div><br />     </b:if>

5. Kalau sudah tinggal di simpan (simpan template/save template) dan lihat hasilnya.
Selamat mencoba...

Tambahan:

Setelah jadi, jika kamu ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, trus ganti dengan text/tulisan yg kamu suka.

Cara membuat tabel

2009-09-08T15:49:00.000-07:00

Untuk membuat tabel di blog, bisa kita lakukan dengan kode HTML yang khusus untuk membuat tabel tentunya. Perintah yang di pakai adalah <table> ..... </table>. Di dalam tabel, kita bisa bisa beberapa atribut di dalamnya, antara lain yaitu:

bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .
cellpadding : untuk mengatur jarak antara tepi sel dengan isi sel di dalam sebuah tabel. Penempatan kodenya : cellpadding="pixel" .
border : untuk mengatur tingkat ketebalan garis tepi pada tabel. Penempatan kodenya : boeder="pixel" .
cellspacing
height : untuk mengatur tinggi tabel. penempatan kodenya : height="pixel"|"%" .
height : untuk mengatur lebal tabel. Penempatan kodenya : height="pixel"|"%" .