WELCOME MY BLOG

Kamis, 30 Mei 2013

Membuat Website HTML dengan Dreamweaver [Tutorial]

Membuat Website HTML dengan Dreamweaver [Tutorial]

 
 
 
 
 
 
2 Votes

Para pengunjung blog saya sekalian, selamat datang di blog saya yang sederhana ini :) Pada page ini saya akan membuat tutorial tentang membuat web sesuai dengan judul, pertama – tama yang harus anda ketahui, saya membuat web dengan menggunakan software dreamweaver. Dreamweaver yang saya gunakan adalah dreamweaver bawaan dari adobe, tapi bagi anda yang menggunakan dreamweaver dari macromedia juga dapat mengikuti tutorial ini, karena tidak jauh berbeda :) , Baiklah langsung saja kita mulai:
  • Instal dreamweaver (Adobe atau macromedia)
  • Jika anda sudah menginstal dreamweaver, bukalah program tersebut dan pilih menu HTML seperti pada gambar di bawah ini.

Anda lihat menu create new di atas. klik HTML!
  • selanjutnya setelah anda klik html maka layar putih kosong akan tampil pada layar anda, layar tersebut berguna untuk web yang akan anda buat nantinya.

Gambar di atas adalah gambar form untuk anda membuat web.
  • Selanjutnya anda harus menamai web yang anda buat, bagaimana caranya??

Lihat gambar di atas, blok tulisan untitled, dan ganti jadi nama web yang anda inginkan :)
  • Selanjutnya jika anda ingin mengatur konfigurasi huruf, background image, dll yang harus anda lakukan adalah masuk ke menu page properties, menu ini ada di bagian bawah.

Gambar di atas adalah gambar tombol menuju menu page properties, dan seperti inilah tampilan page properties.











ok, di halaman sebelumnya anda sudah tau cara mengatur konfigurasi halaman web lewat page properties, selanjutnya yang anda lakukan adalah membuat tabel. Untuk apa??? tabel tersebut berguna untuk anda menaruh gambar sebagai header, advertisement, dll. Untuk membuat tabel, klik lah menu tabel.

Gambar di atas adalah gambar pilihan menu dari menu tabel
  • Selanjutnya setelah anda mengklik menu tabel, pilih, anda ingin membuat berapa kolom, dan berapa baris, serta ketebalan rangka tabel, dll.

Pada gambar di atas dapat anda lihat, anda dapat menentukan berapa baris dan kolom yang anda inginkan, dan ubah nilai border thickness menjadi noll, agar saat web di publish web anda terlihat rapih karena borderless, jiah TV kalee borderless ahahaha :D
  • Setelah itu akan muncul tabel seperti yang anda inginkan, kenapa tabel saya posisinya ada di tengah sedangkan anda ada di kiri? selain itu mengapa punya saya tabelnya lebih lebar? pada saat tabel muncul karena baru saja anda buat, anda klik align menjadi center di bagian bawah menu, setelah itu tarik DOT pada tabel, untuk membuatnya menjadi melar, tariklah ke kiri. maka akan tampil saperti gambar ini.

  • Selanjutnya jika kita ingin menyisipkan gambar pada web, pada menubar pilihlah image, lalu insert image seperti gambar di bawah ini.

  • Pada saat anda ingin menyisipkan gambar, misalnya untuk header, pertama-tama blok lah beberapa kolom, kemudian di merge dengan sortcut key ctrl+alt+m seperti gambar di bawah ini.

  • Lalu saat anda memasukan gambar maka gambar yang anda masukan tergantung pada resoulsinya, tabel tersebut akan melar, lalu anda setting tabel agar rapih kembali, inilah repotna pake tabel.

  • sisanya dapat anda mengembangkannya sendiri, baik dari backgroundnya ataupun menyisipkan flash kedalamnya, lalu saya akan menjelaskan bagaimana cara anda mempreview blog anda seandainya sudah terpublish. caranya adalah pilih menu file, lalu preview in browser, plihlah default browser anda, dan inilah hasilnya.

Pilih menu ini untuk preview

Pada gambar di atas, dapat anda lihat, gambar sudah di tampilkan, setelah itu dapat anda lhat karna settingan di awal border thicknessnya di setting nol, setelah itu dapat anda lihat juga, layarnya putih, karna backgroundnya belum di edit, jadi untuk lebih lengkapnya silahkan anda mencobanya, silahkan mencoba :)

Cara menginstal XAMPP

Cara menginstal XAMPP

 
 
 
 
 
 
3 Votes

Pada halaman kali ini saya akan memberi tahu cara menginstal XAMPP, sebelumnya, OS yang saya gunakan adalah Windows 7 Ultimate. Di bawah ini akan di jelaskan bagaimana cara menginstal XAMPP step by step, dan tulisan ini saya buat sendiri dan tidak ada unsur plagiarisme alias nyontek-nyontek, silahkan di lihat-lihat, barang kali membantu anda yang kesulitan, disini saya memakai XAMPP versi 1.7.1
Langsung saja
1. Setelah anda mendownload XAMPP dari link di page sebelumnya, sekarang adalah cara untuk menginstalnya, seperti biasa, double klik icon XAMPP untuk memulai proses instalasi, nanti anda akan diminta menentukan bahasa yang ingin anda pakai, disini saya pakai English.

Selanjutnya bagi anda yang menggunakan windows vista maupun windows 7, yang menonaktifkan fitur UAC atau user account control, pasti akan di tanya seperti berikut ini, anda cukup mengklik OK pada message box tersebut.

selanjutnya, akan mucul tulisan welcome bla bla bla… yang menandakan anda baru mulai menginstal XAMPP ini. klik NEXT.

Setelah anda menekan NEXT, maka selanjutnya anda akan ditanya, dimana anda akan menginstal XAMPP ini, klo saya sih di posisi defaultnya saja,yaitu di C:\xampp

Setelah anda menentukan dimana anda akan menginstal XAMPP tersebut, berikutnya adalah menentukan mana saja yang akan anda instal, LIHAT BAGIAN BAWAH!!! Disana terdapat apache dan My SQL serta File zilla, beri tanda centang pada Apache dan My Sql, Apache berguna sebagai server lokal, jadi anda akan membuat web seolah2 online, dan My Sql digunakan sebagai database, dimana dengan data base pengerjaan web akan lebih mudah serta dapat autosave, sehingga anda tidak perlu khawatir.

Setelah anda memilih instal, selanjutnya yang harus anda lakukan adalah menunggu.. ketika saya menginstal, pada bagian ini saya tidak menunggu lebih dari 1 menit, jadi bersabar ya

Setelah selesai, maka selanjutnya yang anda harus lakukan adalah mengklik finish  seperti gambar di bawah ini.

setelah selesai mengklik finish biasanya ada comand prompt muncul sebentar, tungguin aja, paling beberapa detik juga hilang, gambarnya seperti ini.

Setelah cape nunggu akhirnya keluar message box seperti ini. Klik OK saja.

Setelah itu akan muncul lagi satu message box, disini anda pilih saja YES.

Setelah itu, Akan muncul XAMPP di sebelah kanan bawah, Note: PASTIKAN KEADAAN APACHE DAN MY SQL DALAM KEADAAN RUNNING!!! JIKA APACHE TIDAK AKTIF MAKA BROWSER MENUNJUKAN OFFLINE MODE SAAT INGIN MENGINSTAL WORDPRESS, DAN JIKA MY SQL TIDAK AKTIF, MAKA DATABASE TIDAK AKAN BISA DI BUAT!!!

TAMBAHAN, JIKA FILE ZILLA TIDAK RUNNING BUKAN MASALAH!! Karena nantinya kita akan menggunakan File zilla dalam bentuk yang berbeda.
Sekian Tutorial dari saya semoga bermanfaat

Membuat Web dengan WordPress

Membuat Web dengan WordPress

 
 
 
 
 
 
Rate This

Pada halaman ini saya akan menjelaskan tentang bagaimana cara membuat web dengan menggunakan wordpress.
yang anda harus lakukan adalah:
1. Download xampp di sini
2. Download wordpress di sini
setelah anda mendownload wordpress dan xampp, terlebih dulu anda menginstal xampp. setelah itu anda menginstal wordpress.
Untuk cara menginstall XAMPP klik gambar ini

Selanjutnya setelah anda selesai menginstal XAMPP, anda juga sudah mendownload WordPress pada link di atas, maka selanjutnya saya akan mengajari anda bagaimana cara membuat web dengan wordpress. Sebelum anda membuat web dengan wordpress, pernahkah anda membuat blog dengan menggunakan wordpress?? Jika sudah, maka anda tidak perlu heran lagi bagaimana cara membuat web dengan wordpress. Langsung saja.
1. Anda extract wordpress yang sudah anda download ke C:/XAMPP/Htdocs
jadi di dalam folder Htdocs, terdapat folder wordpress, namun XAMPPnya anda harus ingat tadi instal dimana, kalo mau gampang sih ya pas instal XAMPP next,next,next , finish.. ntar kan defaultnya pasti di C://
2. Jika sudah, jalankan XAMPP Anda.
3. Buka broser anda, dan ketikan localhost/wp-setup
Note: Emang rada susah nih, kadang-kadang muncul tulisan offline mode atau ngga malah nyambung ke google atau mungkin ga konek2, kalo dah bgitu yang anda harus lakukan pertama liat XAMPP, klik STOP pada Apache, lalu start lagi, biasanya butuh delay karna dia busy, sabar aja, jika tiba saatnya maka anda akan masuk ke halaman utama penginstalan WordPress

4. setelah terbuka yang perlu anda lakukan adalah mengisi data-data anda, baik nama website anda apa nantinya, lalu database, dan lain-lain. Oiya untuk membuat web pertama anda membutuhkan database, anda buat database anda, cara cepatnya liat XAMPP, klik admin, nah buat database baru, misal namanya test, nanti di C:/XAMPP/My Sql/Data akan ada nama database yang anda buat dalam bentuk folder. Setelah itu nanti saat anda menginstal wordpress, Anda juga harus buat Username dan Password, pokoknya ada deh di situ, terus kalo ditanya My Sql host name, jangan bingung, isi aja Localhost, kenapa?? kan ceritanya kita buat web ini masih local, belum Online, hehehe.. kalo sudah online pasti bukan di Localhost lagi dong ?? ^_^ selanjutnya anda hanya next2, mpe finish.. jika sudah jadi coba ketikan localhost/wordpress.. pasti nanti akan muncul web anda tapi dalam bentuk yang masih default.
Note: Link ini akan di update terus.. jadi mohon sabar yah :)

Sejarah Website

Sejarah Website

 
 
 
 
 
 
Rate This

Sumber: Berbagai Sumber Topik: IT Tags: 
WWW atau World Wide Web. Sebuah kata yang sangat tindak asing di telinga kita. Terutama anda yang sering mondar -mandir di dunia maya. Jika ingin masuk ke suatu website pasti anda mengetik awalan tersebut. Misalnya anda ingin membuka akun facebook anda, di kotak alamat anda pasti mengetikkan http://www.facebook.com. tahukah anda sejak kapan penulisan www mulai dipakai di jagat web?.
Sejarah Web bermula di European Laboratory for Particle Physics (lebih dikenal dengan nama CERN), di kota Geneva dekat perbatasan Perancis dan Swiss. CERN merupakan suatu organisasi yang didirikan oleh 18 negara di Eropa. Dibulan Maret 1989, Tim Berners dan peneliti lainnya dari CERN mengusulkan suatu protokol sistem distribusi informasi di Internet yang memungkinkan para anggotanya yang tersebar di seluruh dunia saling membagi informasi dan bahkan untuk menampilkan informasi tersebut dalam bentuk grafik.
Web Browser pertama dibuat dengan berbasiskan pada teks. Untuk menyatakan suatu link, dibuat sebarisan nomor yang mirip dengan suatu menu. Pemakai mengetikkan suatu nomor untuk melakukan navigasi di dalam Web. Kebanyakan software tersebut dibuat untuk komputer-komputer yang menggunakan Sistem Operasi UNIX, dan belum banyak yang bisa dilakukan oleh pemakai komputer saat itu yang telah menggunakan Windows. Tetapi semua ini berubah setelah munculnya browser Mosaic dari NCSA (National Center for Supercomputing Applications).
Di bulan Mei 1993, Marc Andreesen dan beberapa murid dari NCSA membuat Web browser untuk sistem X-Windows yang berbasiskan grafik dan yang mudah untuk digunakan. Dalam beberapa bulan saja, Mosaic telah menarik perhatian baik dari pemakai lama maupun pemakai baru di Internet. Kemudian NCSA mengembangkan versi-versi Mosaic lainnya untuk komputer berbasis UNIX, NeXT, Windows dan Macintosh.
Di bulan Mei 1993, Marc Andreesen dan beberapa murid dari NCSA membuat Web browser untuk sistem X-Windows yang berbasiskan grafik dan yang mudah untuk digunakan. Dalam beberapa bulan saja, Mosaic telah menarik perhatian baik dari pemakai lama maupun pemakai baru di Internet. Kemudian NCSA mengembangkan versi-versi Mosaic lainnya untuk komputer berbasis UNIX, NeXT, Windows dan Macintosh.
Pada tahun 1994, Marc Andreesen meninggalkan NCSA, dan kemudian bersama Jim Clark, salah satu pendiri dari Silicon Graphics, membuat Netscape versi pertama. Kehadiran Netscape ini menggantikan kepopuleran Mosaic sebagai Web browser dan bahkan sampai saat ini Netscape merupakan browser yang banyak digunakan setelah Internet Explorer dari Microsoft.
Pada tahun yang sama CERN dan MIT mendirikan suatu konsorsium yang dinamakan World WIde Web Consortium (W3C) yang bertugas untuk membangun standar bagi teknologi Web.
Pada awal perkembangannya, sewaktu browser masih berbasiskan teks hanya terdapat sekitar 50 website. Di akhir tahun 1995 jumlah ini telah berkembang mencapai sekitar 300.000 web site. Dan diperkirakan sekarang ini jumalh pemakai Web telah mencapat sekitar 30-an juta pemakai diseluruh dunia.

Contoh software pembuat Web

Contoh software pembuat Web

 
 
 
 
 
 
8 Votes

Jika anda hendak membuat sebuah website, namun anda tidak tahu caranya. maka saatnya anda untuk mempelajari dreamweaver. merasa asing dengan software ini? mungkin bagi anda di sekolah hanya di ajarkan membuat website dengan notepad atau Ms. Front page, pada blog ini anda akan di ajarkan bagaimana cara membuat website sederhana menggunakan Dreamweaver. Jika anda sudah paham, maka saya akan mengajarkan anda membuat web dengan menggunakan wordpress dan xampp. WordPress? bukannya itu blog? XAMPP itu apa? Begini lho.. dengan membuat website menggunakan wordpress, sama seperti anda membuat web menggunakan joomla, anda dapat dengan mudah membuat website yang powerfull tanpa perlu pengetahuan yang dalam mengenai membuat web, yang di butuhkan disini hanyalah kreatifitas dan otak yang jernih

gambar di atas emang sedikit lebay. haha..
Pertama tama saya akan menjelaskan software-software yang dapat anda gunakan untuk membuat web serta gadget-gadget yang berguna untuk mempercantik tampilan web anda.
  • Dreamweaver
Dreamweaver adalah software yang dapat digunakan untuk membuat web dari mulai web sederhana sampai web yang proffesional. Dreamweaver ada 2 jenis, yang dibuat oleh adobe dan yang dibuat oleh macromedia. Bagus yang mana? sama aja koq, bedanya jika anda menggunakan yang dari adobe dia membutuhkan spesifikasi komputer yang lebih tinggi, serta dapat bekerja sama dengan adobe photoshop atau mungkin software adobe lainnya.
berikut ini adalah contoh tampilan adobe dreamweaver

Note: mohon maaf penulis tidak menyertakan gambar dreamweaver dari macromedia, karena gambar ini diambil dari komputer sendiri, untuk yang dari macromedia mungkin bisa di search sendiri di om google, karena jika loading gambarnya banyak ntar jadi lemot hehe..
  • WordPress
WordPress yang saya sebutkan di sini bukanlah wordpress untuk membuat blog tetapi untuk membuat web, anda dapat mendownloadnya di sini
  • XAMPP
XAMPP adalah software paket yang di dalamnya terdapat apache, mysql, dan file zilla. Untuk sebagian orang pasti bingung untuk apa software-software tersebut. Oleh karena itu saya akan menjelaskan masing-masing kegunaan dari software tersebut.
  • Apache
Apache adalah server lokal, dimana saat anda membuat web dengan menggunakan wordpress, anda seolah-olah membuatnya sambil online, padahal tidak. maksudnya bagaimana? nanti akan di jelaskan lebih lanjutnya.
  • Mysql
Mysql berguna sebagai database dari web tersebut. Untuk sebagian orang pasti bingung dengan apa yang di maksud dengan database, database adalah record-record yang tersimpan dalam field. merasa semakin bodoh? haha bcanda.. jadi begini.. mengapa jika anda mengedit blog, facebook,friendster,twitter,dll anda hanya tinggal mengedit dari menu-menu yang ada, tidak usah ribet-ribet, bahkan autosave? atau misalnya begini, anda membuat web menggunakan dreamweaver, lalu setelah web selesai anda mempublish web tersebut, tapi anda mempublish tanpa menggunakan database, apa yang anda harus lakukan ketika anda ingin merombak web anda? anda harus membuka dreamweaver lagi, lalu menguploadnya lagi, ribet bukan? dengan bantuan database anda tidak usah ribet-ribet seperti itu, jika anda ingin mengeditnya, anda cukup masuk ke dalam dashboard, lalu data yang anda masukan akan masuk kedalam database.
  • Filezilla
filezilla digunakan untuk mengupload web anda ke web hosting, untuk kemudian di publish.

Sejarah komputer , penemu komputer pertama hingga kini , serta perkembangannya

Sejarah komputer , penemu komputer pertama hingga kini , serta perkembangannya

 
 
 
 
 
 
18 Votes

Sejak dahulu, proses pengolahan data telah dilakukan oleh manusia. Manusia juga menemukan alat-alat mekanik dan elektronik untuk membantu manusia dalam penghitungan dan pengolahan data supaya bisa mendapatkan hasil lebih cepat. Komputer yang kita temui saat ini adalah suatu evolusi panjang dari penemuan-penemuan manusia sejak dahulu kala berupa alat mekanik maupun elektronik
Saat ini komputer dan piranti pendukungnya telah masuk dalam setiap aspek kehidupan dan pekerjaan. Komputer yang ada sekarang memiliki kemampuan yang lebih dari sekedar perhitungan matematik biasa. Diantaranya adalah sistem komputer di kassa supermarket yang mampu membaca kode barang belanja, sentral telepon yang menangani jutaan panggilan dan komunikasi, jaringan komputer dan internet yang menghubungkan berbagai tempat di dunia.
Sejarah Komputer menurut periodenya adalah:
Alat Hitung Tradisional dan Kalkulator Mekanik
Komputer Generasi Pertama
Komputer Generasi Kedua
Komputer Generasi Ketiga
Komputer Generasi Keempat
Komputer Generasi Kelima


1. Komputer Generasi Pertama (1946­ – 1959)
Dengan terjadinya Perang Dunia II, negara­negara yang terlibat dalam perang tersebut berusaha mengembangkan untuk mengeksploit potensi strategis yang dimiliki komputer.
Hal ini meningkatkan pendanaan pengembangan komputer serta mempercepat kemajuan teknik komputer.
(1) Colassus
(2) Mark I
(3) ENIAC
(4) EDVAC
(5) UNIVAC I
Ciri komputer generasi pertama adalah:
- Penggunaan tube vakum (yang membuat komputer pada masa tersebut berukuran sangat besar)
- Adanya silinder magnetik untuk penyimpanan data.
- 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.
2. Komputer Generasi Kedua (1959­ – 1964)
Stretch dan LARC
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 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.
Ciri-ciri komputer pada generasi kedua:
- Penggunaan transistor sehingga ukurannya lebih kecil
- Adanya pengembangan memori inti­magnetik membantu pengembangan komputer generasi kedua yang lebih kecil, lebih cepat, lebih dapat diandalkan, dan lebih hemat energi dibanding para pendahulunya
- Penggantian dari bahasa mesin menjadi bahasa Asembly
- Muncul bahasa pemrograman COBOL dan FORTRAN
3. Komputer Generasi Ketiga (1964­ – 1970)
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 chiptunggal yang disebut semikonduktor. Hasilnya, komputer menjadi semakin kecil karena komponen­komponen dapat dipadatkan dalam chip. Kemajuan komputer generasi ketiga lainnya adalah penggunaan system operasi (operating system) yang memungkinkan mesin untuk menjalankan berbagai program yang berbeda secara serentak dengan sebuah program utama yang memonitor dan mengkoordinasi memori komputer.
Ciri-ciri komputer pada generasi ketiga:
- Penggunaan IC(Intregrated Circuit)
- Ukuran komputer menjadi lebih kecil
- Ditemukannya Sistem Operasi
4. Komputer Generasi Keempat (1979­ – sekarang)
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 1971 membawa 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 perangkat rumah tangga seperti microwave oven, televisi, dan mobil dengan electronic fuel injection 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 pertengahantahun 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 mempopulerkan system grafis pada komputernya, sementara saingannya masih menggunakan komputer yang berbasis teks. Macintosh juga mempopulerkan 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. Komputer jaringan memungkinkan komputer tunggal untuk membentuk kerjasama elektronik untuk menyelesaikan suatu proses tugas. Dengan menggunakan perkabelan langsung (disebut juga local area network, LAN), atau kabel telepon, jaringan ini dapat berkembang menjadi sangat besar.
Ciri-ciri komputer pada generasi keempat:
• Digunakannya LSI, VLSI, ULSI
• Digunakannya mikroprosesor
Banyak kemajuan di bidang disain komputer dan teknologi semakin memungkinkan pembuatan komputer generasi kelima. Dua kemajuan rekayasa yang terutama adalah kemampuan pemrosesan paralel, yang akan menggantikan model von Neumann. Model von 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. Kita tunggu informasi mana yang lebih valid dan membuahkan hasil.Anda bisa memperkaya wawasan seputar komputer dengan membaca artikel yang lainya pengertian komputer dan perangkat keras komputer itu apa sih? so silahkan baca.

Charless babbage adalah penemu komputer pertama

Cara membuat Menubar di blog

Cara membuat Menubar di blog

Cara membuat Menubar di blog - Hmm, sobat sudah pada tau menubar itu apa kan? hah belum? okedeh tidak apa-apa reggy jelaskan lagi untuk yang belum tau. Menubar adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi menubar yaitu untuk menyimpan link-link penting di suatu blog, agar pengunjung dapat lebih mudah mengunjungi halman-halaman utama yang ada pada suatu blog itu. Pada postingan sebelumnya saya juga telah menjelaskan bagaimana cara membuat menubar pada template klasik.  Namun, bedanya kali ini membuat menubar pada custom template. Untuk melihat bagaimana screenshot menubarnya lihat di bawah ini:
cara membuat menubar di blog
Menubar ini juga bisa dibuatkan lagi submenu kebawahnya, lihat di gambar. Nah jadi misalkan sobat ingin memasang submenu dari sebuah link itu tinggal menambah sedikit kode yang akan dijelaskan dibawah. Oh iya, menubar di postingan ini tidak ada search box seperti digambar. Tetapi jika sobat ingin membuat menubar di blog dengan search box, silahkan kunjungi postingan Disini. Sudah tau kan bagaimana penampakan menubar di blog itu? nah, cara membuat menubar di blog tidak sulit kok.

1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML
4. Cari kode ]]></b:skin> (gunakan ctrl+f)
5. Pasang kode di bawah ini di atas kode ]]></b:skin>
#menubar{
width:900px;
height:32px;
background:#de360f;
margin: 0 auto;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
color:#ffa500;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}
7. Selanjutnya cari kode <div id="content-wrapper">
8. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 7. Pengecualian untuk yang tidak ada kode pada no 7, sobat bisa menaruh dielemen div id lainnya. Biasanya template blog terdapat kode seperti <div id='header.... Jadi, bila tidak ada sobat bisa menaruhnya di bawah kode yang mirip dengan <div id='header...
<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul>
</div>
9. Simpan Template dan lihat hasilnya

Untuk membuat sub menu (menu dropdown) agar mudah ganti saja kode pada no 8 dengan kode di bawah ini
<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a>
<ul>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul></li>
</ul>
</div>
Keterangan:
  • Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
  • Ganti tulisan berwarna Biru (Edit me) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
  • Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
  • Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.
  • Di setiap blog juga ada juga yang berbeda tanda kutipnya. Sobat bisa menelitinya lagi. Tanda kutip ' atau "
Bagaimana? mudah kan. Inget sob, kunci utama keberhasilan membuat menubar pada blog yaitu ketelitian dalam mengedit dan memasang kode css/htmlnya. Misalkan ada yang kurang atau kesalahan sedikit, menubar itu malah jadi gagal alias tidak terpasang. Jadi, sobat harus lebih teliti ya agar tidak keliru, good luck sobat ;)

langka - langka membuat blog gampang dan mudah

Cara membuat blog di blogger - Blog merupakan salah satu jenis portal internet yang dinamis dan konten atau isinya yang terus menerus diperbaharui berdasarkan urutan waktu. Pada dasarnya fungsi blog hanya digunakan sebagai jurnal atau catatan pribadi yang di publikasikan secara online. Namun seiring berjalannya waktu fungsi blog banyak berubah ke arah yang lebih jauh seperti situs berita, portal tutorial, dll.

Jika anda ingin memulai belajar cara membuat blog, anda bisa menggunakan platform blog gratisan di blogger. Berikut ini adalah step by step cara membuat blog di blogger/blogspot.



Cara membuat blog di blogger 

Sebelum memulai, anda diharuskan untuk membuat akun GMAIL. Silahkan lihat Cara membuat email di gmail terlebuh dahulu.

Setelah email jadi, ikuti langkah langkah dibawah ini :


  1. Silahkan kunjungi situs http://www.blogger.com
  2. Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan bawah, ubah bahasa ke Indonesia agar lebih mudah difahami.
    pilih bahasa
  3. Silahkan langsung masuk/login dengan menggunakan username/nama pengguna serta password/sandi gmail anda ( akun email anda bisa untuk login ke blogger).

    login gmail

  4. Isilah formulir yang ada :
    1. Nama tampilan : isi dengan nama yang ingin tampil pada profile blog anda.
    2. Jenis Kelamin : pilih sesuai dengan jenis kelamin anda, misal : pria.
    3. Penerimaan Persyaratan : Beri tada ceklis sebagai tanda anda setuju dengan peraturan yangtelah di tetapkan oleh pihak blogger. Saran: sebaiknya anda membaca terlebih dahulu persyaratan yang ada agar anda tahu dan mengerti apa yang boleh dan tidak diperbolehkan ketika menggunakan layanan blogger.
    4. Klik tanda panah bertuliskan “Lanjutkan”.

      lanjutkan membuat blog
  5. Klik tombol “Blog Baru”.

    buat blog baru

  6. Isilah formulir :
    1. Judul : Isi dengan judul blog yang di inginkan, misal : Coretan sang penghayal
    2. Alamat : isi dengan alamat blog yang di inginkan. Ingat! Alamat ini tidak dapat di edit kembali setelah dibuat, apabila anda ingin serius, maka pilihlah nama yang benar-benar anda inginkan.
    3. Template : pilih template (tampilan blog) yang disukai (ini dapat ganti kembali).
    4. Lanjutkan dengan klik tombol “Buat blog!”.

      buat blog

    5. Sampai disini blog anda telah berhasil di buat.
  7. Untuk menghindari spam filter, sebaiknya anda langsung posting sembarang saja. Klik tulisan “Mulai mengeposkan”.

    mulai posting

  8. Isi judul serta artikel. Akhiri dengan klik tombol “Publikasikan”.

    publikasikan

  9. Silahkan lihat blog anda dengan klik tombol “Lihat Blog
  10. Selesai.
Disini blog blogger anda sudah jadi, dan anda sudah bisa mempromosikan blog anda ke teman dan orang yang anda kenal, untuk membangun komunitas online.

Cara Memasang Lagu Di Blog

Cara Memasang Lagu Di Blog

Cara Memasang Lagu Di Blog ViperGoy


Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Memasang Lagu Di Blog. Yap, banyak dari kalian kesulitan atau kebingungan dengan Cara Memasang Musik MP3 Di Blogger, itu dikarenakan Banyak dari Website Pemutar Lagu Otomatis tersebut sudah Hilang. Mungkin dari sisi Kehabisan Hosting atau Malas Meneruskannya Lagi atau juga Terfokus pada Pendidikan. Setiap manusia pasti punya alasannya masing - masing. Oke, dari pada panjang lebar langsung deh To The Point aja.. Cekidott...

Cara Memasang Lagu Di Blog :

1. Buka Link Disebelah ini ~> " www.divine-music.info "
2. Setelah itu, pilih Nama Penyanyi/Band/Boyband-Girlband yang anda ingin didengar lagunya. Contoh saja ViperGoy memilih Taylor Swift - Love Story. ( Lihat Gambar )

Cara Memasang Lagu Di Blog ViperGoy

3. Kemudian, Pilih salah satu Judul yang anda cari.
4. Lalu, Copy semua Kode HTML Lagu tersebut yang ada didalam Kotak Merah. ( Lihat Gambar )

Cara Memasang Lagu Di Blog ViperGoy

5. Langkah Terakhir, Anda hanya Paste Kode HTML Lagu tersebut di Blog anda. Jika kebingungan untuk memasang bisa baca Artikel ini ~> Cara Edit Blog Di Blogspot
6. Save dan Selesai.

Semoga 6 Tutorial Memasang Lagu Di Blog bisa membantu anda menyelesaikan Masalah Pasang Lagu Di Blog dan kini Blog anda sudah ada lagunya. Jadi Visitor yang masuk diblog anda betah lama-lama diblog anda.

Sekian dari ViperGoy Blog untuk artikel yang berjudul Cara Memasang Lagu MP3 Di Blogger. Semoga Bermanfaat dan Terima Kasih. Salam dari saya.

Cara Pasang Animasi Bergerak Di blogger

Cara Pasang Animasi Bergerak Naruto Onepiece Di blog


Berikut adalah cara memasang animasi bergerak di sudut blog kalian !!!



pada postingan  kali ini ,aldi berusaha mencari widget-widget lucu bergerak dan menarik dari berbagai situs, setelah mondar-mandir ga karuan di mbah google ,akhirnya ketemu juga widget-widget yang lucu dan unik yang pastinya bergerak atau berformat gif ,pada kumpulan widget animasi bergerak inipun ada juga animasi seperti naruto dan onepiece, mungkin di antara kalian ada juga yang senang dengan animasi onepice serta naruto yang bergerak ini untuk di paasang ke blog kalian. tapi tentu saja di setiap situs-situs tersebut tidak semua animasi bergerak sama oleh karena itu dalam postingan kali ini aldi akan memberikan kumpulan postingan animasi bergerak seperti naruto dan onepiece dari berbagai situs yang telah aldi kunjungi .
silakan kalian kalau mau copas kode-kode script berikut di blog kalian .big hug

sebelum kalian meng copas kode kode tersebut .. sebaiknya kalian mengikuti tutorial cara memasang animasi pada blog berikut ini . untuk memasang widget widget animasi bergerak seperti naruto dan onepiece pada blog kalian ..( tepatnya animasi- animasi bergerak naruto tersebut akan ada di sudut pojok bawah pada blog kalian ).dan kalian dapat merubah lokasi penempatannya/ukuran gambarnya sesuai dengan tempat/ukuran favorit anda .!!!
anjut ke tutorial pasang animasi naruto onepiece dll di sudut blog

adapun langkah-langkah dalam memasang widget animasi bergerak "seperti naruto dan onepiece serta masih banyak lagi animasi-animasi lucu bergerak lainnya khusus untuk blog kalian"   yaitu :


  • masuk atau login ke blog kalian

  • klik Rancangan / Design kemudian klik Elemen laman / page Elements


  • Lalu klik tambah gadget / add gadget , setelah di klik akan muncul banyak pilihan ..


  • pilih HTML/JAVA SCRIPT


  • lalu copy pastekan script-script berikut  ini ( sebaiknya jangan di beri judul )


     script di bawah ini telah di setting sedimikian rupa agar animasi tersebut ada tepat di pojok kiri bawah blog jika kalian tidak mau animasi tersebut berada di pojok kiri bawah blog kalian .. silakan kalian hapus atau edit kembali script yang berwarna hijau pada contoh di bawah ini setelah gambar animasi ..
  • nahhh , sekarang coba kalian lihat hasilnya  ..prok ..prok ..prok ..jadi apa big hug  !!!!

    adapun script widget animasi yang lainnya seperti naruto - one piece dan banyak lagi yang telah aldi temukan di mbah google , lihat di bawah ini : ( animasi naruto dan one piece banyak terletak di bagian bawah artikel ).
    tinggal copy paste'in saja yaa .:
    Animasi Tengkorak gif

    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://irwan.net/wp-content/uploads/2010/11/animatedgifs.gif " title="lihat lebih banyak animasi tengkorak bergerak" alt="animasi tengkorak bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi </a></center></small></div>




    KibaAkamaru Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
    Animasi Naruto gif

    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>







    KisameWater Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
    Animasi Naruto gif


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>

    Animasi Onepiece gif



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://onepieceindo.files.wordpress.com/2009/10/luffyattack.gif?w=200&h=100" title="lihat Kumpulan Widget Animasi onepiece" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Onepiece</a></center></small></div>





    DeidaraBird Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
    Animasi Naruto gif



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>


    JiraiyaSummoned Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
    Animasi Naruto gif




    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>




    th gif Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
    Animasi Naruto gif

    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src=" http://th280.photobucket.com/albums/kk197/chanhonglok/naruto/th_gif.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    Animasi helikopter gif





    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src=" http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="lihat lebih banyak animasi helikopter". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Helikopter</a></center></small></div>


    SmileyCentral.com
    Animasi Icon Bergerak  

    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://smileys.smileycentral.com/cat/36/36_2_20.gif" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Bergerak</a></center></small></div>
    Animasi Lucu


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://isroi.files.wordpress.com/2010/01/ag00317_.gif?w=468" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Bergerak</a></center></small></div>


    Animasi Lucu


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://bima.ipb.ac.id/~anita/mouse.gif" title="lihat Kumpulan Widget Animasi ini" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Lucu</a></center></small></div>


    Animasi Bergerak Tidur


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://bima.ipb.ac.id/~anita/customer_service_desk_sleeping_lg_nwm.gif" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>


    Animasi Icon Lucu


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://bima.ipb.ac.id/~anita/images/love4.gif" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>


    Animasi Bergerak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://bima.ipb.ac.id/~anita/images/liam_shadowboxer_scaled.gif" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>


    Animasi Bergerak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://bima.ipb.ac.id/~anita/liam_ball_1.gif" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>


    Animasi Bergerak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://bima.ipb.ac.id/~anita/images/liam_breakdance.gif" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>


    Animasi Bergerak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://bima.ipb.ac.id/~anita/images/ostrich_liam.gif" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>



    Animasi Bergerak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://isroi.files.wordpress.com/2010/01/j0234677.gif?w=468" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>



    Animasi Bergerak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://isroi.files.wordpress.com/2010/01/ag00282_.gif?w=468" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>



    Animasi Bergerak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://isroi.files.wordpress.com/2010/01/mouse_falls.gif?w=468" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>



    Animasi Bergerak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://isroi.files.wordpress.com/2010/01/dnadobulehelix.gif?w=468" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>




    Kumpulan Gambar Bergerak Animasi GIF
    Animasi Bergerak




    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIWHnzlcV2ht30de0m3j0zJoyqYc1IykT5IHjIPNRf62J6hpRhIRFoK7hR6xIatguOf4HwvkNCLuNM3AIoIoi6CChT97e55N9RE_sp-n0xvEmyCgjNIoKunUaSwG7B089dGAUpyiBW5FCy/s400/jesus_and_lambs_animation.gif" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    Animasi Bergerak

    <div style="position: fixed; bottom: 0px; left: 10px;width:82px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" alt="animasi naruto bergerak atau gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>




    Animasi Bergerak

    <div style="position: fixed; bottom: 0px; left: 10px;width:80px;height:120px;"><a href=" www.zengbogel.blogspot.com" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" alt="animasi  cartoon bergerak atau gif"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>


    Animasi Bergerak
    <div style="position: fixed; bottom: 0px; left: 10px;width:120px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank">  <imgborder="0"src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Animasi.bergerak" alt="animasi  cartoon dan naruto bergerak atau gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Widget Animasi</a></center></small></div>




    Animasi Bergerak


    <div style="position: fixed; bottom: 0px; left: 10px;width:82px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" alt="animasi  cartoon dan naruto bergerak atau gif"/></a><small><center><a href="hhttp://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Bergerak</a></center></small></div>





    Animasi Bergerak


    <div style="position: fixed; bottom: 0px; left: 10px;width:120px;height:100px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="animasi bayi bergerak" alt="animasi  cartoon serta naruto dan onepiece bergerak atau gif"/></a><small><center><a  href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Bergerak</a></center></small></div>




    Animasi Bergerak


    <div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Animasi bergerak" alt="animasi  cartoon dan naruto serta onepiece yang bergerak atau gif"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Bergerak</a></center></small></div>


    Animasi Bergerak

    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href=" www.zengbogel.blogspot.com l" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Animasi bergerak" alt="animasi  cartoon dan naruto serta onepiece yang bergerak atau gif"/></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Bergerak</a></center></small></div>



    Animasi Bergerak
    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href=" www.zengbogel.blogspot.com " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Animasi bergerak" alt="Kumpulan animasi  naruto  gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Bergerak</a></center></small></div>




    Animasi Bergerak

    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank"><img border="0" src="http://themagicofscience.files.wordpress.com/2010/03/srwhites13.gif" title="Kumpulan animasi gif"alt="Kumpulan animasi  naruto dan onepiece bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Bergerak</a></center></small></div>