Sabtu, 17 Agustus 2013

Cara Membuat Animasi Login Cap Jempol Di Home Blog

Cara Membuat Animasi Login Cap Jempol Di Home Blog

GANTENG BLOG|Berjumpa lagi dengan saya.Bagaimana kabarnya?sekarang saya akan membahas Cara Membuat Animasi Login Cap Jempol Di Home Blog
  • Buka Template > Edit HTML > Expan Template Widget
  • Cari kode </body>
  • Lalu Paste kan kode di bawah tepat di atas kode </body>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin -->
<div id='animasi-loginSM' style='position:fixed;z-index:9001;background:transparent;height:100%;width:100%;left:0;top:0;'>
<script type='text/javascript'>
// ----- Gambar Ukuran 28 x 28 Pixel -----
var  Gambar_Login_Anda ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1UcJRj4SQGXI14Kp3MveRWhEH_1ctwz_VaYBmwbeTqAIQqBOCg02bzTJ-dRCHAXzmlNnet_KQQ2ylTQBSm26j3g9paMjCE57OhAyMNNUxhIKUAhUUJH9JH5FjzDLkBJTtY4-FrP4TWRM/s28/Shutdown.png',
       Nama_Login_Anda = 'rizkywildan';
</script>
<script src='https://tutorialbelajarblogger.googlecode.com/files/animasi-login3.js' type='text/javascript'></script>
</div>
<div id='animasi-munyer1' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;top:0;'></div>
<div id='animasi-munyer2' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;bottom:0;'></div>
<div id='animasi-munyer3' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;left:0;top:0;'></div>
<div id='animasi-munyer4' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;right:0;bottom:0;'></div>
<!-- Animasi Login End -->
<b:else/>
</b:if>
Note!

  • Gambar Login ukuran 28 x 28 pixel
  • Tulisan Yang Berwarna Merah Bisa diganti dengan Nama Anda Sendiri
  • Js yang Berwarna Kuning Lebih baik diganti dengan Js anda Sendiri apabila diganti juga tidak apa2
Terima Kasih Sudah Berkunjung Semoga Tidak Lupa Untuk Berkomentar.

Kamis, 15 Agustus 2013

Download lagu riyadlul jannah|RIZKYWILDAN|

Download lagu riyadlul jannah|RIZKYWILDAN|
QasidahMunsidUkuran FileDurasi
Ya Nabi Salam Alayka - Maher ZenUstad Habibi2.8 Mega3 Menit 4 detik
Ya Hanana (revisi)Ustad Habibi3.62 Mega3 Menit 58 detik
Annabi Shollu AlayhiUstad Habibi3.66 Mega4 Menit
Azka TaslimiUstad Habibi + Ustad Bahaudin4.89 Mega5 Menit 21 detik
Kaanan NabiUstad Habibi7.91 Mega8 Menit 38 detik
Qul Ya Adzim - Indonesia FullUstad Habibi6.64 Mega7 Menit 15 detik
Ya Allah Bihusnil KhatimahUstad Habibi5.28 Mega5 Menit 46 detik
Ya BadrotimUstad Habibi5.27 Mega5 Menit 45 detik
Ya Hannan Ya MannanUstad Habibi3.52 Mega3 Menit 51 detik
Ya Waridal UnsiUstad Zainal7.59 Mega8 Menit 17 detik
Ya Arhamarrahimin (Versi Langlang 9 Juni 2012)Gus Ofiq8.75 Mega6 Menit 1 detik
Ilahi Nas Aluk (Versi Langlang 9 Juni 2012)Gus Ofiq8.75 Mega8 Menit 45 detik
Assalamualayka (Versi Langlang 9 Juni 2012) Ustad Habibi2.51 Mega5 Menit 28 detik
Ya Laqolbin (Versi Langlang 9 Juni 2012)Gus Ofiq1.66 Mega6 Menit 30 detik
Shalawatullahi Taghsya (Versi Langlang 9 Juni 2012)Tim Hadrah Riyadlul Jannah4.43 Mega9 Menit 41 detik
Allahu Allah + Sidnan Nabi + Ya Taiba + Anta nuskhotul akwaan Ustad Habibi (Versi Langlang 9 Juni 2012)7.28 Mega15 Menit 53 detik
Huwannur (Versi Langlang 9 Juni 2012)Gus Ofiq3.12 Mega6 Menit 49 detik
Dzakakubabun (Versi Langlang 9 Juni 2012)Ustad Bahaudin4.84 Mega10 Menit 34 detik
Isyfa'lanaUstad Habibi1.3 Mega5 menit 32 detik
Ya Laqolbin Ustad Habibi2 Mega7 Menit 45 detik
Qul Ya Adzim (Bahasa Indonesia) Ustad Habibi2.1 Mega2 Menit 16 detik
Sidnan Nabi (Bahasa Indonesia) Ustad Habibi2.5 Mega2 Menit 39 detik
Thola'al badru Ustad Habibi3.6 Mega3 Menit 49 detik
Ya Allah Biha Ustad Habibi4.1 Mega4 Menit 22 detik
Assalamualayka Ustad Habibi4.3 Mega4 Menit 39 detik
Ya Arhamar Rahimin Gus Ofiq5.4 Mega7 Menit 41 detik
Ya Ala Baitin Nabi Ustad Bahaudin5.7 Mega6 Menit 9 detik
Sholatun Ustad Rozikin6.1 Mega6 menit 25 detik
Huwannur Ustad Bahaudin6.1 Mega6 Menit 30 detik
Shalawatullahi taghsya Ustad Bahaudin & Ustad Habibi6.2 Mega6 Menit 31 detik
Anta Nuskhotun Ustad Bahaudin6.2 Mega6 Menit 34 detik
Ya Habib Ustad Habibi6.3 Mega6 Menit 40 detik
Huwannur-ustad_habibi Ustad Habibi6.8 Mega7 Menit 13 detik
Maula-Ya-Sholli(indonesia) Gus Ofiq7.2 Mega7 Menit 45 detik
Ya Arhamarrahimin Gus Ofiq7.3 Mega7 Menit 48 detik
Allahumma Shalli Ala Muhammad Ustad Bahaudin7.5 Mega7 Menit 59 detik
Ilahi nas aluk Gus Ofiq7.8 Mega8 Menit 20 detik
Rabbi Faj'alna Minal Akhyar + Sidnan Nabi Ustad Habibi8.3 Mega8 Menit 47 detik
Dzakakubabun Ustad Bahaudin8.3 Mega8 Menit 53 detik
Ya Hanana Ustad Habibi8.3 Mega8 Menit 56 detik
Asyraqal Ustad Habibi9.2 Mega9 menit 48 detik
Burdah Tim Qasidah Riyadlul Jannah47.9 Mega51 Menit 10 detik

Cheat Plants vs zombie uang tidak terbatas|RIZKYWILDAN|

Cheat Plants vs zombie uang tidak terbatas|RIZKYWILDAN|
Halo!!!! jumpa lagi dengan GANTENG BLOG.Kali ini saya akan membahas Cheat Plants vs zombie uang tidak terbatas|RIZKYWILDAN|.Oke kita mulai
1.Pertama buka plants vs zombie
2.Buka adventure
3.Setelah  itu lihat uangmu
3.uangmu 50
4.buka cheat engine
5.klik di pojok kanan atas
6.cari PlantsvsZombie.exe
7.masukkan uang mu di kotak hex,klik firts scan
8.buka plantsvszombie dan belilah plants yang harga nya di bawah 50
9.setelah beli lihat uangmu
10.tulis uangmu yang baru di kotak hex(yang 50 di hapus),klik next scan
11.setelah next scan ada 1address klik 2x
12.setelah di klik 2x address akan tercopy di kotak bawah yg besar
13.klik 2x pada uangmu
13.ganti value nya menjadi 999999
14.centang kotak active
15.buka plantsvszombie mu
Trima kasih semoga bermanfaat



Cara Membuat menu Slide Info di Blog|RIZKYWILDAN|

Cara Membuat menu Slide Info di Blog

  GANTENG-SEDUNIA- Pada kesempatan ini GANTENG BLOG akan berbagi tips Blog dengan judul Cara Membuat menu slide info di blog. , nah pada pada tutorial ini kita tanpa harus klik dan hanya menyorot atau mendekatakan kursor kita.!Berikut Ini Langkah - Langkah Membuat nya :


  1.  Login Ke Akun Blog Sobat
  2. Pilih Rancangan --> Kemudian Pilh EDIT HTML Dan Jangan Lupa Untuk Mencentang Kolom Expand Template Widget.
  3. Copas KOde Berikut Tepat Di Bawh Kode <body>


<style type='text/css'>#info-oktri {z-index: 1000;background:-moz-linear-gradient(top, #1F2326, #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-moz-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-webkit-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;width:400px;position: fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-oktri{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-oktri:hover{width:400px;opacity:1.0;margin-left:0;}.Oktriinbox {border:1px solid #444;width:290px; margin:0px 90px 10px 10px;background:#000;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Oktriinbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000;}.Oktriinbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:410px;}.oktri15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.Oktri2 ul.bom {margin: 0; padding: 0;}.Oktriinbox2 li {margin-left:20px;}.Oktriinbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.Oktriinbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Oktriinbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #FF0000;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.Oktritouch {font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Oktritouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: red;}</style>


<div id='info-oktri'><span class='Oktritouch'>Info</span>
<div class='Oktriinbox'><div class='Oktriinbox2 oktri15'>
<h2>SELAMAT DATANG</h2>
<p style='text-align:justify'>Selamat datang di GANTENG Blog, saya harap anda senang berada diblog sederhana ini. Blog ini saya tulis dengan komputer yang sederhana dan koneksi internet yang juga sederhana. Saya berharap Anda sering datang kembali. Silahkan anda mencari hal-hal yang baru di blog saya ini
</p>
<h2>Sekilas Tentang WILDAN </h2>
<img height='120x' src='http://i1192.photobucket.com/albums/aa340/djok3/PhotoFunia-3f81ac.gif' width='90px'/>
<p style='text-align:justify'>Photo di Diatas bukan saya dan juga bukan saya , pokoknya bukan siapa-siapa saya. Nama saya wildani  saya seorang yang ingin belajar blogger. Saya mulai belajar blogger sejak bulan maret 2013, dan blog ini saya buat pada bulan maret 2013.></p>
</div>
</div></div>

4.Ubah Kata Atau Judu Yg Berwarna Merah Dengan Judul atau Kata-kata Sobat Sendiri
Dan Yg Terakhir Simpan Templatenya...


Rabu, 14 Agustus 2013

Cara Membuat Menu Blog Keren |RIZKYWILDAN|

Cara Membuat Menu Blog Keren |RIZKYWILDAN|


Mungkin Anda Berfikir Menu Blog Keren Seperti apa Berikut ini langkah-langkahnya :
1. Masuk ke akun Blogger Anda.
2. Klik Tata Letak.
3. Klik Tambah Gadget.
4. Pilih HTML/JavaScript.
     Lalu copy kan script dibwah ini pada HTML/javascript
<script language="JavaScript1.2" src="http://rizkywildan.googlecode.com/files/slide%20menu%20keren.js"></script>
<script>
resizereinit=true;
menu[3] = {
id:'menu3',
bartext:'MENU BLOG',
menupos:'left',
kviewtype:'fixed',
barbgcolor:"#00ff00",
barcolor:"#000000",
barfontweight:"bold",
bordercolor:'#000000',
hdingbgcolor:"#ffffff",
fontsize:'80%',
linkheight:20 ,
hdingwidth:210 ,
menuItems:[
["Home", "ganteng-sedunia.blogspot.com", "_self"],
["My Facebook", "http://www.facebook.com/wildan.outsid",""],
["Berita", "http://www.okezone.com/", ""],
["Kaskus", "http://www.kaskus.us", ""],
["My Profile", "http://www.blogger.com/", ""],
["Panduan Blog", "ganteng-sedunia.blogspot.com", ""],
["Tips And Trics Blog", "ganteng-sedunia.blogspot.com", ""],
["Belajar Blog", "ganteng-sedunia.blogspot.com", ""],
["Tips Blog", "ganteng-sedunia.blogspot.com", ""],
["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry
]};
make_menus();
</script>
Keterangan :
  • Ganti Direct Link "http://rizkywildan.googlecode.com/files/slide%20menu%20keren.jsdengan Direct Link File JS anda sendiri, sebab script tersebut bisa over load jika terlalu banyak yg menggunakan, anda bisa download script JS nya.
  • Ganti link dan judul link yang saya tulis dengan warna merah dan Biru dengan link Anda sendiri.
  • Ganti Tulisan left yang saya tulis dengan warna Coklat dengan rightjika anda ingin Side Menu ini muncul disebelah kanan body blog.
9. Selanjutnya jangan lupa untuk mengklik tombol Simpan.
10. Selesai...

Semoga Bermanfaat dan Jangan Lupa Untuk Berkomentar.

Cara Membuat Tulisan Berjalan Melayang di Bagian Bawah (Footer) Halaman Blog|RIZKYWILDAN|

Cara Membuat Tulisan Berjalan Melayang di Bagian Bawah (Footer) Halaman Blog|RIZKYWILDAN|

 

1. Login ke Akun blogger anda, melalui www.blogger.com
2. Masuk ke Dashboard, Pilih Template, lalu Klik Edit HTML
3. Contreng "Expand Templae Widget"
4. Cari kode ]]></b:skin>
5. Copy kode dibawah ini tepat diatas kode ]]></b:skin>


/* footer dinamis */
#footer2 {
align: center;
position: fixed;
border-top: 1px solid #98cefc;
border-bottom: 1px solid #98cefc;
background-color: #FFFFFF;
width: 100%;
height:16px;
text-align: left;
color: #000000;
font-family: Verdana;
font-weight: bold;
font-size: 13px;
z-index:10000;
bottom:0;
}

6. Cari kode </body>
7. Copy kode dibawah ini tepat diatas kode </body>

<!-- footer dinamis -->
<div id='footer2'>
<marquee onmouseout='this.start()' onmouseover='this.stop()' scrollamount='5'>Selamat datang di BLOG GANTENG, Terima kasih telah berkunjung di blog kami.. Semoga anda senang!!</marquee>
</div>

Keterangan : Ganti tulisan yang berwarna merah dengan kata - kata anda sendiri.

8. Save Changes.

Nah, mudah kan cara membuatnya?

Semoga bermanfaat :D



Download Game Red Alert 2 Full Version|RIZKYWILDAN|


Download Game Red Alert 2 Full Version|RIZKYWILDAN|




bagi yang mungkin sedang mencari game Red alert 2 silakan didownload keburu linknya pada mati

Command and conquer Red Alert 2 adalah game strategy dimana pada permainan ini tekhnologinya sudah tinggi. game ini di bangun oleh westwood studio dan game ini sukses berat.



Recommended Requirements :
OS : Windows XP, Windows Vista
CPU : Intel Pentium D / AMD Athlon 64 X2, Pentium IV.
RAM : 64 MB.
HDD : 8.0 GB.
Monitor : 800 x 600 Pixels.
Graphics Card : 256 MB VRAM.
Input : Mouse and keyboard.



Download Full:

Download [IDWS]


Download [HotFile]


Download Rip:

Download [IDWS

Mengenal perangkat komputer|RIZKYWILDAN|

Mengenal perangkat komputer|RIZKYWILDAN|

Setelah sebelumnya dipaparkan tentang Sejarah Komputer dan Perkembangannya, kali ini kita akan membahas tentang pengenalan perangkat komputer serta fungsinya. Secara garis besar perangkat komputer terdiri dari 3 bagian utama, yaitu Perangkat Lunak (software) dan Perangkat Keras (Hardware) dan User/Pengguna (Brainware). Dalam pembahasan kali ini kita hanya akan membahas 2 bagian komponen utama yaitu hardware dan software. Sedangkan untuk brainware tentunya tanpa harus dijelaskan pun anda sudah memahami. Karna anda sendiri adalah barinware.

A. Perangkat Lunak (software)

Perangkat lunak atau yang lebih dikenal software adalah suatu perangkat system berbentuk digital yang secara fisik tidak berwujud sentuh, hanya bisa dilihat dalam bentuk tampilan screen dan dirasakan manfaatnya. Bentuknya sendiri meliputi program komputer, dokumentasinya, dan berbagai informasi yang bisa dibaca dan ditulis oleh komputer. Melalui sofware atau perangkat lunak inilah suatu komputer dapat menjalankan suatu perintah.
Software juga masih di gologngkan dalam 2 bagian yaitu:


1. Sistem operasi (Operating System / OS)

Sistem Operasi merupakan program dasar pada sebuah komputer yang menghubungkan pengguna dengan hardware komputer. Sedangkan menurut American National Standart Institute (ANSI) Operating Sistem adalah: Software yang mengontrol pelaksanaan program-program komputer, yaitu dengan mengatur waktu proses, pengecekan kesalahan, mengontrol input dan output, melakukan perhitungan, kompilasi, penyimpanan, pengolahan data serta pelbagai bentuk layanan yang terkait.
Adapun jenis Sistem operasi yang dipakai dalam komputer adalah :
a. Sistem Operasi Berbasis Unix
 
 Unix atau UNIX adalah sebuah sistem operasi komputer yang diawali dari project Multics (Multiplexed Information and Computing Service) pada tahun 1965 yang dilakukan American Telephone and Telegraph AT&T, General Electric (GE), dan Institut Teknologi Massachusetts (MIT), dengan biaya dari Departemen Pertahanan Amerika (Departement of Defence Advenced Research Project, DARPA atau ARPA), UNIX didesain sebagai Sistem operasi yang portable, multi-tasking dan multi-user.
Unix merupakan sistem operasi tertua di dunia. Sistem operasi ini bahkan telah menjadi dasar pengembangan sistem operasi lain, misalnya System V, BSD, Mac OS, dan Linux.
b. Sistem Operasi Berbasis Windows
QDOS (Quick and Dirty Operating Sistem) merupakan asal usul dari windows. QDOS ditulis oleh Tim Paterson dari Seattle Computer pada tahun 1980. QDOS dibuat dari OS terkenal pada masa itu, CP/M . QDOS dirancang untuk prosesor intel 8086, Sehingga saat dipasarkan oleh Seatle komputer diberinama 86-DOS. Kemudian Bill Gates dari Microsoft membeli lisensi. QDOS untuk dikembangkan dan menjualnya lagi ke berbagai perusahaan komputer. Pada tahun 1981 microsoft memberi nama MS-DOS, sedangkan yang jual ke perusahaan komputer IBM diberinama PC-DOS oleh IBM. MS DOS inilah yang terus berkembang hingga menjadi Windows Vista.
c. Sistem Operasi Berbasis Linux
Linux adalah nama yang diberikan sistem komputer bertipe unix Linux merupakan salah satu contoh hasil pengembangan perangkat lunak bebas terbuka dan sumber utama terbuka. Istilah Linux atau GNU/Linux (GNU) juga digunakan sebagai rujukan kepada keseluruhan distro Linux (Linux distribution), yang di dalamnya disertakan program-program lain pendukung sistem operasi. Contoh program tersebut adalah server web, bahasa pemrograman, basisdata, tampilan desktop (Desktop Environment) (seperti GNOME dan KDE), dan aplikasi perkantoran (office suite) seperti OpenOffice.org, KOffice, Abiword, Gnumeric.

Sistem Operasi Berbasis Macintosh
Macintosh Operating Sistem (MAC OS) merupakan sistem operasi komputer yang dibuat oleh Apple . Apple yang sebelumnya bernama Apple Computer, Inc.) adalah sebuah perusahaan SiliconValley berbasis di Cupertino, California, yang bergerak dalam bidang teknologi komputer. Apple membantu bermulanya revolusi komputer pribadi pada tahun 1970-an dengan produknya Apple II dan memajukannya sejak tahun 1980-an hingga sekarang dengan Macintosh. Macintosh Operating Sistem merupakan OS yang pertama mengunakan sistem GUI (Graphical User Interface). Para pemakai komputer begitu takjub melihat Macintosh yang sangat ramah dalam melayani pemakai komputer. Pemakai tidak perlu banyak menulis perintah, cukup menunjuk gambar- gambar yang ada, maka dengan cepat Macintosh akan mengerjakan tugas sesuai gambar yang ditunjuk.


2. Sistem Aplikasi

Software jenis Sistem aplikasi ini berbeda dengan sistem operating, kalo operating sistem adalah penjembatan antara user (pengguna) dengan perangkat keras komputer (hardware). Sedangkan sistem aplikasi ini lebih pada sarana untuk melakukan suatu tugas yang diinginkan pengguna yang mengintegrasikan berbagai kemampuan komputer, tapi tidak secara langsung menerapkan kemampuan tersebut untuk mengerjakan suatu tugas yang menguntungkan pengguna. Contoh perangkat lunak aplikasi adalah Program pengolah kata dan lembar kerja, pengolahan data, pembuatan grafik, pemutar multimedia & game, dan programmer.


2. Perangkat Keras (Hardware)

Jika perangkat lunak adalah suatu perangkat system berbentuk digital yang secara fisik tidak berwujud, maka berbeda dengan perangkat keras komputer yang sifatnya berwujud sentuh, bisa dilihat dan dirasakan secara nyata.

Berikut adalah beberapa contoh perangkat keras komputer dan kegunaanya:

a. Mainboard atau Motherboard

Motherboard merupakan komponen hardware yang paling utama dalam rankaian komputer,  karena Matherboard merupakan induk dimana semua perangkat keras komputer terhubung. Dalam motherboard sendiri terdiri dari sistem BIOS (Basic input output system) yang merupakan energi dasar dalam komputer, pengatur koneksi input-output (chipset), soket prosessor, soket memory (RAM),  soket kartu grafis (VGA card) dan soket kartu tambahan (additional cards seperti PCI, ISA). 
Ada beberapa hal yang harus anda perhatikan ketika anda akan membeli motherboard, yaitu jenis soket prosessor, Frekuensi BUS, Jumlah soket SATA dan PCI, Jumlah soket RAM dan yang paling penting adalah reputasi dan kehandalan dari sebuah merk.
b. Processor (CPU)
Prosessor atau Central Processing Unit (CPU) bisa kita gambarkan sebagai otak dari sebuah komputer. Dalam prosessor inilah dimana semua data di olah dan dikerjakan sesuai instruksi dari user kemudian akan disimpan dalam harddisk.  Dalam prosessor dikenal istilah frekuensi clock, yaitu kecepatan sebuah prosessor untuk mengerjakan perintah program dalam satu detik. Satuan frekuensi Clock dinyatakan dalam Herts (Hz).
Contoh sebuah prosessor intel pentium 4 dengan frekuensi clock 2 Ghz mampu mengerjakan 2 milyar perintah dalam satu detik. Dalam menyebut sebuah prosessor biasanya sudah termasuk frekuensi clocknya, contoh : intel pentium4 2.0 GHz.
Merk prosessor yang terkenal adalah INTEL dan AMD. INTEL adalah pabrik prosessor besar yang berasal dari California USA. INTEL semakin populer setelah memproduksi prosessor INTEL PENTIUM. Selain INTEL kini ada AMD yang konon lebih bagus dalam mode grafis jadi cocok untuk para Gamer & Designer.
c. Harddisk (HDD)
Harddisk adalah media penyimpanan data permanen, jadi data tidak hilang meskipun listrik sudah dimatikan. Harddisk berisi sebuah cakram magnetik yang mampu menyimpan data. Ukuran harddisk dinyatakan dalam Byte (B), contoh: 160GB (160 milyar byte). Harddisk ditemukan  pertama kali oleh Reynold Johnson di tahun 1956. Harddisk pertama berukuran 4.4 MB.
Sekarang dikenal dua macam harddisk yaitu ATA dan SATA (Serial ATA). Harddisk ATA mempunyai koneksi 40 pin dan Harddisk SATA hanya mempunyai koneksi 6 pin. Harddisk SATA lebih cepat dari Harddisk ATA, namun jika motherboardnya tidak mendukung koneksi SATA maka kita tidak bisa menggunakan harddisk SATA. Sekarang ukuran Harddisk sudah sangat besar, seperti 500GB, 750GB, dan 1000GB (1 TB – Terra Byte).
Merk Harddisk yang terkenal adalah Seagate, West Digital, Maxtor, Samsung, dll. Harga hardisk tergantung dari kapasitas penyimpanan data sebuah harddisk, makin besar semakin mahal.
d. RAM (Random Access Memory)

RAM adalah unit penyimpan data tidak permanen artinya data dalam RAM akan hilang jika listrik mati. Ukuran data RAM dinyatakan dengan Byte (B) dan kecepatan akses RAM dinyatakan dengan Hertz (Hz). Jadi dalam RAM tidak cuma data saja, namun ada parameter lain yaitu kecepatan RAM. Kecepatan RAM harus sesuai dengan spesifikasi soket RAM pada motherboard. Contoh: RAM 512MB PC667 mempunyai ukuran data 512MB dengan kecepatan akses 667 MHz.
Keberadaan RAM dapat diibaratkan dengan meja kerja dan Harddisk diibaratkan dengan lemari arsip. Jika kita akan bekerja, pada awalnya kita ambil berkas dari lemari arsip lalu dipindah ke meja kerja supaya memudahkan dan mempercepat proses pengerjaan. Setelah selesai maka berkas tersebut kita simpan kembali di lemari arsip.
Perkembangan ram di gambarkan dalam jenis ram itu sendiri. Jenis-jenir ram adalah:
  • Static RAM (SRAM)
  • Non Nolatile RAM (NV-RAM)
  • Dynamic RAM (DRAM)
  • Syncronous DRAM (SDRAM)
  • DDR RAM (Dual data rate RAM)
  • DDR II RAM (DDR generasi kedua)
  • DDR III RAM (DDR generasi ketiga)
 e. Optical drive (CD / DVD)
Optical Drive adalah alat pembaca untuk media penyimpan data berupa Cakram Optik DVD / CD. Ada dua jenis DVD atau CD :
DVD atau CD ROM (Read Only Memory) yaitu hanya bisa membaca isi dari disk DVD / CD. Sedangkan DVD atau CD RAM (Random Access Memory) yaitu bisa membaca dan menulis atau lebih umum bisa memcopy (backup). DVD atau CD RAM lebih dikenal dengan istilah DVD-RW atau CD-RW (Read Write)
f. Floppy Disk Drive
Floppy Disk atau yg lebih kita kenal dengan nama Diskcard (orang Indonesia bilang disket) adalah sebuah media untuk penyimpanan data. Hampir sama dengan hardisk, bedanya adalah kapasitas disket yang sangat terbatas dan disket memiliki kelebihan bisa di bawa kemanapun alias portable. Hardisk merupakan cikal bakal terciptanya Flashdisk yang sekarang ini sudah banyak dipakai.
Komponen disket adalah sebuah cakram dari plastik magnetik yang akan merekam data ke dalam pita tersebut. Ukuran kapasitas disket sudah distandarkan yaitu.
Untuk membaca isi disket maka diperlukan Flopy Disk Drive sebagai mediatornya. Dalam struktur drive pada microsoft windows, disket selalu menempati drive terhormat yaitu drive A.
g. VGA Card (Kartu Grafis)
VGA adalah singkatan dari Video Graphics Array. VGA Card berfungsi mengeluarkan output grafis (gambar) untuk ditampilkan pada monitor. Ukuran VGA Card ditentukan dari ukuran RAM nya, semakin besar RAM sebuah VGA Card maka semakin halus gambar yang dihasilkan.
Perkembangan VGA Card dari waktu ke waktu :
- VGA Card PCI (Peripheral Component Interconect)
- VGA Card AGP (Accelerator Graphics Processor)
- VGA Card PCI-E (PCI Express)
h. Sound Card
Sound Card adalah bagian yang mendekode data data digital menjadi sinyal suara. Dengan penemuan soundcard maka perkembangan dunia multimedia pada komputer menjadi makin meluas.
Sound Card yang baik mampu menghasilkan suara dengan sampling yang rapat dan halus sehingga suara yang dihasilkan mendekati suara asli / Hi Fi (High Fidelity)
i. Keyboard
Keyboard adalah sebuah papan ketik yang berisi semua model huruf, angka, karakter dan tanda baca yang menjadi sarana bagi pengguna komputer dalam memasukkan data ke komputer.
Tombol tombol pada keyboard mengikuti model tombol pada mesin ketik manual. Tombol keyboard yang paling terkenal adalah tombol ENTER, tombol ini adalah tombol untuk memasukkan data setelah diketik.
j. Mouse (Pointing Device)
Sesuai namanya Mouse (tikus)  adalah sebuah alat pointer untuk mengakses data. Bentuknya yang kecil dan cara kerjanya yang lincah (bisa meloncati baris dan page) menggambarkan nama dari perangkat keras tersebut. 
Dengan mouse maka penggunaan komputer menjadi lebih interaktif dan Menggambar melalui komputer menjadi semakin mudah.
k. Monitor
Monitor adalah media tampilan gambar haril output dari VGA Cards. Dahulu monitor komputer dimulai dengan monitor tabung hitam-putih, monitor warna CGA, VGA, dan SVGA. Namun kini monitor yang sedang populer adalah monitor LCD. Keunggulan monitor LCDadlaah: bentuknya yang tipis, hemat listrik dan tingkat radiasi yang rendah.
l. Printer
Printer adalah alat untuk mencetak hasil kerja dari komputer kedalam media kertas. Jenisnya terbagi dalam 3 sistem yaitu sistem dot matrik dimana pencetakan dikerjakan dengan media pita dan jarum, tinta dan laserjet yang menggunakan serbuk kering dan dipanaskan pada fuser.
Dahulu printer hanya bisa digunakan untuk mencetak dokumen teks dan hanya bisa 1 warna (monocrhrom), tapi kini printer sudah bisa untuk mencetak foto/gambar full color.

Cara Membuat Kotak Komentar Blog Menjadi Menarik

Cara Membuat Kotak Komentar Blog Menjadi Menarik

Ini Priview nya



  • Login ke akun blogger dan masuk ke Edit HTML
  • Untuk berjaga-jaga, ada  baiknya jika kita backup dulu template kita, siapa tau ada kesalahan yang tak terduga
  • Centang "Expand Widget HTML" ( bila perlu ) Kemudian copy semua kode berikut ini tanpa terkecuali agar berhasil di atas code ]]></b:skin> 

/* CSS Komentar */
#form-wrapper {margin-top:20px;}
#comments{overflow:hidden;}
.comments {clear: both;padding: 20px 30px 30px;margin: 10px 0px;background: none repeat scroll 0% 0% rgb(34, 34, 34);    border: 1px solid rgb(51, 51, 51);box-shadow: 0px 0px 3px black inset;color: white;}
#comments h4{display:block;padding:5px;line-height:30px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4{background:rgba(255, 0, 0, 0.2); text-align:center;}
#comments h4,.comments .user a{font-size:14px}
#comments h4{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:20px;width: 0px;height: 0px;border-style: solid;
border-width: 10px 7.5px 0 7.5px;border-color: rgba(255, 0, 0, 0.2) transparent transparent transparent;line-height:0}
h4#comment-post-message {display:none}
#comments .avatar-image-container img {border: 0px none; padding: 0px;box-shadow: none;border-radius: 30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.comments .comments-content .datetime { float: right; font-size: 10px; margin-right:4px}
.comments .comments-content .comment:first-child {padding-top: 0px;}
.comments .thread-toggle { display: none;}
.comments .comment .comment-actions a {padding: 2px 10px;background: rgb(51, 51, 51);border: 1px solid rgb(70, 70, 70);position: absolute;box-shadow: 0px 1px 2px black;color:rgb(230, 230, 230);-webkit-transition: all .05s linear;-moz-transition: all .05s linear;-o-transition: all .05s linear;transition: all .05s linear;}
.comments .comment .comment-actions a:hover {background: none repeat scroll 0% 0% rgb(40, 40, 40);border: 1px solid rgb(51, 51, 51);text-decoration: none;box-shadow: 0px 0px 1px black;}
.comment-thread{color:rgb(230, 230, 230); font-size:13px;}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a, .comments .user a, .comments .comment-thread.inline-thread .user a {color: rgb(230, 230, 230);font-weight: bold;font-size: 13px;text-shadow: 1px 1px rgb(0, 0, 0);}
.comments .avatar-image-container, .comments .avatar-image-container img {width: 45px;max-width: 100%;height: 45px;    max-height: 100%;margin: 0px 0px 3px;vertical-align: middle;border: 1px solid rgb(51, 51, 51);padding: 4px;box-shadow: 0px 1px 2px black;background-color: transparent;background-clip: content-box;transition: all 0.5s ease-out 0s;border-radius: 30px 0px 0px 30px;-webkit-border-radius:30px 0px 0px 30px;-moz-border-radius:30px 0px 0px 30px;overflow:hidden;}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:58px}
.comments .comment-block{ border: 1px solid rgb(51, 51, 51);padding: 6px;background: none repeat scroll 0% 0% rgb(40, 40, 40);box-shadow: 0px 1px 2px black;position: relative;    transition: all 1s ease-out 0s;}
.comments .comments-content .comment-header {margin: 2px 0px 0px; padding: 5px 10px 7px; border: 1px solid rgb(65, 65, 65);background-color: rgb(51, 51, 51); word-wrap: break-word; }
.comments .comments-content .comment-content {margin: 2px 0px 10px; padding: 5px 10px 7px; border: 1px solid rgb(65, 65, 65);background-color: rgb(51, 51, 51); word-wrap: break-word; }
.comments .comments-content .comment{margin:20px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .comment-thread {margin: 20px 0px;}
.comments .comments-content .icon.blog-author{display:block;  width:0;  height:0;  border:13px solid transparent;  border-right-color:rgba(255, 0, 0, 0.1);  position:absolute;  right:-1px;  bottom:4px;animation:author-icon .9s infinite;-moz-animation:author-icon .9s infinite; -webkit-animation:author-icon .9s infinite; }
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left: 1px solid rgb(20, 20, 20);background: none repeat scroll 0% 0% transparent;box-shadow: -1px 0px 0px rgb(51, 51, 51);}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a, .comments .comments-content .loadmore a {background: none repeat scroll 0% 0% rgb(40, 40, 40);
font-size: 16px;font-weight: normal;color: rgb(255, 255, 255);padding: 10px 0px;text-align: center;box-shadow: 0px 1px 2px black;
text-transform: capitalize;text-shadow: 1px 1px rgb(0, 0, 0);-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;border: 1px solid rgb(59, 59, 59);}
.comments .continue a:hover, .comments .comments-content .loadmore a:hover{box-shadow: 0px 0px 1px black;}
.comments .continue a:active, .comments .comments-content .loadmore a:active{box-shadow: none;background:rgb(70, 70, 70);}
.comments .comments-content .loadmore {margin-top:0px;}
.comment .continue{display:none}
#comment-editor{width:103%!important;}
.comment-form{width:100%;max-width:100%;margin-top:20px;}

Kemudian simpan dan lihat hasilnya….!Semoga sesuai keinginan ya…! Kalau gak berhasil, wah keterlaluan, Cuma copas script doank gak bisa… :D hehehe

Selamat mencoba dan semoga bermanfaat..

Cara Membuat Persentase pada Scrollbar Blog

Cara Membuat Persentase pada Scrollbar Blog

Tutorial Belajar Blogger
Sebelumnya sempat bingung asal muasal siapa yang pertama membuat tutorial tentang persentase scroll pada blog, sebab pada saat saya ( RIZKYWILDAN ) search di mbah google ternyata banyak yang menuju ke bloggertut, semoga pembuat pertama tutorial ini dapat berkomentar supaya saya bisa tidak penasaran karena banyak blog yang share tentang tips ini. 
Untuk membuatnya silahkan ikuti langkah-langkahnya :

Langkah 1 : Seperti biasa masuk ke Template dan Edit HTML. Simpan kode ini di atas ]]></b:skin>
#scroll {
  display: none;
  position: fixed;
  top: 0;
  right: 20px;
  z-index: 500;
  padding: 3px 8px;
  background-color: #2187e7;
  color: #fff;
  border-radius: 3px;
}
#scroll:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -8px;
  height: 0;
  width: 0;
  margin-top: -4px;
  border: 4px solid transparent;
  border-left-color: #2187e7;
}
Biasakan untuk membackup template sebelum melakukan editing pada template blog.

Langkah 2 : Simpan kode ini di bawah </head>
<div id='scroll'></div>

Langkah 3 : Simpan JavaScript ini di atas </body>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script>
 
Simpan Template.

Keterangan :
untuk mengganti warna background, cari background-color: #2187e7,lalu ganti warnanya, untuk mengatur jarak Scroolba Persentase dengan Scrollbar cari kode right: 20px; lalu ganti, untuk menggantinya kode 20px ganti menjadi 10px, 20px, dan selanjutnya, dan yang terakhir untuk mengubah warna teks cari kode color: #fff; dan ganti kode warna biru muda tersebut dengan kode warna yang kalian inginkan.

Demikian Tutorial  persentase di samping scrollbar Semoga Bermanfaat

Cara Mengganti Warna Teks Saat di Block / Di Drag Pada Blog

Cara Mengganti Warna Teks Saat di Block / Di Drag Pada Blog

Untuk Membedakan nya Bisa di lihat contoh Tampilan di bawah ini :

Tampilan Warna Teks Saat DI block
 
1.Login blog sobat
2.Klick Template > Edit HTML > Lanjutkan > centang '' Expand Template Widget ''
3.Cari kode ]]></b:skin>  ( Tekan Ctrl + F ) 
4.Letakkan kode berikut di atas kode ]]></b:skin>

::selection {background:transparent; color:#F50C56}
:<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif' alt='' class='bhsmly'/>z-selection {background:transparent; color:#F50C56}
:<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif' alt='' class='bhsmly'/>bkit-selection {background:transparent; color:#F50C56}  <br>

NOTE :Warna teks yaitu color:#F50C56, dapat di ganti sesuai selera.

5.Simpan Template Semoga Bermanfaat
BY:RIZKYWILDAN

Cara Membuat Menu Slide Melayang Di Bagian Kiri Blog

Cara Membuat Menu Slide Melayang Di Bagian Kiri Blog


- Pada Kali Ini Blog Sharing Ilmu Pengetahuan Akan Membuat Artikel Tentang Blog Lagi. Pada Tutorial ini akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Membuat Menu Slide melayang di bagian kiri blog dengan css , 
Menu Slide Yg Saya Maksud Ini Adalah Menu yg ada pada contoh gambar di samping facebook, twitter, salingsapa,dan plurk Nah Menu itu Terletak Dibagian Kiri Blog saya., Menu ini Hanya Menggunakan Css, Jadi Sobat Semua Jangan TautanKhawatir Blog Sobat Akan Lelet dalam Loadingnya, Karna Menu Ini Hanya Menggunakan Css yg Ramah Lingkungan.. wkwkwkw.. Kaya Motor Berbahan Gas aja.. Rmah Lingkungan eheehheh

Oke Langsung saja Bagaimana Langkah -Langkah Membuatnya :
  1. Login Ke Akun Blogger Sobat
  2. Pada Dasbor Pilih Rancangan/Design Kemudian Pilih Tambah Gadget/Add Gadget Dan Pilih Yg HTML/JAVASCRIPT
  3. Copas Kode Berikut Didalamnya
<style>#facebook-oktri,#twitter-oktri,#salingsapa-oktri,#plurk-oktri{text-align:center;-o-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;z-index: 1000;font-family:arial;width:150px;position: fixed;left:0;margin-left:-120px;border:1px solid #ffffff;background-position:top right no-repeat;padding:5px;font:15px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#facebook-oktri {background:-moz-linear-gradient(top,#001C5A,#001551);background: -webkit-gradient(linear, left top, left bottom, from(#001C5A), to(#001551));top:350px;}#facebook-oktri:hover,#twitter-oktri:hover,#salingsapa-oktri:hover,#plurk-oktri:hover{width:150px;opacity:1.0;margin-left:0;cursor:hand}#facebook-oktri a:hover,#facebook-oktri a:visited,#twitter-oktri a:hover,#twitter-oktri a:visited,#salingsapa-oktri a:hover,#salingsapa-oktri a:visited,#plurk-oktri a:visited,#plurk-oktri a:hover{text-shadow:none;color:#ffffff}#twitter-oktri {background:-moz-linear-gradient(top,#67C9E9,#029BC5);background: -webkit-gradient(linear, left top, left bottom, from(#67C9E9), to(#029BC5));top:382px;}#salingsapa-oktri{background: #51A104 -moz-linear-gradient(top,#51A104,#000);background: -webkit-gradient(linear, left top, left bottom, from(#51A104), to(#000));top:414px;}#plurk-oktri,#changeoktrihtc ul li{background: -moz-linear-gradient(top, #AF0000, #6B0000);background: -webkit-gradient(linear, left top, left bottom, from(#AF0000), to(#6B0000));}#plurk-oktri {top:446px;}</style>
<div id='plurk-wildan'><a href='http://www.plurk.com/'target='_blank'>Plurk</a></div>
<div id='salingsapa-wildan'><a href='http://www.salingsapa.com/'target='_blank'>Salingsapa</a></div>
<div id='facebook-wildan'><a href='http://id-id.facebook.com/wildan.outsid'target='_blank'>Facebook</a></div>
<div id='twitter-wildan'><a href='http://twitter.com/habibie.rizky'target='_blank'>twitter</a></div>
  1. Simpan Dan Lihat Hasilnya

    Perhatian : Jika Menu Slide Tidak Meuncul Sobat Bisa menaruh KOdenya Dibawah Kode <body>

    CATATAN : Ubah KOde Yg Berwarna merah Dengan Url/Link Sobat inginkan
    Dan Ubah Yg Berwarna Hjau Dengan Judul Yg sobat inginkan Bila Sobat Mengerti Css Sobat Bisa mengotak-atik cssnya sesuai selera sobat

Minggu, 11 Agustus 2013

Cara Membuat Efek Salju Natal DiBlog

Oke untuk menghabiskan waktu luang gue yang ngak begitu singkat langsung aja dech untuk hari ini gue mau posting lagi mengenai TipsBlog, udah lama banget gue ngak posting mengenai tipsblog oke langsung aja dech postingnya mengenai Cara Membuat Efek Salju Natal DiBlog, 

Oke sedikit penjelasan mengapa gue milih ini untuk dipostingkan pada hari ini karna, mungkin alasannya karna ini kan udah dekat banget dengan natal jadi untuk mendapatkan visitor yang lebih menurut gue lebih baik tamba beberapa animasi aja dech diblog agar blog tampak lebih menarik dan oke kelihatannya :

Oke langsung aja dech pada tips ini dia, Cara Membuat Efek Salju Natal DiBlog :



  • Pertama tam kamu mesti login ke akun blog kamu,langsung aja kesini blogger.com
  • Kalo udah langsung aj dech kamu buka Tataletak
  • Kalo udah langsung saja TambahGadget > kalo udah langsung pilih HTML/Java Script
  • Kalo udah juga langsung aja pastekan kode ini kedalam HTML/Java Script tersebut 
  • ini dis kodenya :

<script src="http://tgffghg.googlecode.com/files/snowstorm.CobaSanaSini.js" type="text/javascript"></script>

  • Kalo udah  pastekan kode tersebut langsung aja simpan HTML/Java Script, tersebut dan langsung aja lihat blog kamu, selamat mencoba
Oke sekian dulu dari saya jangan lupa untuk terus berkunjung keblog saya dan jangan lupa juga untuk meninggalkan komentar anda disini sekian terima kasih atas kunjungannya salam blogger  Oke sekian dulu salam Blogger

Cara Membuat Efek Bubble 'Gelembung' Pada Cursor


Cara Membuat Efek Bubble 'Gelembung' Pada Cursor

OK. Kalau sobat berminta dan ingin memasangnya di blog masing-masing silahkan ikuti langkah-langkah berikut.

   1. Seperti biasa LogIn ke Blogger sobat
   2. Pada halaman Dasbor klik Rancangan
   3. Pada Halaman Elemen Laman klik Tambah Gadget / add a gadget,


   4. Pilih yang HTML/Javascript

   4. Copy dan Paste Kode Bubble Kursor Efeck di bawah ini di ktak HTML/Javascript

<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // 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://ade-tea.blogspot.com *
* 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>





PERINGATAN!!
Kode yang berwarna merah adalah warna Bubble silahkan sobat ganti dengan warna kesukaan sobat, untuk bantuan kode warna silahkan klik disini.
Kode yang berwarna kuning adalah jumlah Bubble yang akan kita pasang. Sobat boleh menggantinya mau seberapa banyak Bubble yang akan di tampilkan


     5.  Setelah semua langkah langkah selesai. Klik tombol SIMPAN, dan lihat hasilnya.

Selamat mencoba mudah-mudahan berhasil dan dapat bermanfaat, Amiin.

Muhammad Hisyam Fadhillah Orang Terganteng Di Dunia

Hisyam ini merupakan orang yang terganteng di dunia ini. Dan Hisyam ini mempunyai pacar banyak sekali mungkin 100 pacar dan 1000 mantan ...