Sabtu, 31 Maret 2012

Permulaan : Cara Buat Akaun Blogspot

Mendaftarkan diri sebagai seorang pemilik blog dengan menggunakan platform blogger tidaklah sesusah yang disangka.
Dengan mengikuti beberapa langkah ringkas berikut, anda sudah bergelar seorang blogger.

Cara Buat Akaun Blogspot

Cara Buat Akaun Blogspot


Sebelum memulakan pendaftaran untuk akaun blogspot, anda mestilah mempunyai akaun google dahulu. Akaun lain pun boleh, tetapi untuk jangka masa panjang, ada akaun google akan lebih memudahkan memandangkan blogger.com adalah produk dari google.

Jika anda sudah mempunyai akaun google, boleh sign dahulu atau klik disini.http://mail.google.com/mail/?hl=en&tab=im.

Jika anda masih belum mempunyai akaun google, sila daftarkan dahulu disini untuk memudahkan proses pendaftaran akaun blogspot.

Berikut adalah langkah-langkah yang diperlukan untuk mendaftar akaun blogspot.

1. Buka link www.blogger.com

2. Apabila paparan sudah keluar, klik pada 'create a blog'
Cara Buat Akaun Blogspot


3. Seterusnya masukkan maklumat yang dikehendaki kemudian klik 'continue'.
Cara Buat Akaun Blogspot


4. Kemudian masukkan blogname dan juga blog address
  • Blog name lebih merujuk kepada trademark sesebuah blog
  • Blog address adalah digunakan oleh pengunjung untuk membuka blog anda. Blog address antara perkara paling penting bagi sesebuah blog. Untuk memudahkan pemahaman, sila rujuk Tips Pemilihan URL Untuk Blog.

Cara Buat Akaun Blogspot


5. Pilih template yang anda rasa sesuai, kemudian klik 'continue'
Cara Buat Akaun Blogspot


6. Siap. Anda sudah mempunyai akaun blogspot anda sendiri ada boleh mula untuk menaip entri pertama anda.:)






                                           Diposkan Oleh : Leo Coolz


Jumat, 30 Maret 2012

Memberi Efek Salju Pada Blog

Memberi Efek Salju Pada Blog

Bagi para blogger.., kalian pasti sudah liat blog yang ada efek saljunya.., bagi yang belum tahu cara menambahkan efek salju di blog. Saya akan memberitahu cara menambahkan efek salju pada blog.

Caranya sebagai berikut :
  1. Buka blognya.
  2. Lalu ke Dasbor >> Rancangan
  3. Tambah Gadget
  4. Pilih HTML / JavaScript
  5. Lalu copy salah satu URL salju berikut :
>>> Salju Merah
<script src='http://agungosx.googlepages.com/saljumerah.js' type='text/javascript'></script>

>>> Salju Kuning
<script src='http://agungosx.googlepages.com/saljukuning.js' type='text/javascript'></script>

>>> Hijau Muda
<script src='http://agungosx.googlepages.com/greensalju.js' type='text/javascript'></script>

>>> Hijau Tua
<script src='http://agungosx.googlepages.com/saljuijotua.js' type='text/javascript'></script>

>>> Salju Merah Muda
<script src='http://agungosx.googlepages.com/pinksalju.js' type='text/javascript'></script>

>>> Salju Ungu
<script src='http://agungosx.googlepages.com/saljuungu.js' type='text/javascript'></script>

>>> Salju Biru Muda
<script src='http://agungosx.googlepages.com/saljubirumuda.js' type='text/javascript'></script>

>>> Salju Biru Tua
<script src='http://agungosx.googlepages.com/saljubiru.js' type='text/javascript'></script>

>>> Salju Coklat
<script src='http://agungosx.googlepages.com/saljucoklat.js' type='text/javascript'></script>

>>> Salju Orange
<script src='http://agungosx.googlepages.com/saljuorange.js' type='text/javascript'></script>

>>> Salju Hitam
<script src='http://agungosx.googlepages.com/saljuhitam.js' type='text/javascript'></script>

>>> Salju Putih
<script src='http://agungosx.googlepages.com/saljuputih.js' type='text/javascript'></script>
7. Save
8. Kalau berhasil comment ya....
 

                                          Diposkan Oleh : Leo Coolz


Kamis, 29 Maret 2012

Menampilkan Cuaca di Blog

Menampilkan Cuaca di Blog


     Kalian ingin menampilkan kondisi cuaca di kota kalian dan kota lain saat pengunjung mengakses blog kalian, kalian bisa menyajikannya dalam widget yang cukup ramping dan ringkas. Tampilan widget ini beraneka ragam, sehigga selain blog kalian berisi informasi mengenai cuaca, tentu juga akan lebih menarik. Disini kita akan menggunakan Wearher for Blog untuk menapmilkan cuaca di blog.  Kelemahan dari Weather for Blog adalah tidak dapat mendeteksi suhu dengan benar. Kalian dapat mengunjungi situs ini untuk mendapatkannya [link].


    Gimana ?? bagus tidak ?? semoga bermanfaat bagi kalian ya !! jangan lupa komentarnya !! thanks !!
  1. Buka link berikut http://www.weatherforblog.com/.
  2. Pilih Negara kalian dan kota kalian.


  3. Lalu tentukan ukuran widgetnya, hanya ada 2 pilihan 300x250 dan 160x600.


  4. Pilih background yang anda sukai untuk menjadi background widget Weather for Blog.

  5. Isi informasi dengan benar, pertama isilah email, kedua isilah URL blog kalian, lalu klik tombol Get Weather Widget di bawah sendiri.

  6. Copy Paste kode yang muncul setelah meng-klik tombol Get Weather Widget ke Blogger.com >> Rancangan >> Tambah Gadget >> HTML/ JavaScript, lalu klik Save.

     
    Diposkan Oleh : Leo Coolz

Membuat Gulungan di Sudut Blog

Membuat Gulungan di Sudut Blog

       Aksesoris blog di butuhkan bagi setiap blog yang masih aktif, aksesoris blog dapat memperindah dan mempercantik tampilan blog kita agar pengunjung betah mengunjungi blog kita berkali - kali.  Namun jika terlalu banyak aksesoris mengakibatkan blog menjadi lola' (loading lama) dan pengunjung enggan untuk mampir ke blog kita lagi, kebanyakan pengunjung blog menutup blog yang dikunjungi nya sebelum semua kode pada blog yang dikunjunginya karena terlalu lama loadingnya.  Maka dari itu, kita harus pintar memilih aksesoris yang cocok untuk blog kita, bukan semua aksesoris di masukan di blog kita.

        Pernah kalian melihat blog yang sudutnya mempunyai gulungan-gulungan aneh ?  Nah.. kali ini kita akan membahas gimana cara Membuat Gulungan di Sudut Blog, kalau belum pernah lihat cek ke situs Radar Banyuwangi.  Gimana ?  Tertarik dan cocok untuk di blog kalian ?  Ikuti langkah di bawah berikut

  1. Login ke Blogger
  2. Klik Design > Edit HTML > centang 'Expand Widget Template'
  3. Pasang kode berikut di atas kode ]]></b:skin>

    #pageflip {
    position: relative;
    }
    #pageflip img {
    border: none;
    width: 50px; height: 52px;
    z-index: 99;
    position: absolute;
    right: 0; top: 0;
    -ms-interpolation-mode: bicubic;
    }
    #pageflip .msg_block {
    width: 50px; height: 50px;
    position: absolute;
    right: 0; top: 0;
    background: url(http://kon.tl/deopra) no-repeat right top;
    text-indent: -9999px;
    }

    #Ganti kode yang berwarna hijau dengan link kode gambar (300px x 300 px) yang kalian inginkan
    #Bisa juga diganti dengan gambar dengan link berikut http://kon.tl/deopr

  4. Kemudian pasang lagi kode berikut di bawah kode <b:skin><![CDATA[ atau <b:skin><![CDATA[/*

    <script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js
    ' type='text/javascript'/>
    <script type='text/javascript'>
    $(document).ready(function(){
    $("#pageflip").hover(function() {
    $("#pageflip img , .msg_block").stop()
    .animate({width: '307px',height: '319px'}, 500);
    } , function() {
    $("#pageflip img").stop()
    .animate({width: '50px',height: '52px'}, 220);
    $(".msg_block").stop()
    .animate({width: '50px',height: '50px'}, 200);
    });
    });
    </script>

  5. Selanjutnya pasang kode berikut di bawah kode <body>

    <div id='pageflip'>
    <a href='http://dopind.blogspot.com/' target='_blank'>
    <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDyyWmkvoqvsc7ZgDVcps99yt_P3BOOwDzocXs-h4kVIwAtnezBGB5RxOqeUlV4brHOTtRMXvGTyGu8wLXn5QXPqBRgk1prH8IbL01iS_c5zmnZFnPuv0jXOcAL1ib3C-rOvU6UnIl2hfx/'/>
    <span class='msg_block'/>
    </a>
    </div>

    #Ganti kode yang berwarna putih dengan alamat blog atau link yang kalian ingin pasang

  6. Terakhir klik 'Save Template' dan tinggal lihat hasilnya seperti apa ^^

                                                          Diposkan Oleh : Leo Coolz

Menambahkan Musik Pada Blog

Menambahkan Musik Pada Blog

   Hi, teman-teman selamat siang nie..., kalian pasti lagi maen facebOOk ya..., hehe. Teman-teman sekelas gue tanya lagi bagaimana cara menambah musik pada blog.., salah satunywa ya temanku yang kemarin tu..., bagi para blogger pemula liat juga nie cara menambah musik di blog..,
Nie caranya :


  1. Pikirkan musik yang ingin anda masukkin ke blog. ( just KiddiN6 )

  2. Silahkan ke situs ini untuk memilih lagu.

  3. Lalu copy URL yang ada di scrool itu.

  4. Masuk ke Tata Letak >> Tambah Gadget >> HTML/JavaScript
     Lalu paste URL tadi di kotak putih itu.

  5. Lalu Save.

  6. Buka blog kalian ..., dan sudah ada deh lagu di blog kalian.

  7. jangan Lupa COMMENTx .., hehe

Sekian postingku kali ini semoga bermanfaat bagi kalian, G00d LucK


                                               Diposkan Oleh : Leo Coolz

Memasang Gadget Tukar Font Pada Blog

Memasang Gadget Tukar Font Pada Blog

        Okelah...., kali ini saya akan memposting "Memasang Gadget Tukar Font Pada Blog" sesuai request dari visitor Akatsuki Blog™, fatymazahra., kalian tau tidak Gadget Tukar Font seperti apa ? tidak tau ?? kasian...kasian...kasian...,. hehe..,  nih ku kasih tau apa Gadget Tukar Font itu :

         Sudah tau kan ?? blog kalian mau dipasang Gadget seperti itu.., mau ?? ya sudah deh ku kasih tau cara-caranya membuat Gadget seperti itu..,

  1. Login ke Blog anda.

  2. Klik Dasbor >> Rancangan/ Tata Letak.

  3. Lalu klik Tambah Gadget >> Pilih HTML/ JavaScript.

  4. Lalu masukan kode di bawah ini beserta kode menu dropdown di bawah ini :

 

    <script> function go1(){ if (document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value != "none") { document.getElementById('main').style.fontSize =document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value } } function go2(){ if (document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value != "none") { document.getElementById('main').style.fontFamily =document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value } } </script> <form id="forma" method="POST" name="selecter2"> <select name="select3" onchange="go2()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="Times New Roman">Times New Roman </option><option value="Arial">Arial </option><option selected="selected" value="Book Antiqua">Book Antiqua </option><option value="Bookman Old Style">Bookman Old Style </option><option value="Century Gothic">Century Gothic </option><option value="Comic Sans Ms">Comic Sans Ms </option><option value="Tahoma">Tahoma </option><option selected="selected" value="Trebuchet Ms">Trebuchet Ms </option><option value="Verdana">Verdana </option></select> <select name="select2" onchange="go1()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="8px">8 </option><option value="9px">9 </option><option value="10px">10 </option><option value="11px">11 </option><option selected="selected" value="12px">12 </option><option value="14px">14 </option><option value="16px">16 </option><option value="18px">18 </option></select></form>


  1.  Lalu Save..,

ya..., sem0ga posting ku kali ini bermanfaat & thanks buat fatymazahra yang mau request., ya.., kalau ada yang mau request seperti fatymazahra tinggal tinggalkan comment, tulis di contact me / di buku tamu..., thanks aLL..,

 

 

                              Diposkan Oleh: Leo Coolz

Menambah Efek Saat Mouse di Gerakkan

Menambah Efek Saat Mouse di Gerakkan

      Mau aksesoris-aksesoris blog lainnya..,  ini agak berbeda, biasanya kan efek ini langsung dengan sendirinya, tapi disini efek ini akan muncul jika mouse digerakkan.., efeknya itu seperti salju yang berjatuhan.., mau lihat seperti apa efeknya ?? klik [link] Coba gerakkan mousenya di blog tersebut.., muncul kan ??..,
      Mau gak efek seperti itu ?? Ikuti cara berikut kalau mau :

  1. Copy kode berikut :
  2. <script>
       // <![CDATA[
                var colour="white";
                var sparkles=100;
         
                var x=ox=400;
                var y=oy=300;
                var swide=800;
                var shigh=600;
                var sleft=sdown=0;
                var tiny=new Array();
                var star=new Array();
                var starv=new Array();
                var starx=new Array();
                var stary=new Array();
                var tinyx=new Array();
                var tinyy=new Array();
                var tinyv=new Array();
                window.onload=function() { if (document.getElementById) {
                  var i, rats, rlef, rdow;
                  for (var i=0; i<sparkles; i++) {
                    var rats=createDiv(3, 3);
                    rats.style.visibility="hidden";
                    document.body.appendChild(tiny[i]=rats);
                    starv[i]=0;
                    tinyv[i]=0;
                    var rats=createDiv(5, 5);
                    rats.style.backgroundColor="transparent";
                    rats.style.visibility="hidden";
                    var rlef=createDiv(1, 5);
                    var rdow=createDiv(5, 1);
                    rats.appendChild(rlef);
                    rats.appendChild(rdow);
                    rlef.style.top="3px";
                    rlef.style.left="0px";
                    rdow.style.top="0px";
                    rdow.style.left="3px";
                    document.body.appendChild(star[i]=rats);
                  }
                  set_width();
                  sparkle();
                }}
                function sparkle() {
                  var c;
                  if (x!=ox || y!=oy) {
                    ox=x;
                    oy=y;
                    for (c=0; c<sparkles; c++) if (!starv[c]) {
                      star[c].style.left=(starx[c]=x)+"px";
                      star[c].style.top=(stary[c]=y)+"px";
                      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
                      star[c].style.visibility="visible";
                      starv[c]=50;
                      break;
                    }
                  }
                  for (c=0; c<sparkles; c++) {
                    if (starv[c]) update_star(c);
                    if (tinyv[c]) update_tiny(c);
                  }
                  setTimeout("sparkle()", 40);
                }
                function update_star(i) {
                  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
                  if (starv[i]) {
                    stary[i]+=1+Math.random()*3;
                    if (stary[i]<shigh+sdown) {
                      star[i].style.top=stary[i]+"px";
                      starx[i]+=(i%5-2)/5;
                      star[i].style.left=starx[i]+"px";
                    }
                    else {
                      star[i].style.visibility="hidden";
                      starv[i]=0;
                      return;
                    }
                  }
                  else {
                    tinyv[i]=50;
                    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
                    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
                    tiny[i].style.width="2px";
                    tiny[i].style.height="2px";
                    star[i].style.visibility="hidden";
                    tiny[i].style.visibility="visible"
                  }
                }
                function update_tiny(i) {
                  if (--tinyv[i]==25) {
                    tiny[i].style.width="1px";
                    tiny[i].style.height="1px";
                  }
                  if (tinyv[i]) {
                    tinyy[i]+=1+Math.random()*3;
                    if (tinyy[i]<shigh+sdown) {
                      tiny[i].style.top=tinyy[i]+"px";
                      tinyx[i]+=(i%5-2)/5;
                      tiny[i].style.left=tinyx[i]+"px";
                    }
                    else {
                      tiny[i].style.visibility="hidden";
                      tinyv[i]=0;
                      return;
                    }
                  }
                  else tiny[i].style.visibility="hidden";
                }
                document.onmousemove=mouse;
                function mouse(e) {
                  set_scroll();
                  y=(e)?e.pageY:event.y+sdown;
                  x=(e)?e.pageX:event.x+sleft;
                }
                function set_scroll() {
                  if (typeof(self.pageYOffset)=="number") {
                    sdown=self.pageYOffset;
                    sleft=self.pageXOffset;
                  }
                  else if (document.body.scrollTop || document.body.scrollLeft) {
                    sdown=document.body.scrollTop;
                    sleft=document.body.scrollLeft;
                  }
                  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
                    sleft=document.documentElement.scrollLeft;
                 sdown=document.documentElement.scrollTop;
                  }
                  else {
                    sdown=0;
                    sleft=0;
                  }
                }
                window.onresize=set_width;
                function set_width() {
                  if (typeof(self.innerWidth)=="number") {
                    swide=self.innerWidth;
                    shigh=self.innerHeight;
                  }
                  else if (document.documentElement && document.documentElement.clientWidth) {
                    swide=document.documentElement.clientWidth;
                    shigh=document.documentElement.clientHeight;
                  }
                  else if (document.body.clientWidth) {
                    swide=document.body.clientWidth;
                    shigh=document.body.clientHeight;
                  }
                }
                function createDiv(height, width) {
                  var div=document.createElement("div");
                  div.style.position="absolute";
                  div.style.height=height+"px";
                  div.style.width=width+"px";
                  div.style.overflow="hidden";
                  div.style.backgroundColor=colour;
                  return (div);
                }
                // ]]></script>
  3. Agak banyak ya ?? hehehe.., lalu copy kode diatas dikotak HTML/ Java Script di Rancangan..,
  4. Sudah deh.., lalu liat blog kamu, gerak-gerakan mousenya sesukamu.., efek tersebut tidak akan pernah habis.
     Begitulah akhir dari cara Menambahkan Efek Saat Mouse di Gerakkan.., jangan lupa komentarnya., semoga bermanfaat saja bagi kalian ya !!
 
                                                      Diposkan Oleh: Leo Coolz

LINK DITUNJUK MEMBESAR DAN BERPIJAR

asyik juga mainan html

lucu , memuaskan juga mengasah otak dengan berbagai pengetahuan baru
dan makin menyadarkan kita kalo ilmu belumlah seberapa
hayo ngaku aja iya khan...???xixixi
berikut sedikit tips dari saya tentang LINK DITUNJUK MEMBESAR DAN BERPIJAR
mau tahu apa aja yang mesti dirubah ???
simak aja di tutorial saya ....



1.login dahulu ke blogger anda
2.buka tata letak
3.edit html
4.expand template widget
cari aja kode yang ini


/* global link attributes */


atau kalau ga ada cari yang ini
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {


kemudian tambahkan kode ini
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }



sehingga menjadi seperti ini

a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }
eeiiiiiiiit jangan dulu disave yah....
pratinjau dulu donk...kalau dipratinjau sudah oke(link berpijar dan membesar)
baru disave.
gimana mudah khan...????
yakin dech semua pasti bisa...soalnya amat sederhana ko....
selamat mencoba semoga bermanfaat
 
                                                             Diposikan Oleh: Leo Coolz
setelah kucoba lumayan juga neh...
emang basi sich..
tapi dari pada punya pengalaman dipendam mending disuarakan he he he
sebagai samplenya yang sedang saya pake dihalaman saya ini

langsung saja ini dia scriptnya
<style type="text/css">body {cursor:url("http://i873.photobucket.com/albums/ab297/satriyoku/icon%20blogger/speed.gif"),default}</style>

pemasangan seperti biasa di add gadget

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilJVurYWnzOn01_T8jWZL5bHyPclIpBbF5MngoB9HJcaId2xQJ9l9d58L_P_tXwMRR-kUBOjUrn3C6oEJ5CGkPN8oytSN1SWZHzEx3ce6NQuZvE1CtxMPohxGrjTm2qcFUBn6jvSHC6qY/s400/ScreenHunter_04+Apr.+20+03.33.gif

trus simpan dech....
simple banget lah...
ganti url http://leo-coolz.blogspot.com dengan alamat cursor anda
mudah khan...????

                       Diposikan Oleh: Leo Coolz


Membuat Semut Muter-muter di Blog

Membuat Semut Muter-muter di Blog

Ada gula ada semut, ada yang yang asyik-asyik dan manis akan banyak pengunjung. Kayak blog yang hitam manis ini :D. Pernah lihat blog yang di halamannya ada semut yang muter-muter. Atau malah pernah tertipu karena mengira itu semut ada di monitor PC kamu, dan mau menyingkirkannya ternyata asli dari blognya.

Baiklah, sekarang kita akan belajar untuk membuat semut berputar-putar di halaman blog. Sebenarnya sangatlah mudah, hanya menambahkan kode HTML sederhana. Dan tidak hanya semut, bisa juga diganti gambar animasi lain yang kamu suka, bisa monyet, cecak, dan lain-lain.

Cara Membuat Semut Muter-muter di Blog

1. Login ke blogger

2. Pilih Rancangan kemudian Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukan kode HTML berikut ini:

<div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>

5. Kode yang berwarna merah adalah URL gambar animasinya. 150 itu adalah jarak dari atas dan 20 jarak dari samping. Kita dapat menggantinya sesuai sesuka hati.

6. Simpan jika sudah selesai. 

 

                             Diposkan oleh : Leo coolz

CARA MEMBUAT CURSOR

CARA MEMBUAT  CURSOR

cara Cursor untuk blog anda memang boleh dipelbagaikan. Samada untuk menukar icon cursor sahaja, atau menjadikannya sparkle. Dan juga tidak ketinggalan untuk menjadikan cursor anda menghasilkan bubbles.



Contoh cursor bubble yang menarik ini boleh di lihat di test blog ini.


Ikuti tutorial mudah di bawah untuk letakkan bubble cursor di blog anda.


1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy code bubble cursor di bawah, kemudian paste di ruangan HTML/javascript.
(code ini bubble warna biru. Untuk tukar warna bubble, sila ikuti tutorial sehingga habis)


<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript">


// <![CDATA[


var colours=new Array("#0066FF", "#0066FF", "#0066FF", "#0066FF", "#0066FF"); // colours for top, right, bottom and left borders and background of bubbles


var bubbles=100; // maximum number of bubbles on screen




/****************************


* JavaScript Bubble Cursor *


* (c) 2010 mf2fm web-design *


* http://www.mf2fm.com/rv *


* DON'T EDIT BELOW THIS BOX *


****************************/


var x=ox=400;


var y=oy=300;


var swide=800;


var shigh=600;


var sleft=sdown=0;


var bubb=new Array();


var bubbx=new Array();


var bubby=new Array();


var bubbs=new Array();




window.onload=function() { if (document.getElementById) {


var rats, div;


for (var i=0; i<bubbles; i++) {


rats=createDiv("3px", "3px");


rats.style.visibility="hidden";




div=createDiv("auto", "auto");


rats.appendChild(div);


div=div.style;


div.top="1px";


div.left="0px";


div.bottom="1px";


div.right="0px";


div.borderLeft="1px solid "+colours[3];


div.borderRight="1px solid "+colours[1];




div=createDiv("auto", "auto");


rats.appendChild(div);


div=div.style;


div.top="0px";


div.left="1px";


div.right="1px";


div.bottom="0px"


div.borderTop="1px solid "+colours[0];


div.borderBottom="1px solid "+colours[2];




div=createDiv("auto", "auto");


rats.appendChild(div);


div=div.style;


div.left="1px";


div.right="1px";


div.bottom="1px";


div.top="1px";


div.backgroundColor=colours[4];


div.opacity=0.5;


if (document.all) div.filter="alpha(opacity=50)";




document.body.appendChild(rats);


bubb[i]=rats.style;


}


set_scroll();


set_width();


bubble();


}}




function bubble() {


var c;


if (x!=ox || y!=oy) {


ox=x;


oy=y;


for (c=0; c<bubbles; c++) if (!bubby[c]) {


bubb[c].left=(bubbx[c]=x)+"px";


bubb[c].top=(bubby[c]=y)+"px";


bubb[c].width="3px";


bubb[c].height="3px"


bubb[c].visibility="visible";


bubbs[c]=3;


break;


}


}


for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);


setTimeout("bubble()", 40);


}




function update_bubb(i) {


if (bubby[i]) {


bubby[i]-=bubbs[i]/2+i%2;


bubbx[i]+=(i%5-2)/5;


if (bubby[i]>sdown && bubbx[i]>0) {


if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {


bubb[i].width=bubbs[i]+"px";


bubb[i].height=bubbs[i]+"px";


}


bubb[i].top=bubby[i]+"px";


bubb[i].left=bubbx[i]+"px";


}


else {


bubb[i].visibility="hidden";


bubby[i]=0;


return;


}


}


}




document.onmousemove=mouse;


function mouse(e) {


set_scroll();


y=(e)?e.pageY:event.y+sleft;


x=(e)?e.pageX:event.x+sdown; }




window.onresize=set_width;


function set_width() {


if (document.documentElement && document.documentElement.clientWidth) {


swide=document.documentElement.clientWidth;


shigh=document.documentElement.clientHeight;


}


else if (typeof(self.innerHeight)=="number") {


swide=self.innerWidth;


shigh=self.innerHeight;


}


else if (document.body.clientWidth) {


swide=document.body.clientWidth;


shigh=document.body.clientHeight;


}


else {


swide=800;


shigh=600;


}


}




window.onscroll=set_scroll;


function set_scroll() {


if (typeof(self.pageYOffset)=="number") {


sdown=self.pageYOffset;


sleft=self.pageXOffset;


}


else if (document.body.scrollTop || document.body.scrollLeft) {


sdown=document.body.scrollTop;


sleft=document.body.scrollLeft;


}


else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {


sleft=document.documentElement.scrollLeft;


sdown=document.documentElement.scrollTop;


}


else {


sdown=0;


sleft=0;


}


}




function createDiv(height, width) {

var div=document.createElement("div");

div.style.position="absolute";

div.style.height=height;

div.style.width=width;

div.style.overflow="hidden";

return (div);

}


// ]]>

</script>



3. Save dan lihat hasilnya.:)




Note:

Bagi yang hendak tukar bubble dengan warna yang anda kehendaki selain 4 warna di atas, caranya.


Cari kod di bawah dari code yang anda paste tadi, kemudian tukarkan code warna seperti yang dihighlight



Hendak cari kod warna.?

Rujuk code warna di bawah.





Selamat Mencuba.:)

            

                                              Diposkan Oleh : Leo Coolz

Sejarah Komputer Generasi Pertama

Pengertian Komputer

Komputer adalah alat yang dipakai untuk mengolah data menurut perintah yang telah dirumuskan. Kata komputer semula dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan perhitungan aritmatika, dengan atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada mesin itu sendiri. Asal mulanya, pengolahan informasi hampir eksklusif berhubungan dengan masalah aritmatika, tetapi komputer modern dipakai untuk banyak tugas yang tidak berhubungan dengan matematika.
Secara luas, Komputer dapat didefinisikan sebagai suatu peralatan elektronik yang terdiri dari beberapa komponen, yang dapat bekerja sama antara komponen satu dengan yang lain untuk menghasilkan suatu informasi berdasarkan program dan data yang ada. Adapun komponen komputer adalah meliputi : Layar Monitor, CPU, Keyboard, Mouse dan Printer (sbg pelengkap). Tanpa printer komputer tetap dapat melakukan tugasnya sebagai pengolah data, namun sebatas terlihat dilayar monitor belum dalam bentuk print out (kertas).
Dalam definisi seperti itu terdapat alat seperti slide rule, jenis kalkulator mekanik mulai dari abakus dan seterusnya, sampai semua komputer elektronik yang kontemporer. Istilah lebih baik yang cocok untuk arti luas seperti "komputer" adalah "yang memproses informasi" atau "sistem pengolah informasi."
Saat ini, komputer sudah semakin canggih. Tetapi, sebelumnya komputer tidak sekecil, secanggih, sekeren dan seringan sekarang. Dalam sejarah komputer, ada 5 generasi dalam sejarah komputer.

[sunting] Generasi komputer

[sunting] 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 memengaruhi 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 Harvard-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 mengonsumsi daya sebesar 160kW.
Komputer ini dirancang oleh John Presper Eckert (1919-1995) dan 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 usaha membangun konsep desain komputer yang hingga 40 tahun mendatang masih dipakai dalam teknik komputer. Von Neumann mendesain Electronic Discrete Variable Automatic Computer (EDVAC) pada tahun 1945 dengan sebuah 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) dan silinder magnetik untuk penyimpanan data.

[sunting] Generasi Kedua

Pada tahun 1948, penemuan transistor sangat memengaruhi perkembangan komputer. Transistor menggantikan tube vakum di televisi, radio, dan komputer. Akibatnya, ukuran mesin-mesin elektrik berkurang drastis.
Transistor mulai digunakan di dalam komputer mulai pada tahun 1956. Penemuan lain yang berupa pengembangan memori inti-magnetik membantu pengembangan komputer generasi kedua yang lebih kecil, lebih cepat, lebih dapat diandalkan, dan lebih hemat energi dibanding para pendahulunya. Mesin pertama yang memanfaatkan teknologi baru ini adalah superkomputer. IBM membuat superkomputer bernama Stretch, dan Sprery-Rand membuat komputer bernama LARC. Komputer-komputer ini, yang dikembangkan untuk laboratorium energi atom, dapat menangani sejumlah besar data, sebuah kemampuan yang sangat dibutuhkan oleh peneliti atom. Mesin tersebut sangat mahal dan cenderung terlalu kompleks untuk kebutuhan komputasi bisnis, sehingga membatasi kepopulerannya. Hanya ada dua LARC yang pernah dipasang dan digunakan: satu di Lawrence Radiation Labs di Livermore, California, dan yang lainnya di US Navy Research and Development Center di Washington D.C. Komputer generasi kedua menggantikan bahasa mesin dengan bahasa assembly. Bahasa assembly adalah bahasa yang menggunakan singkatan-singakatan untuk menggantikan kode biner.
Pada awal 1960-an, mulai bermunculan komputer generasi kedua yang sukses di bidang bisnis, di universitas, dan di pemerintahan. Komputer-komputer generasi kedua ini merupakan komputer yang sepenuhnya menggunakan transistor. Mereka juga memiliki komponen-komponen yang dapat diasosiasikan dengan komputer pada saat ini: printer, penyimpanan dalam disket, memory, sistem operasi, dan program.
Salah satu contoh penting komputer pada masa ini adalah 1401 yang diterima secara luas di kalangan industri. Pada tahun 1965, hampir seluruh bisnis-bisnis besar menggunakan komputer generasi kedua untuk memprosesinformasi keuangan.
Program yang tersimpan di dalam komputer dan bahasa pemrograman yang ada di dalamnya memberikan fleksibilitas kepada komputer. Fleksibilitas ini meningkatkan kinerja dengan harga yang pantas bagi penggunaan bisnis. Dengan konsep ini, komputer dapat mencetak faktur pembelian konsumen dan kemudian menjalankan desain produk atau menghitung daftar gaji. Beberapa bahasa pemrograman mulai bermunculan pada saat itu. Bahasa pemrograman Common Business-Oriented Language (COBOL) dan Formula Translator (FORTRAN) mulai umum digunakan. Bahasa pemrograman ini menggantikan kode mesin yang rumit dengan kata-kata, kalimat, dan formula matematika yang lebih mudah dipahami oleh manusia. Hal ini memudahkan seseorang untuk memprogram dan mengatur komputer. Berbagai macam karier baru bermunculan (programmer, analis sistem, dan ahli sistem komputer). Industr piranti lunak juga mulai bermunculan dan berkembang pada masa komputer generasi kedua ini.

[sunting] Generasi Ketiga

Walaupun transistor dalam banyak hal mengungguli tube vakum, namun transistor menghasilkan panas yang cukup besar, yang dapat berpotensi merusak bagian-bagian internal komputer. Batu kuarsa (quartz rock) menghilangkan masalah ini. Jack Kilby, seorang insinyur di Texas Instrument, mengembangkan sirkuit terintegrasi (IC : integrated circuit) di tahun 1958. IC mengkombinasikan tiga komponen elektronik dalam sebuah piringan silikon kecil yang terbuat dari pasir kuarsa. Pada ilmuwan kemudian berhasil memasukkan lebih banyak komponen-komponen ke dalam suatu chip tunggal yang disebut semikonduktor. Hasilnya, komputer menjadi semakin kecil karena komponen-komponen dapat dipadatkan dalam chip. Kemajuan komputer generasi ketiga lainnya adalah penggunaan sistem operasi (operating system) yang memungkinkan mesin untuk menjalankan berbagai program yang berbeda secara serentak dengan sebuah program utama yang memonitor dan mengkoordinasi memori komputer.

[sunting] Generasi Keempat

Setelah IC, tujuan pengembangan menjadi lebih jelas: mengecilkan ukuran sirkuit dan komponen-komponen elektrik. Large Scale Integration (LSI) dapat memuat ratusan komponen dalam sebuah chip. Pada tahun 1980-an, Very Large Scale Integration (VLSI) memuat ribuan komponen dalam sebuah chip tunggal.

Ultra-Large Scale Integration (ULSI) meningkatkan jumlah tersebut menjadi jutaan. Kemampuan untuk memasang sedemikian banyak komponen dalam suatu keping yang berukurang setengah keping uang logam mendorong turunnya harga dan ukuran komputer. Hal tersebut juga meningkatkan daya kerja, efisiensi dan keterandalan komputer. Chip Intel 4004 yang dibuat pada tahun 1971membawa kemajuan pada IC dengan meletakkan seluruh komponen dari sebuah komputer (central processing unit, memori, dan kendali input/output) dalam sebuah chip yang sangat kecil. Sebelumnya, IC dibuat untuk mengerjakan suatu tugas tertentu yang spesifik. Sekarang, sebuah mikroprosesor dapat diproduksi dan kemudian diprogram untuk memenuhi seluruh kebutuhan yang diinginkan. Tidak lama kemudian, setiap piranti rumah tangga seperti microwave, oven, televisi, dan mobil dengan electronic fuel injection (EFI) dilengkapi dengan mikroprosesor.

Perkembangan yang demikian memungkinkan orang-orang biasa untuk menggunakan komputer biasa. Komputer tidak lagi menjadi dominasi perusahaan-perusahaan besar atau lembaga pemerintah. Pada pertengahan tahun 1970-an, perakit komputer menawarkan produk komputer mereka ke masyarakat umum. Komputer-komputer ini, yang disebut minikomputer, dijual dengan paket piranti lunak yang mudah digunakan oleh kalangan awam. Piranti lunak yang paling populer pada saat itu adalah program word processing dan spreadsheet. Pada awal 1980-an, video game seperti Atari 2600 menarik perhatian konsumen pada komputer rumahan yang lebih canggih dan dapat diprogram.
Pada tahun 1981, IBM memperkenalkan penggunaan Personal Computer (PC) untuk penggunaan di rumah, kantor, dan sekolah. Jumlah PC yang digunakan melonjak dari 2 juta unit di tahun 1981 menjadi 5,5 juta unit di tahun 1982. Sepuluh tahun kemudian, 65 juta PC digunakan. Komputer melanjutkan evolusinya menuju ukuran yang lebih kecil, dari komputer yang berada di atas meja (desktop computer) menjadi komputer yang dapat dimasukkan ke dalam tas (laptop), atau bahkan komputer yang dapat digenggam (palmtop).
IBM PC bersaing dengan Apple Macintosh dalam memperebutkan pasar komputer. Apple Macintosh menjadi terkenal karena memopulerkan sistem grafis pada komputernya, sementara saingannya masih menggunakan komputer yang berbasis teks. Macintosh juga memopulerkan penggunaan piranti mouse.
Pada masa sekarang, kita mengenal perjalanan IBM compatible dengan pemakaian CPU: IBM PC/486, Pentium, Pentium II, Pentium III, Pentium IV (Serial dari CPU buatan Intel). Juga kita kenal AMD k6, Athlon, dsb. Ini semua masuk dalam golongan komputer generasi keempat.
Seiring dengan menjamurnya penggunaan komputer di tempat kerja, cara-cara baru untuk menggali potensial terus dikembangkan. Seiring dengan bertambah kuatnya suatu komputer kecil, komputer-komputer tersebut dapat dihubungkan secara bersamaan dalam suatu jaringan untuk saling berbagi memori, piranti lunak, informasi, dan juga untuk dapat saling berkomunikasi satu dengan yang lainnya. Jaringan komputer memungkinkan komputer tunggal untuk membentuk kerjasama elektronik untuk menyelesaikan suatu proses tugas. Dengan menggunakan perkabelan langsung (disebut juga Local Area Network atau LAN), atau [kabel telepon, jaringan ini dapat berkembang menjadi sangat besar.

Generasi Kelima

Mendefinisikan komputer generasi kelima menjadi cukup sulit karena tahap ini masih sangat muda. Contoh imajinatif komputer generasi kelima adalah komputer fiksi HAL9000 dari novel karya Arthur C. Clarke berjudul 2001: Space Odyssey. HAL menampilkan seluruh fungsi yang diinginkan dari sebuah komputer generasi kelima. Dengan kecerdasan buatan (artificial intelligence atau AI), HAL dapat cukup memiliki nalar untuk melakukan percapakan dengan manusia, menggunakan masukan visual, dan belajar dari pengalamannya sendiri.
Walaupun mungkin realisasi HAL9000 masih jauh dari kenyataan, banyak fungsi-fungsi yang dimilikinya sudah terwujud. Beberapa komputer dapat menerima instruksi secara lisan dan mampu meniru nalar manusia. Kemampuan untuk menterjemahkan bahasa asing juga menjadi mungkin. Fasilitas ini tampak sederhana. Namun fasilitas tersebut menjadi jauh lebih rumit dari yang diduga ketika programmer menyadari bahwa pengertian manusia sangat bergantung pada konteks dan pengertian ketimbang sekedar menterjemahkan kata-kata secara langsung.
Banyak kemajuan di bidang desain komputer dan teknologi yang semakin memungkinkan pembuatan komputer generasi kelima. Dua kemajuan rekayasa yang terutama adalah kemampuan pemrosesan paralel, yang akan menggantikan model non Neumann. Model non Neumann akan digantikan dengan sistem yang mampu mengkoordinasikan banyak CPU untuk bekerja secara serempak. Kemajuan lain adalah teknologi superkonduktor yang memungkinkan aliran elektrik tanpa ada hambatan apapun, yang nantinya dapat mempercepat kecepatan informasi.
Jepang adalah negara yang terkenal dalam sosialisasi jargon dan proyek komputer generasi kelima. Lembaga ICOT (Institute for new Computer Technology) juga dibentuk untuk merealisasikannya. Banyak kabar yang menyatakan bahwa proyek ini telah gagal, namun beberapa informasi lain bahwa keberhasilan proyek komputer generasi kelima ini akan membawa perubahan baru paradigma komputerisasi di dunia. 

                                                      Diposkan Oleh : Leo Coolz
get this widget here

LinkWithin

Related Posts Plugin for WordPress, Blogger...
Total Posts: 49
Total Comments: 0
get this
get this widget here
\
leo candra Puisi
by: leo coolz


SAHABAT

    Sahabat
    Walau kini kita tak slalu bersama
    Aku ingin kita selalu dekat

      Sahabat
      Walau kini kita jauh
      Aku ingin kita saling menghubungi

        Sahabat
        Kau tau betapa berharganya dirimu?
        Kau lebih berharga dari sebongkah emas

    Sahabat
    Kau tau kenapa?
    Karena mencari seorang sahabat seperti kau bukanlah hal yang gampang

      Sahabat
      Kini ku ucapkan “Aku akan selalu menjadi sahabatmu”
      Kini kau ucap juga di sana

By: leo candra situmorang


Read more...
Free Music Online
Free Music Online

free music at divine-music.info
eakNewLine]> Sumber : http://rahman-ciblog.blogspot.com/2013/05/cara-membuatmemasang-burung-twitter.html#ixzz2WGSrkig3
Sumber : http://rahman-ciblog.blogspot.com/2013/05/cara-membuat-komentar-admin-berbeda.html#ixzz2WGTOrIEB
Sumber: http://leo-coolz.blogspot.com/2013/05/cara-membuat-dan-mengubah-halaman-blog.html#ixzz2WFvvNdnz
Catatan: Sumber : http://leo-coolz.blogspot.com/2013/04/cara-membuatmemasang-kotak-like-fb-dan.html#ixzz2WGXaRQWU

Sumber : http://rahman-ciblog.blogspot.com/2013/04/cara-membuat-judul-blog-bergerak-dan.html#ixzz2WGUTweln

Make your own

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
Loading TOC. Please wait....


Loading TOC. Please wait....


Sumber : http://rahman-ciblog.blogspot.com/2013/06/cara-memasang-google-translate-di-blog.html#ixzz2WGRpBtI2

apa yang membuat anda terkesan setelah melihat http://leo-coolz.blogspot.com tinggalkan komentar anda !!!!!!

Leo Coolz Gembel © 2008 Template by:
SkinCorner
k
t
.
n
a
h
k
i
t
m
I
.
w
w
w
k
t
.
n
a
h
k
i
t
m
I
.
w
w
w
z
l
o
o
c
a
r
d
n
a
c
o
e
l