Download UltraISO Premium Edition 9.5.2.2836 full

Udah ga asing dong dengan ultra iso,ya salah satu  Software yang sangat banyak kegunaannya ini khususnya di bidang file disc dan segala sesuatu yang berhubungan dengan disc drive ini saya share versi terbaru beserta serial keynya.
 DiscdriveBagi yang belum tahu, Fitur-Fitur UltraISO Premium Edition 9.5.2.2836 + Serial Key ini berfungsi untuk mengolah file disc image (.iso, .mdf, .nrg, .isz dan sebagainya), mulai dari membuka, mengekstrak, membuat disc image, hingga melakukan burning file disc image ke CD/DVD dan masih banyak lagi.
ok bagi yang belum punya atau yang masih pakai versi lama silakan coba :



Link Download (4shared.com) :
Klik : Download(4MB) Read more

Tekhnik Photography Unik dan Menakjubkan

5 TEKNIK PHOTOGRAPHY UNIK , 
HASILKAN GAMBAR MENAKJUBKAN

Menjadi seorang fotografer bukan berarti kerjamu hanya tekan tombol shutter saja. Diperlukan skill dan penguasaan teknik-teknik khusus fotografi untuk menunjang karirmu dalam bidang ini, sehingga kamu bisa bersaing dengan fotografer yang jumlahnya tak terhingga di dunia ini. Selain itu, dengan memahami teknik-teknik fotografi, kamu dapat membuat hasil fotomu lebih variatif.
Foto pemandangan? Foto manusia? Itu biasa. 5 teknik fotografi dibawah ini sanggup menghasilkan foto-foto berkelas yang menakjubkan, bahkan dengan objek paling biasa sekalipun.
High-Speed Photography
Pernah melihat foto balon meledak, percikan air atau kaca pecah? Nah, foto-foto ini dihasilkan dengan teknik high-speed photography. Objek yang bergerak akan menimbulkan efek blur ketika dipotret, dan beberapa fotografer menginginkan mereka “beku” sejenak untuk mendapatkan gambar yang fantastis. Teknik ini membuat hal-hal yang terjadi dengan cepat dan secara normal tidak akan tertangkap mata menjadi mungkin untuk diabadikan.  Amazing, right?

Tilt-Shift Photography
Tilt-shift photography adalah teknik fotografi unik dan kreatif yang mampu memanipulasi objek atau lokasi dengan ukuran sebenarnya menjadi terlihat seperti model miniatur. Untuk membuat efek ini, potret gambar dari sudut yang tinggi, sehingga akan tercipta ilusi seperti sedang melihat sebuah model miniatur. Kamera yang dilengkapi dengan lensa tilt-shift adalah yang kamu butuhkan untuk memulai teknik ini agar menghasilkan depth of field yang sempit.

High Dynamic Range Photography (HDR)
Teknik fotografi menakjubkan ini akan mampu mengaburkan pengertian kita akan perbedaan antara ilusi dan kenyataan. Foto HDR adalah teknik yang mampu membuat rentang dinamis dari eksposur yang jauh lebih besar dibandingkan dengan teknik digital imaging biasa, sehingga dapat memunculkan tingkat intensitas level yang jauh berbeda antara cahaya dengan bayangan. Biasanya teknik ini dilakukan dengan memodifikasi foto dengan software pengolahan gambar. Hasilnya? Luar biasa, tentu saja.

Smoke Art Photography
Asap merupakan hal biasa dalam kehidupan kita. Tapi tahukah kalian kalau asap bisa dijadikan objek untuk mengasilkan karya seni? Smoke art photography membuat hal yang biasa-saja ini menjadi luar biasa. Asap ini bisa digunakan sebagai objek atau sebagai media untuk membuat sesuatu yang lain. Beberapa fotografer menggunakan teknik fotografi ini untuk mengabadikan kecantikan dan kealamian dari asap ini, sementara fotografer lainnya menggunakannya untuk “melukis”, menghasilkan suatu karya seni yang amat menakjubkan.

Motion Blur Photography
Berbeda dengan high-speed fotografi yang sengaja “membekukan” objek foto, teknik fotografi motion blur menangkap keindahan dari sesuatu yang bergerak justru dari efek blurnya. Motion blur biasanya digunakan untuk memunculkan kesan gerakan yang cepat. Kamu bisa mendapatkan efek ini dengan menggunakan kecepatan shutter yang lambat (slow shutter speeds).

Jadi, fotografi tidak terbatas pada gambar seperti apa yang terlihat oleh mata telanjang. Justru dengan fotografi dan teknik-teknik ajaibnya, kamu bisa membuat sesuatu yang menakjubkan, dengan efek-efek tertentu yang tidak akan kamu lihat sehari-hari.

Abadikan suatu momen biasa secara luar biasa, dan buat dirimu menjadi luar biasa pula diantara fotografer-fotografer lainnya. So, let’s try them now, photographer!

Read more

Cara Menghilangkan tanda tang dan obeng

Cara menghilangkan tanda tang dan obeng di blog

Tombol tang dan obeng yang muncul di halaman blog saat kita sedang dalam keadaan login berfungsi untuk melakukan edit pada bagian tertentu secara cepat. Fungsi ini memang penting bagi kita yang sering melakukan editing dan ingin melakukannya dengan cepat. Karena dengan hanya mengklik ikon tombol tang dan obeng tersebut kita akan langsung diarahkan menuju ke bagian elemen laman yang dituju untuk diedit atau dimodifikasi.

Meskipun demikian, ada juga blogger di antara kita yang tidak suka dan merasa kurang nyaman dengan tampilan tang dan obeng ini. Jika kita termasuk dalam salah satu blogger yang tidak begitu suka dengan tampilan tang dan obeng saat kita berada dalam keadaan login, kita dapat menghilangkannya dari tampilan blog milik kita. Caranya cukup mudah karena kita hanya perlu menambahkan kode yang fungsinya untuk menghilangkan tampilan tang dan obeng tersebut.

Adapun cara untuk menghilangkan tang dan obeng di blog ini antara lain sebagai berikut:

1. Masuk/Login ke akun blogger.
2. Klik rancangan.
3. Klik edit HTML.
4. Klik expand template widget.

Cari kode berikut.

]]>

Masukan kode berikut tepat di atasnya ]]>

.quickedit{
display:none;
} 

Klik Simpan dan lihat hasilnya. Read more

Contoh Scrip CSS paling Dasar

Contoh Penulisan CSS

Selamat datang di Tutorial Programmer.

Kali ini saya akan membuat contoh dari penulisan CSS, ini adalah langkah awal anda untuk mengetahui lebih lanjut tentang CSS dan sebelum ini juga saya telah menjelaskan apa itu CSS.

Tampilan diatas adalah contoh dari penulisan CSS dan anda dapat mendesainya merubahnya sesuai yang anda inginkan.

Read more

Pembelajaran Awal Programming PHP

Pendahuluan Belajar PHP

Apa sih PHP itu ? Mungkin itu pertanyaan yang ada di benak kita saat mendengar kata PHP. PHP merupakan script yang menyatu dengan HTML dan berada pada server (server side HTML embedded scripting). Dengan PHP ini Anda dapat membuat beragam aplikasi berbasis web, mulai dari halaman web yang sederhana sampai aplikasi komplek yang membutuhkan koneksi ke database.
Sampai saat ini telah banyak database yang telah didukung oleh PHP dan kemungkinan akan terus bertambah. Database tersebut adalah :

• dBase
• DBM
• FilePro
• mSQL
• MySQL
• ODBC
• Oracle
• Postgres
• Sybase
• Velocis

Selain itu PHP juga mendukung koneksi dengan protokol IMAP, SNMP, NNTP dan POP3.
PENGERTIAN PHP

• PHP adalah singkatan dar i"PHP: Hypertext Preprocessor", yang merupakan sebuah bahasa cripting yang terpasang pada HTML. Sebagian besar sintak mirip dengan bahasaC, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat.
• Program php harus diterjemahkan oleh web-server sehingga menghasilkan kode html yang dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun disisipkan diantara kode-kode html sehingga dapa tlangsung ditampilkanbersamadengankode-kode html tersebut
• File html yang telah dibubuhi program php harus digant iekstensi-nya menjadi .php3 atau.php.
• PHP pertamakali di buat oleh Rasmus Lerdroft, seorang programmer  C.
• Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya.
• Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Dalamhal ini,  aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi  prosesnya secara keseluruhan dijalankan web server.
• Kekuatan yang paling utama PHP adalah ada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah: Oracle, MySQL, Sybase, PostgreSQL, dan lainnya
• PHP dapat berjalan diberbaga system operasi seperti windows 98/NT, UNIX/LINUX, solaris maupun macintosh.
• Keunggulan lainnya dari PHP adalah bahwa PHP juga mendukung komunikasi dengan layanan seperti protocol IMAP, SNMP, NNTP, POP3 dan bahkan HTTP

Yang dibutuhkan untuk menjalankan PHP.

Untuk dapat menjalankan PHP Anda membutuhkan sebuah web server. Anda yang pake Linux dapat menggunakan Apache (www.apache.org) sebagai web servernya. Anda pemakai Windows 98 paling enak menggunakan Personal Web Server (sama2 produk Microsot, keuntungannya bisa sekalian buat belajar ASP). Web server Xitami (www.imatix.com) dapat digunakan apabila Anda menggunakan Windows NT.
Sedangkan PHP-nya sendiri dapat Anda download dari www.php.net. Perhatikan bahwa PHP yang Anda download sesuai dengan sistem operasi komputer Anda (Linux atau Windows).

Install PHP pada Windows 98

1. Setelah Anda mendapatkan PHP dalam bentuk file zip, segera ekstrak dengan menggunakan WinZip atau pun WinRar.
2. Ganti nama file php.ini-dist menjadi php.ini.
3. Copy semua file tersebut (totalnya ada 10 file) ke directory Windows Anda (biasanya C:\Windows).

Langkah selanjutnya adalah mengganti setting pada registry Windows.

1. Dari menu Start, pilih Run.
2. Ketikkan regedit, klik OK.
3. Buka cabang HKEY_CLASSES_ROOT.
4. Buat key baru dengan cara klik kanan pada HKEY_CLASSES_ROOT, pilih New - Key.
5. Beri nama key tersebut dengan .php3.
6. Pada panel sebelah kanan klik 2x pada [Default] dan isi dengan php3file.
7. Buat key baru lagi pada HKEY_CLASSES_ROOT.
8. Beri nama key baru tersebut dengan php3file.
9. Pada php3file, buat key baru dengan nama Shell.
10. Pada php3file\Shell, buat key baru dengan nama Open.
11. Pada php3file\Shell\Open, buat key baru dengan nama Command.
12. Pada panel sebelah kanan klik2x pada [Default] dan isi dengan C:\Windows\php.exe.
13. Buka key HKEY_LOCAL_MACHINE\System\CurrentControlSet\
14. Services\W3SVC\Parameters\Script Map.
15. Pada panel sebelah kanan buat string value baru dengan cara klik kanan (pada panel sebelah kanan), pilih New - String Value.
16. Beri nama dengan .php3.
17. Klik 2x pada .php3 tersebut.
18. Isi dengan C:\Windows\Php.exe.

Untuk mengecek apakah PHP Anda sudah terinstall dengan baik, tulis kode berikut ini dan simpan dengan nama test.php3.


phpinfo()
?>

Jika PHP sudah terinstall dengan baik maka saat file tersebut dibaca dari browser akan terlihat informasi mengenai PHP.

Menginstall PHP Triad

Selama ini Anda mungkin hanya mengenal Personal Web Server (PWS) sebagai web server untuk menjalankan PHP pada sistem operasi Windows 9x. Padahal selain PWS Anda juga bisa menggunakan Apache sebagai web servernya. Untuk menginstall Apache for Windows Anda dapat menggunakan PHP Triad yang merupakan "kumpulan" dari berbagai software yaitu:

• PHP - 4.0.5
• MySQL - 3.23.32 (database server)
• Apache - 1.3.14 (web server)
• PHPMyAdmin - 2.1.0 (untuk administrasi database)
• Perl - nsPerl 5.005_03

Jadi dengan menginstall PHP Triad Anda dapat menggunakannya untuk belajar PHP, Perl dan database MySQL. Untuk menginstall PHP Triad caranya adalah sebagai berikut:

1. Download PHP Triad di http://www.phpgeek.com   
   
2. Untuk memulai proses install, klik 2x pada file yang baru Anda download tersebut dan tunggu sampai proses install selesai.
   
    
3. Untuk menjalankan Apache, klik Start - Programs - PHP Triad - Start Apache.
4. Untuk menjalankan MySQL, klik Start - Programs - PHP Triad - Start MySQL.  
5. Untuk mengecek Apache, klik shortcut Launch Site. Jika pada browser muncul tulisan "Welcome to PHPTriad for Windows ... " maka proses install yang Anda lakukan berhasil. 
6. Untuk mengecek MySQL, klik Start MySQL dan PHPMyAdmin. Jika Anda melihat tulisan "Welcome to phpMyAdmin..." berarti proses install berhasil.
7. Sampai di sini proses intall telah selesai. Jika sewaktu-waktu Anda ingin mencoba script PHP dan database MySQL Anda harus menjalankan Apache dan MySQL terlebih dahulu. 

tambahan :
Letakkan script PHP Anda di C:\apache\htdocs.

Sintaks dasar PHP

Ada empat macam cara penulisan kode PHP, yaitu :

4. <% echo ("kalau yang ini mirip dengan ASP"); %>

Anda bisa memilih salah satu dari empat cara tersebut. Tapi yang paling sering digunakan adalah cara pertama dan kedua. Perhatikan bahwa tiap akhir baris harus selalu diberi tanda titik koma (;).
Seperti pada bahasa pemrograman lain Anda pun bisa meletakkan baris komentar pada program Anda. Pada PHP caranya adalah dengan meletakkan komentar tersebut di sebelah kanan tanda // jika komentar satu baris dan di antara /* dan */ jika komentarnya lebih dari satu baris.


/* kalau yang ini adalah komentar
   lebih dari satu baris */
echo ("memang mudah");
?>

SCRIPT & SCRIPTING
Common Gateway Interface (CGI) merupakan salah satu protokol gateway yang pertama diciptakan, dan tersukses untuk menghubungkan web server dan aplikasi. CGI adalah aplikasi eksternal standard yang menghubungkannya dengan informasi server, seperti HTTP atau web server.

CARA KERJA CGI
Perhatikan gambar di bawah ini :

1. Aplikasi CGI yang berupa file skrip, diletakkan di lokasi direktori yang dapat diakses oleh web server.
2. Jika ada permintaan terhadap aplikasi dari klien, web server akan membaca skrip dan menjalankan program.
3. Web server memberi program ini masukan (termasuk masukan yang diberikan klien) dari masukan standar (stdin) serta beberapa environment variable.
4. Web server menunggu program berjalan hingga selesai lalu menangkap keluaran standar program (stdout), keluaran inilah yang diberikan kepada klien.

KELEBIHAN CGI
Kelebihan yang dimiliki CGI antara lain :

1. Skrip CGI dapat ditulis dalam bahasa apa saja, namun barangkali sekitar 90% program CGI yang ada di tulis dalam Perl
2. Protokol CGI yang sederhana
3. Kefasihan Perl dalam mengolah teks, menjadikan menulis sebuah program CGI cukup mudah dan cepat.
4. Meski tertua hingga saat ini menurut survey dari Netcraft sekitar 70% aplikasi di web masih menggunakan CGI. Ini berarti, lebih dari separuh situs Web dinamik yang ada dibangun dengan CGI.

KELEMAHAN CGI

1. Salah satu kelemahannya ialah kecepatan yang rendah. Untuk menghasilkan keluaran program CGI, overhead yang harus ditempuh cukup besar,  Dalam kasus CGI Perl, prosesnya sebagai berikut :
2. Web server terlebih dahulu akan menciptakan sebuah proses baru dan menjalankan interpreter Perl. Perl kemudian mengkompilasi script CGI tersebut, baru kemudian menjalankan skrip. Keseluruhan siklus ini terjadi untuk setiap request. Dengan kata lain, terlalu banyak waktu yang dibuang untuk menciptakan proses dan tidak ada cache skrip yang telah dikompilasi. Namun demikian, mungkin ini tidak lagi menjadi kendala di saat teknologi hardware untuk server sudah sedemikian maju; kecepata prosesor saat ini sudah cukup tinggi. Jika situs web menerima kurang dari sepuluh hingga dua puluh ribu hit CGI per hari, rata-rata mesin web server UNIX yang ada sekarang ini mampu menanganinya dengan baik.

PERBEDAAN ANTARA SKRIP DAN BAHASA PEMROGRAMAN

1. Pada dasarnya, skrip lebih sederhana daripada bahasa pemrograman. Namun pada perkembangannya, bahasa scripting pun sekarang sudah cukup kompleks.
2. Untuk menterjemahkan skrip (me-run) tidak perlu suatu kompiler khusu yang komplit, sedangkan bahasa pemrograman membutuhkan suatu kompiler khusus untuk me-run program tersebut. Kompiler sebuah skrip biasa hanyalah sebuah modul (semacam plug-in) pada sisi pemroses skrip; dalam hal ini aplikasi server web seperti apache.
3. Dalam kasus halaman web, skrip diakses melalui browser di internet, sedangkan bahasa pemrograman diakses dengan membuka file/program aplikasinya.
4. Dilihat dari prosesor mana yang mengeksekusi skrip, penulisan skrip pada dasarnya dibagi menjadi dua, yakni client-side scripting dan server side scripting.

Client-Side Scripting

Client-side scripting melibatkan blok skrip tambahan untuk ditambahkan di file HTML. Dalam hal ini server web tidak akan memperlakukan skrip lain dari tag-tag lain yang sudah ada di halaman HTML, sebaliknya browser-lah yang akan menerjemahkan mereka pada komputer user. Karena itu, scripting jenis ini disebut client-side, yang bekerja di komputer user, bukan di server.

Kelebihan client-side scripting:

1. Tidak diperlukan server khusus untuk menjalankan skrip.
2. Tidak membebani kerja server web, terutama di server web dengan traffic tinggi.

Kekurangan client-side scripting:

1. Harus didukung oleh browser pihak klien (walaupun secara umum hampir bisa dibilang semua browser mendukung bahasa-bahasa skrip seperti JavaScript atau VBScript,
2. Kode skrip menjadi terlihat oleh user (visible) dan dapat ditiru. Namun demikian, di era open source seperti sekarang ini kebanyakan skrip memang hasil cut & paste,

Contoh bahasa client-side script:

1. JavaScript, JavaScript secara umum didukung oleh dua browser populer, yakni Microsoft Internet Explorer dan Netscape Navigator, hanya saja mereka mendukung dengan caranya masing-masing, tetapi kebanyakan script JavaScript dapat berjalan di kedua browser ini. Demikian pula pada browser lain seperti Opera atau FireFox. Pada tahun 1997 terbentuk The European Computer Manufacturers Association sebagai penyedia standar untuk JavaScript. Netscape baru-baru ini mengumumkan keluarnya JavaScript versi 1.3.
2. VBScript, Kebanyakan VBScript hanya didukung oleh Microsoft Internet Explorer. Tersedia plug-in untuk memungkinkan klien menggunakan VBScript di Netscape Navigator, tapi plug-in ini tidak gratis.

Server-Side Scripting
Server-side scripting mengunakan skrip yang dijalankan di server web, hasilnya saja yang dikirim ke browser pada sisi klien.
Kelebihan server-side scripting:

1. Karena skrip berjalan di server, Anda tahu pasti apa yang dapat Anda lakukan dengan script tersebut dan software apa yang tersedia,
2. Jika skrip Anda menghasilkan output dalam bentuk HTML yang baku, hampir semua browser akan dapat melihatnya.

Kekurangan server-side scripting:

1. menambah beban kerja Server,
2. Anda harus punya akses/permission khusus untuk menggunakan server-side scripting

Beberapa contoh server-side script antara lain:

1. CGI, CGI ini boleh dibilang teknologi klasik (tertua di Web), untuk melakukan fungsi-fungsi server-side. Kebanyakan program CGI menggunakan Perl, bahasa scripting yang cocok untuk scripting di Web. Walaupun sebenarnya anda dapat menulis program CGI hampir dengan semua bahasa, termasuk C++, Python, dan Java. Tapi, tanpa perencanaan yang hati-hati, CGI dapat membuka lubang keamanan (security hole) di server Anda, dan biasanya program CGI susah di-debug, dan susah dipelajari dan dipraktekkan terutama bagi web designer yang bekerja di platform non-*NIX.
2. Server-Side Java, JavaScript, dan VBScript, Microsoft IIS server dapat menerjemahkan Java, JavaScript, dan VBScript di server (juga untuk PerlScript). Sever Netscape juga mendukung Java dan Javascript untuk dijalankan di Server.
3. ASP, Andalan Microsoft untuk teknologi Scripting Web, terutama didukung oleh Microsoft IIS Server. ASP ini sebenarnya VBScript yang berjalan di sisi server.
4. PHP, Bahasa scripting yang baru-barui ini menjadi populer. PHP kadang dikelompokkan dengan sistem operasi Linux dan Web Server Apache, karena sifatnya yang open source dan gratis.
5. Cold-Fusion, Dikeluarkan oleh Allaire, Cold-Fusion mulai meningkat kepopulerannya terutama dengan kemampuan pengembangan di lingkungan develop­ment Visual (ColdFusion Studio) yang ditawarkan.
6. Miva Dulu dikenal dengan HTMLScript, mirip dengan PHP, tapi ditawarkan secara komersial.
7. Servlets, Servlets sedang meningkat popularitasnya untuk menulis Java Objects yang meningkatkan fungsi server. Sifat Java yang berorientasi obyek (object oriented) membuat pemrogram mudah menuliskan Servlets. Untuk beberapa kalangan, Java Servlets dianggap lebih effisien daripada CGI.
8. ISAPI, NSAPI, and Native Server APIs, Semua yang ”berbau” API (Application Program­ming Interface) ini kebanyakan hanya untuk pemrogram hard-core.

Read more

Membuat Jendela Pop Up Dengan CSS

Mungkin memunculkan jendela Pop Up atau Overlay hanya bisa dilakukan oleh javascript saja. Tapi dengan semakin pesatnya kehebatan CSS, kita bisa membuat jendela Pop Up sederhana. Bagaimana Caranya? Check it out.

Pertama dan yang paling utama sudah pasti membuat markup html nya dulu lah. Tanpa adanya file html, mana mungkin bisa dibuat.

Click Me

 

 

 X

Jendela Pop Up

 Ini adalah jendela Pop Up sederhana tanpa javasript Jendela ini dimunculkan oleh CSS Untuk menutup jendela ini, klik tombol close di kanan atas

Setelah itu simpan dengan nama file index.html atau apa saja. Kemudian double click file html nya. Dan… Jeng.. jeng.. jeng..!!! Gak terjadi apa apa. Ya iyalah, kita belum kasih style nya :)

Setelah itu buatlah file style.css dan simpan pada folder file index.html tadi. Kemudian Ketik script berikut.

* {margin: 0;padding: 0;} body, html {font-family: Calibri, "times new roman", sans-serif;}

Style di atas hanya untuk me-reset margin dan padding, serta mengatur jenis font yang digunakan. Coba refresh browser anda, pasti yang berubah hanya margin, padding, dan jenis font-nya saja kan. Memang itu yang tadi kita lakukan.

#button {margin: 5% auto;width: 100px;text-align: center;} #button a {background-image: linear-gradient(to bottom,#2a95c5,#21759b);background-image: -o-linear-gradient(to bottom,#2a95c5,#21759b);background-image: -ms-linear-gradient(to bottom,#2a95c5,#21759b);background-image: -moz-linear-gradient(to bottom,#2a95c5,#21759b);background-image: -webkit-linear-gradient(to bottom,#2a95c5,#21759b);background-color: #2e9fd2;width: 86px;height: 30px;vertical-align: middle;padding: 10px;color: #fff;text-decoration: none;border: 1px solid transparent;border-radius: 5px;}

Setelah di save, refresh browser anda. Maka akan ada tombol di hadapan anda.

Lalu bagaimana dengan jendela Pop Up-nya? Sabar! Tambahkan saja script berikut.

#popup {width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 9999;visibility: visible;} .window {width: 400px;height: 100px;background: #fff;border-radius: 10px;position: relative;padding: 10px;box-shadow: 0 0 5px rgba(0,0,0,.4);text-align: center;margin: 15% auto;} .close-button {width: 20px;height: 20px;background: #000;border-radius: 50%;border: 3px solid #fff;display: block;text-align: center;color: #fff;text-decoration: none;position: absolute;top: -10px;right: -10px;}

Coba refresh browser anda. Dan.. Jendela Pop Up berhasil kita buat.

Trus bagaimana cara menyembunyikannya. Kuncinya ada pada visibility: visible yang kita beri pada div #popup. Sekarang kita ganti visibilty dari div #popup tersebut menjadi hidden. Kalo gak tau mana yang diganti, ganti script #popup tadi menjadi seperti berikut.

#popup {width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 9999;visibility: hidden;}

Setelah browser anda refresh, pasti jendela Pop Up tadi hilang.

Coba anda Klik tombolnya, pasti tidak terjadi apa-apa kan. Iya, karena kita belum menambahkan style yang terakhir sekaligus menjadi style kunci. Tambahkan script berikut.

#popup:target {visibility: visible;}

Simpan, kemudian refresh browser anda. Kemudian klik tombolnya. Dan.. misi sudah selesai. Jendela Pop Up berhasil kita tampilkan. Untuk menutupnya, klik tombol close yang ada di pojok kanan atas (jadi inget pemilu).

Jadi, style lengkapnya adalah sebagai berikut.

* {margin: 0;padding: 0;} body, html {font-family: Calibri, "times new roman", sans-serif;} #button {margin: 5% auto;width: 100px;text-align: center;} #button a {background-image: linear-gradient(to bottom,#2a95c5,#21759b);background-image: -o-linear-gradient(to bottom,#2a95c5,#21759b);background-image: -ms-linear-gradient(to bottom,#2a95c5,#21759b);background-image: -moz-linear-gradient(to bottom,#2a95c5,#21759b);background-image: -webkit-linear-gradient(to bottom,#2a95c5,#21759b);background-color: #2e9fd2;width: 86px;height: 30px;vertical-align: middle;padding: 10px;color: #fff;text-decoration: none;border: 1px solid transparent;border-radius: 5px;} #popup {width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 9999;visibility: hidden;} .window {width: 400px;height: 100px;background: #fff;border-radius: 10px;position: relative;padding: 10px;box-shadow: 0 0 5px rgba(0,0,0,.4);text-align: center;margin: 15% auto;} .close-button {width: 20px;height: 20px;background: #000;border-radius: 50%;border: 3px solid #fff;display: block;text-align: center;color: #fff;text-decoration: none;position: absolute;top: -10px;right: -10px;} #popup:target {visibility: visible;}

Karena misi sudah selesai, saya mau pergi dulu. Lho!? Kok main pergi aja tanpa memberi penjelasan!? Oke saya jelasin. Pertama, kita sudah menjadikan jendela pop up nya menghilang dengan mengganti visibility: visible menjadi visibility: hidden. Tapi itu saja belum cukup! Untuk memunculkannya kita harus menekan tombolnya. Karena target dari tombol hyperlink kita adalah #popup, sehingga untuk memunculkannya, kita butuh pseudo-element (apa namanya pseudo-class ya!? Udahlah bodo amat). Karena div #popup tahu dia akan menjadi target dari tombol hyperlink kita. Kita tambakan pseudo-class :target pada div #popup serta menambahkan style visibility: visible, agar supaya div #popup-nya bereaksi ketika tombol diklik dan dia yang dijadikan target. Nah, reaksi itu akan mengubah visibility: hidden menjadi visibility: visible. Kemudian untuk menyembunyikan jendela Pop Up-nya kembali, kita harus mengklik tombol close. Nah, tombol close itu kan targetnya # alias gak ada. Sehingga saat tombol close di klik, dia akan mengembalikan keadaan seperti semula. Bingung ya!? Sama, gw aja yang ngetik bingung. Hehe :P Kesimpulannya : Jendela Pop Up sederhana dapat dibuat dengan CSS bahkan tanpa javascript. Ini menandakan semakin hebatnya kemampuan CSS dalam memanipulasi apapun. Kesimpulan dari kesimpulannya : Selamat Bereksperimen

Read more

Membagi Partisi Harddisk tanpa Instal Ulang

Bagi anda semua yang ingin mengubah kapasitas harddisk/ me resize harddisk pc atw laptop anda, bisa anda gunakan cara berikut ini.:

Untuk membantu proses resizenya kita harus memiliki software MiniTool Partition Wizard, Kamu bisa mendownloadnya pada link di bawah ini.

http://www.mediafire.com/?gb52v9c1y0yha5q

Setelah didwonload, instal MiniTool Partition Wizard, lalu ikuti cara dibawah ini :

1. Buka MiniTool Partition Wizard yang sudah diinsstal tadi.

2. Misalnya saya ingin menambah kapasitas Drive C, yang pertama dilakukan adalah memperkecil drive D dengan cara berikut ini.

Pilih Drive D lihat seperti gambar diatas, kemudian pilih "Move/Resize"

Kemudian akan muncul gambar seperti diatas, lalu klik seperti yang saya lingkari diatas, lalu geser kekanan, sesuaikan dengan kapasitas yang kamu butuhkan.
lalu klik OK.

Kemudian akan terlihat ruang kosong "Unallocated", seperti gambar diatas.
Lalu Pilih Drice C, kemudian klik "Move/Resize".

Kemudian Klik seperti yang saya lingkari pada gambar diatas, lalu geser kekanan keemudian klik ok.

Lalu Klik Apply, dan tunggu sampai proses selesai. Read more