
Proses instalasi sistem operasi seringkali menjadi hal yang sangat menjemukan. Terutama apabila Anda termasuk orang yang risih jika instalasi OS Anda tidak stabil atau lemot. Saya dulu pernah termasuk dalam ‘golongan’ ini, dalam seminggu saya bisa install windows 2 hingga 3 kali karena beberapa instalasi game 3D yang saya mainkan sudah tamat dan harus diganti dengan yang baru 
Proses instalasi sistem operasi seringkali menjadi hal yang sangat menjemukan.hiren norton ghost Norton Ghost, Backup dan Install Windows Secepat Kilat Terutama apabila Anda termasuk orang yang risih jika instalasi OS Anda tidak stabil atau lemot. Saya dulu pernah termasuk dalam ‘golongan’ ini, dalam seminggu saya bisa install windows 2 hingga 3 kali karena beberapa instalasi game 3D yang saya mainkan sudah tamat dan harus diganti dengan yang baru Razz
Selain karena memang ‘hobi’, terkadang Windows mengalami masalah yang tak terduga seperti serangan virus, missing file atau instalasi error. Ini bisa membuat makin sering kita ‘bermain’ dengan CD instalasi Windows. Repotnya, jika kita ga bisa berlama-lama buang-buang waktu hanya untuk install Windows plus aplikasi seabreg. Belum lagi aktivasinya.. ribet kan! Nah, daripada kita alami hal ini saya akan paparkan langkah antisipasi yang bisa Anda praktekkan. Bagi yang sudah tahu, maap kalo ada siaran ulang ya..
Untuk melakukan praktek, kita perlu program Cloning Tool. Sebenarnya banyak sekali program semacam ini yang beredar di pasaran, diantaranya Symantec/Powerquest Disk Image, Roxio GoBack, Windows System Restore, dll. Nah, kali ini kita akan ‘bermain’ dengan Program Norton Ghost 11.5 yang dapat Anda temukan dalam CD Hiren’s Boot CD 9.8. Bagi yang belum punya Hiren’s Boot CD Versi terbaru, silakan dapatkan di sini.
Norton Ghost menyediakan fungsi backup dan restore dengan mudah. Dengan bantuan Hiren’s Boot CD, Anda bisa melakukan prose backup dan restore instalasi Sistem Operasi Anda dengan mudah, praktis dan cepat. Ya, nggak secepat kilat dalam arti sebenarnya sih.. Tapi jauh lebih cepat daripada jika Anda harus menginstall Windows dari awal berikut program yang akan Anda gunakan.
Sebelumnya, persiapkan perlengkapan yang dibutuhkan sebagai berikut:
* Komputer atau Notebook target yang dilengkapi drive CD/DVD untuk menjalankan Hiren’s Boot CD. Saya sarankan minimal terdapat 2 partisi, sistem CThinkingatau drive yang berisi instalasi Windows dan partisi lain untuk menyimpan image
* CD Hiren’s Boot CD 9.8 berisi Norton Ghost 11.5 atau Hiren’s Boot USB Flashdisk
* Flashdisk/keping DVD untuk menyimpan backup file image (Optional)
Prinsip kerja
Pada dasarnya, ada dua langkah yang Anda lakukan
1. Membuat backup Data Partisi PC yang berisi Sistem Operasi Windows ke dalam File Image . File ini berisi rekaman komplit file sistem operasi Anda berikut program yang telah ter-install didalamnya. File ini harus disimpan di partisi selain partisi Windows itu sendiri. Misalnya Anda punya CThinkingyang bersi instalasi Windows, Anda harus menyimpan file image di partisi selain CThinking Itulah mengapa di atas saya menyarankan minimal ada 2 partisi.
Perlu saya tekankan bahwa, langkah ini mutlak diperlukan jika Anda ingin bisa melakukan langkah restorasi/pemulihan sistem dengan cepat. Dengan kata lain, tanpa adanya file Image Anda tidak bisa melakukan restorasi Windows.
2. Restorasi Windows. Jika terjadi sesuatu, anda bisa memanggil file backup yang telah Anda buat sebelumnya untuk memulihkan instalasi Windows persis seperti saat file image dibuat.
Langkah Pertama, Membuat File Image.
1. Masukkan Hiren’s Boot Flashdisk USB atau Hiren’s Boot CD sesuai dengan preferensi Anda.
2. Nyalakan komputer, masuk ke BIOS dengan menekan DEL/F2/F8/F12 sesuai dengan BIOS PC Anda.
3. Masuk ke Bagian Boot Sequence/Urutan Booting. Pastikan media yang Anda gunakan menempati urutan pertama booting. Misalnya: Anda memilih menggunakan CD Hiren’s, pastikan CDROM berada pada posisi booting pertama.
4. Pada menu Booting Hiren’s, pilih ‘Start Boot CD’
5. Pada Menu Utama Hiren’s, Pilih [2.] Backup Tool > [2.] Norton Ghost 11.5 > [8.]Ghost (Normal). Tunggu beberapa saat hingga program Norton Ghost berjalan. Klik [OK]
hiren norton ghost1 Norton Ghost, Backup dan Install Windows Secepat Kilat
6. Pilih Menu > Local > Partition > To Image untuk menyimpan partisi ke dalam sebuah file image.
hiren norton ghost2 Norton Ghost, Backup dan Install Windows Secepat Kilat
7. Pilih Harddisk Fisik yang akan di backup. Biasanya Windows ada pada Local (1) seperti pada contoh, [OK].
hiren norton ghost3 Norton Ghost, Backup dan Install Windows Secepat Kilat
8. Pilih Partisi Harddisk yang akan di backup. Biasanya Windows ada pada Primary Drive seperti pada contoh, [OK]. Perhatikan atribut lainnya seperti File System (NTFS/FAT32), Label, Ukuran dsb. Pastikan Anda memilih drive yang tepat.
hiren norton ghost3 Norton Ghost, Backup dan Install Windows Secepat Kilat
9. Tentukan Partisi Harddisk mana yang akan digunakan untuk menyimpan file backup image. Beri nama pada file, misalnya Backup_1 kemudian klik [SAVE]. Perhatikan bahwa harddisk ditulis dalam urutan seperti berikut; D:1.2:[DATA] FAT, artinya adalah:
D: = Drive D:
1.2: = merupakan Harddisk Fisik Pertama Partisi Kedua
[DATA] = label DATA
FAT = File System FAT32
hiren norton ghost5 Norton Ghost, Backup dan Install Windows Secepat Kilat
10. Selanjutnya akan muncul dialog kompresi Image File, pilih salah satu berdasarkan keterangan berikut:
No = Pilih ini jika Anda tidak ingin mengubah file image dari ukuran file windows sebenarnya
FAST = Pilihan kompresi cepat, hasilnya kurang lebih 30% dari ukuran file sebenarnya
HIGH = Pilihan kompresi tingi, hasilnya bisa sampai 60% dari ukuran file asli meski prosesnya akan sedikit lebih lambat.
Saya anjurkan Anda memilih pilihan ini untuk menghemat space harddisk. Toh Norton Ghost tidak mengubah isi file image, hanya ukuran filenya saja yang dipadatkan. Persis seperti yang dilakukan oleh WinZIP ato WinRAR.
hiren norton ghost6 Norton Ghost, Backup dan Install Windows Secepat Kilat
11. Ketika muncul dialog box ‘Procesed with partition image creation?’ Pilih [YES]
hiren norton ghost7 Norton Ghost, Backup dan Install Windows Secepat Kilat
12. Tunggu beberapa saat hingga proses selesai dan muncul Image Box ‘Image Creation Completed Successfully’, klik [Continue]. Klik [Quit] untuk keluar Program.
Sampai di sini Anda sudah punya satu file image dari sistem operasi Anda yang sewaktu-waktu bisa dipanggil kembali untuk melakukan restorasi. Anda bisa menggunakan Flashdisk atau Media DVD untuk menyimpan file Image ini, hanya untuk berjaga-jaga.
Nah, suatu saat jika ada masalah dengan Windows, Anda tinggal melakukan langkah restorasi berikut ini.
Langkah Kedua, Restore Windows dari Backup File Image
1. Boot dari Hiren’s Boot CD atau Hiren’s Boot USB Flashdisk
2. Pada menu Booting Hiren’s, pilih ‘Start Boot CD’
3. Pada Menu Utama Hiren’s, Pilih [2.] Backup Tool > [2.] Norton Ghost 11.5 > [8.]Ghost (Normal). Tunggu beberapa saat hingga program Norton Ghost berjalan. Klik [OK].
4. Pilih Menu > Local > Partition > From Image untuk me-restore partisi dari file image yang tadi telah kita buat.
hiren norton ghost8 Norton Ghost, Backup dan Install Windows Secepat Kilat
5. Temukan file Image dengan ekstensi .GHO pada drive penyimpanan Anda. Pilih, dan akhiri dengan Open.
hiren norton ghost9 Norton Ghost, Backup dan Install Windows Secepat Kilat
6. Pilih Partisi sumber/Source file image kemudian klik [OK]
hiren norton ghost10 Norton Ghost, Backup dan Install Windows Secepat Kilat
7. Pilih Harddisk fisik tujuan/Destination Restorasi Windows, [OK]
hiren norton ghost11 Norton Ghost, Backup dan Install Windows Secepat Kilat
8. Pilih Partisi Harddisk tujuan/Destination Restorasi. Pilih Primary [OK]
hiren norton ghost12 Norton Ghost, Backup dan Install Windows Secepat Kilat
9. Ketika Muncul Dialog Box ‘Prosses With Partition Restore?’ klik [Yes]
10. Tunggu hingga selesai 100%
11. Klik [Reset Computer] untuk me-restart Komputer.
Semoga bermanfaat..
Rabu, 09 Desember 2009
Norton Ghost, Backup dan Install Windows Secepat Kilat
Cara Disabel Autorun
Temen - temen tmhocers. akhirnya gw tulis artikel lagi. gimana cara. Mematikan fungsi autorun. Banyak cara, tetapi cara yang paling ampuh adalah dengan cara yang dibawah ini. Itu kalau menurut saya. Ok, segera kita cek saja.
1. liwat tweak UI
2. liwat edit registri manual
import saja ini
Source code
1
2
3 REGEDIT4
[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Policies\Explorer]
"NoDriveTypeAutoRun"=dword:00000004
3. liwat gpedit (not 4 vista)
* start -> run -> ketik gpedit.msc
* di window kiri ekspand Computer Configuration -> Administrative Templates -> System.
* di window kanan double klik 'Turn Off Autoplay'
* di window baru yang terbuka klik opsi 'Enabled' & kotak yang aktif di bawahnya pilih 'All drives' -> apply -> ok
Ulangi cara yang sama pada 'User Configuration'
4. pake S/W
salah satunya Autoreg - AutoPlay registry settings editor
5.Selamat dicoba, semoga bisa yah. god luck teman - teman
PostHeaderIcon The New Baby Ultra Raptor Was Born!!!
Setelah dihebohkaan dengan kemunculan PCP+ Baby raptor sekarang PCP+ mengeluarkan seri terbaru dari varian baby raptor. Seri ini adalah Baby Ultra Raptor, motherboard ini bisa dibilang gabungan antara Baby raptor dengan ultra raptor. Sebenarnya salah satu keunggulan dari baby raptor adalah kemampuan menjalankan DDR2 dan DDR3 sehingga menjadi solusi yang ekonomis bagi konsumen. Bagaimana bila keunggulan ini digabungkan dengan ultra raptor??? mari kita liat beberapa keunggulan dari Baby ultra raptor ini.

Spesifikasi:
- AMD™ 790GX Chipset and AMD™ SB750 Chipset
- Combo Memory DDR3 & DDR2
- Supports AMD AM3, AM2+ & AM2 Phenom II, Athlon II, Sempron series processors
- AM2+ Socket
- 100% JAPANESE FULL SOLID capacitors
- Integrated ATI Radeon HD 3300 GPU(For Directx 10)
- Support AMD OverDrive(AOD) Technology
- Supports ATI Hybrid CrossFire Technology
- Supports ATI CrossFireX Technology @8×8 PCIE 2.0
- 4 Slot Dual Channel DDR3 1333 Upto 16GB
- 2 Slot Dual Channel DDR2 1066/800 Upto 4GB
- Integrated Serial ATA2 3Gb/s with RAID function
- Integrated Gigabit LAN and e-SATA
- Integrated ALC888 HD Audio CODEC with 8.0 CH
- Supports Blu-ray/Full HD DVD playback
- CPU Vcore 7-Shift / DVI Port/ Debug Port/HDMI port/VGA port
- Ready for Windows® Vista™ & Windows 7
- Integrated DDR3 128MB side port memory
- AMD GAME Ready
- ATX Form Factor
Ada hal baru yang ditawarkan pada board ini. Baby Ultra raptor memiliki 4 slot untuk DDR3 dan 2 slot untuk DDR2 ini menunjukkan bahwa Baby ultra raptor ditujukan bagi yang ingin upgrade ke DDR3 namun sementara waktu menggunakan DDR2. Selain itu sound card sudah menggunakan ALC888 dibanding sebelumnya yang masih ALC883. Terdapat penambahan debug led dan kipas untuk souht brigednya.
Namun ada satu kekurangan di board ini dibanding baby raptor yaitu dukungan crossfire, pada baby ultra raptor saat menggunakan 2 buah VGA dengan Mode crossfire maka bandiwth PCI-Enya hanya X8 untuk setiap slot PCI-e. Berbeda dengan baby raptor yang mampu memberikan bandwith 2×16 sehingga masing-masing slot berjalan pada x16. saya tidak tahu mengapa bandwithnya hanya X8 bisa jadi dengan adanya penambahan 2 slot DDR3 menyebabkan board ini hanya mampu memberikan bandwith x8.
Satu hal dari PCP+ adalah menggunakan 100% solid capacitor sehingga ketahananya tidak perlu diragukan. PWMnya juga bagus mampu mensupply daya ke prosesor. Ini lah yang mejadi ciri khas dari PCP+ solid caps dengan harga murah. Mobo ini dipasaran dijual seharga Rp 1.500.000.
Kesimpulan baby ultra raptor dibandingkan baby raptor
(+)Proc
- Slot DDR3 sudah 4 slot
- Ada debug led
- Active cooling di shout bridge
- All Solid caps
(-) Cons
- PCI-E saat Cross fire hanya mampu memberikan bandwith sebesar 8x
- Harga terlampau jauh dengan baby raptorBaca Selanjutnya....
Cara Mengoleskan thermal pasta pada HSF HDT yang benar
HSF dengan teknologi HDT memiliki kelemahan pada basenya yang tidak dan terdapat ruang antara proc dengan HSF saat dipasang. Masalah ini menyebabkan kemampuan HDT tidak optimal. Base yang tidak rata bisa dioptimalkan dengan melakukan lapping agar base heat dengan base aluminiumnya bisa lebih rata sehingga celah-celah antara HSF dengan proc bisa diminimalkan. Sedangkan untuk mengatasi timbulnya ruang antara proc dengan HSF sehingga diperlukan thermalpaste agar penyerapan panasnya optimal. Untuk hasil terbaik pemberian thermal pasta harus menutupi semua permukaan prosesor agar penyerapan panas optimal. Cara pemberianya dioleskan pada 2 permukaan heatpipenya tapi tidak diratakan semuanya. Tujuan pemberian secara drop adalah agar tidak terjadi lubang2 pada pasta saat HSF ditekan. Bila diratakan pada permukaan proc atau permukaan Base HSF maka saat ditekan akan menimbulkan lubang2 pada permukaan antara prosesor dengan base HSF. Pengujian menurut benchmarkreviews menemukan cara mengoleskan pasta yang baik pada HSF HDT.
percobaan pertama:

tanda dengan spidol adalah batas sisi-sisi prosesor yang menyentuh base HSF. Mengoleskan cara ini tidak optimal hasilnya karena tidak semua permukaan prosesor bersentuhan dengan base HSF
percobaan kedua:

hasilnya masih kurang optimal karena masih ada bagian yang tidak terkena pasta
percobaan ketiga:

ini adalah hasil yang paling optimal karena semua permukaan prosesor terkena pasta secara merata.
Memaksimalkan FSB Clock Prosesor AMD
Dalam overclocking dikenal istilan FSB ( Front Side Bus ) yang merupakan clock dari prosesor. Makin tinggi FSB maka makin tinggi Clock prosesor yang dihasilan. Dalam overclocking ada 2 hal yang bisa dilakukan untuk menaikan clock prosesor. Total Clock prosesor dihasilkan dari FSB x Multipler sebagai contoh:
Prosesor dengan clock 3200mhz dengan default FSB 200mhz maka total diperoleh dari 200×16. Dari sini kita bisa melihat bahwa untuk menaikan total clock yang diperlukan adalah menaikan FSB atau Multiper. Untuk prosesor yang Unlock multipler ke atas akan lebih mudah menaikan multipler untuk mendapatkan total clock yang lebih tinggi. Tetapi menaikan multipler membuat CPU Volt yang dibutuhkan lebih besar sehingga panas yang dihasilkan pun juga lebih tinggi.
Menaikan FSB dalam beberapa pengujian seperti Super PI memberikan hasil yang lebih baik dari pada kenaikan multipler pada total clock yang sama. Proses logikal akan lebih cepat selesai dengan FSB yang lebih tinggi.
Apa saja yang harus dilakukan untuk mendapatkan FSB yang tinggi ?
Perlu dipahami bahwa menaikan FSB membuat clock memory juga ikut naik dan peran dalam menaikan FSB adalah pada motherboard atau chipset motherboardnya jadi kunci utama dalam menaikan FSB adalah menggunakan motherboard yang bagus.
Apa saja kriteria motherboard bagus??
Mainboard yang bagus adalah yang mampu menaikan FSB hal ini dipengaruhi oleh kualitas dari chipset dan komponen penunjangnya. Chipset pada mobo bisa sama menggunakan ATI 790GX misalnya tetapi kualitasnya berbeda. Nah bagaimana kita mengetahui kualitas sebuah chipset?? sebenarnya sangat mudah. Motherboard high end dapat dipastikan memiliki chipset yang bagus kenapa bisa demikian?? proses produksi sebuah motherboard katankan ASUS dan Gigabyte dimana terdapat banyak varian disana mulai dari high,middle sampai low end pada tipe chipset yang sama. Mengapa gigabyte membuat ini karena kualitas dari chipset yang diterima pabrik tentu berbeda. Pada mobo high class sudah ditanamkan chipset grade A sedangkan middle grade B,dsb. Namun hal ini tidak berlaku pada motherboard yang tidak memiliki banyak varian seperti BIOSTAR karena semua mobo berada pada kelas yang sama bisa dipastikan chipset yang dipakai adalah random acak untuk setiap motherboard.
Bagaimana settingan agar FSB bisa lebih tinggi???
Pada dasarnya kenaikan FSB dipengaruhi juga oleh prosesor. Untuk menghasilkan FSB yang tinggi yang perlu dilakukan adalah menurunkan clock memory menjadi 1:1 agar jalan sama dengan clock FSB. Hal ini dilakukan agar saat FSB naik memory tetap stabil karena berada pada clock dibawah standartnya. Lalu turukan NB Freq sebab saat FSB naik NB freq akan ikut naik jadi agar sistem stabil turunkan NB freqnya. Kemudian turunkan HT Link batas normalnya 2000mhz turunkan saja sampai 1:1 yaitu HT link 1X lalu turunkan multipler ke tempat yang paling rendah. Setelah semua diturunkan baru FSB dinaikan secara bertahap diimbangi dengan menaikan CPU Voltage kalau mentok coba naikan NB Voltage dan Vdimm 1 step.
Kendala yang akan dihadapai:
1. Chipset motherboard panas sehingga butuh pendingin tambahan bisa menggunakan kipas biasa
2. Prosesor akan menjadi panas paling bagus menggunakan pendingin yang extreme seperti dry ice atau LN karena mampu membuat suhu prosesor – (minus) yang artinya pada kondisi minus prosesor dapat ditarik tanpa beban sampai pada batas maksimalnya. Tetapi tetap perhatikan suhu minimumnya
3. Untuk lebih memaksimalkan FSB lagi bisa dicoba dengan menggunakan VGA PCI ( bukan PCI-E ) karena penggunaan VGA PCI akan membuat mobo lebih ringan untuk ditarik FSBnya.
4. Bila menggunakan proseso multicore akan lebih ringan bila hanya 1 core yang diaktifkan
Selamat mencoba do it with your own risk.
Cara update BIOS
Update Bios bisa dilakukan under windows maupun under dos. Update yang paling gampang menggunakan utility under windows seperti winflash. Tetapi update under windows biasanya sering terjadi error apabila ada program yang mengakses informasi dari BIOS. Terlebih untuk flashing BIOS Mod tidak disarankan under windows karena bisa terjadi error. Langkah yang paling safe menurut saya adalah under DOS dengan windows 98 DOS.
Pada toturial kali ini akan dibahas update BIOS pada AMI Bios under dos.Beberapa hal yang perlu disiapkan:
1. File BIOS yang akan digunakan untuk update
2. Program flashernya yaitu AFUDOS
3. Bootable Flash disk
4. UPS
Membuat Flash disk bootable
Flash disk digunakan untuk meload DOS sistem sehingga dapat digunakan untuk update. Untuk membuatnya siapkan program berikut ini:
1. HP USB TOOL
2. msdossystem
Langkah membuat Flash disk Bootable:
1. Jalankan HP USB Tool
hpusb
2. Klik quick format dan create a Dos Startup arahkan pada folder msdossystem yang sebelumnya sudah di extract
3. Klik start dan tunggu sampai selesai. Sekarang flashdisk sudah dapat digunakan untuk boot
Update Bios
1. Copy file BIOS dan AFUDOS ke dalam flash disk agar mudah copy saja di bagian root direktory
2. Boot komputer dengan flashdisk pada saat boot awal komputer arahkan bootnya ke flashdisk
3. Setelah masuk ke DOS Prompt ketikan:
AFUDOS namafilebios /p /b /n /c
4. Tunggu prosesnya sampai selesai jangan sampai PC mati atau di restart untuk itu gunakan UPS agar proses update lancar dan tidak terhenti. Prosesnya memakan waktu sekitar 3 menit.
nb:
program flasher AFUDOS harus bernama AFUDOS agar bisa dieksekusi
Tutorial Clonning Hardisk
Beberapa hari yang lalu saya baru saja pindah ke HDD baru nah untuk itu kali ini saya akan menulis cara memindahkan windows ke hardisk baru. Perhatikan cara ini hanya bisa dijalankan bila speksifikasi komputer masih sama motherboard,proc,memory,vga,dll sama hanya ganti hardisknya saja. Ok langsung aja mulai
1. Kita memerlukan program clone hardisk dalam tutorial ini saya memakai norton ghost bawaan dari CD hiren boot. Hiren boot berisi banyak sekali tools yang berguna kita dapat menjalankanya secara bootable ya itu dengan booting melalui optical drive
2. Setelah masuk norton ghost pilihlah partition to partition bila anda hanya ingin mengclone 1 partisi saja tetapi bila anda ingin membuat isi HDD baru anda sama persis dengan HDD lama pilih saja disk to disk. tunggu prosesnya sampe selesai.
3. Silahkan boot dengan hdd baru dan prosesnya sudah selesai tanpa anda perlu install ulang windowsnya
Panduan Memilihi PSU (power supply unit)
Seringkali orang menganggap PSU bukan hal yang penting dan dapat prioritas yang terakhir. Namun banyak orang juga kebingungan memilih PSU yang cocok untu sistemnya. Sekarang banyaknya merek mengeluarkan PSU true power dengan harga realatif murah dan terjangkau. Panduan ini sekedar memberikan gambaran umum seputar PSU.
WATT
PSU menggunakan ukuran watt dalam mensupply daya. Watt dalam PSU dihitung dengan mengalikan votase dengan amperenya. Semakin tinggi watt PSU maka daya yang dapat disupply semakin tinggi
RAILS
Adalah penghantar tenaga ukuranya berupa volt. Di klasifikasin menjadi +3.3V,+ 5V,+12V,-5V dan -12V. Sebagai tolok ukur cukup perhatikan yang (+) saja karena rail (-) hanya untuk penggunakan PC jaman dulu yaitu untuk slot ISA dan Floppy drive. Menghitung daya tiap rail cukup dengan mengalikanya dengan besarnya ampere. Lalu jumlahkan ketiga rail tersebut untuk mengetahui kapasitas maksimal PSU.
Multiple Rails
Seiring dengan berkembangnya teknologi prosesor dan VGA rail +12V semakin membutuhkan daya yang tinggi. Kebutuhan daya yang tinggi ini akan membuat rail +12V menjadi panas dan membuat kinerja PSU menjadi tidak stabil sehingga untuk mengatasi hal ini maka dibagi menjadi 2 rail, 3 rail bahkan yang terbaru 4 rails. Sehingga bisa dikatakan bahwa PSU yang menggunakan dual rail akan lebih stabil dalam mensupply daya karena panas dapat ditekan. Akibatnya energi yang terbuang menjadi panas berkurang.
Penggunakan converter pada PSU multirail dari 4pin ke 8pin tidak dianjurkan karena pembagian dayanya menjadi tidak menyeluruh yang mengakibatkan dapat merusak komponen PSU. Converter 4pin ke 8pin aman digunakan di PSU single Rails karena dayanya tidak dibagi alias di 1 jalur +12V sehingga konversi tidak mengubah daya yang diberikan.
Voltage Regulator
Sering juga disebut ripple ini adalah perubahan output tegangan yang dihasilkan oleh PSU. Perubahan tegangan ini fruktuatif disebabkan oleh kondisi yang tidak konstants misalnya dari idle kemudian menjadi full load. Standart aman yang dianjurkan adalah +/- 5% dari railnya. Semakin sedikit ripple semakin bagus output PSU.
Voltage regulator bisa disebut sebagai komponen yang penting dalam menjaga hardware-hardware dalam komputer. Sebab volt yang flutuatif naik turun dalam waktu yang singkat menyebabkan komponen hardware menjadi rusak. Terutama yang paling sering kena adalah hardisk.
Hold Up time
Adalah cadangan daya yang ada di PSU sebelum kehabisan daya. Dalam kondisi listrik mati atau tidak ada pasokan daya seberapa besar daya yang sanggup ditampung PSU untuk mensupply daya. Semakin besar cadanganya berarti semakin lama waktu dalam mengatasi kondisi input mati. PSU yang bagus memiliki Hold Up Time yang tinggi untuk menandakan komponen yang dipakainya bagus.
Over-Voltage Protection
Hampir semua PSU mempunya fitur ini. Fungsinya sudah jelas yaitu untuk melindung dari lonjakan daya. Sehingga apabila terjadi lonjakan daya secara otomatis PSU akan memutuskan arus. Dengan adanya fitur ini maka user dapat terhindar dari bencana korslet atau kena petir. Jadi apabila terjadi lonjakan yang tinggi yang kena PSU duluan bukan komponen lainya karena arusnya sudah di cut lain klo PSU tidak ada fitur ini lonjakanya langsung diteruskan ke semua komponen komputer.
Jenis – Jenis PSU
Active PFC dan Passive PFC
PFC adalah ukuran efisiensi sebuah PSU. Diukur dengan berapa banyak daya yang terbuang menjadi panas. Perhitunganya dari 0 – 1, mendekati 1 berarti makin efisien. Active PFC menggunakan rangkain tersendiri untuk mengimbangi muatan induksi sedangakn passive PFC hanya mengandalkan kapasitor untuk menjadi muatan induksi. Sehingga jelas kenapa PSU dengan active PFC lebih mahal harganya.
Peak Power dan Continues power
Peak Power adalah daya maksimal yang mampu dihasilkan PSU saat dibutuhkan. Sehingga daya tambahan dikeluarkan saat diperlukan saja. Continues power adalah daya yang konstant dikeluarkan PSU sehingga sering disebut pure power daya yang dihasilkan lebih stabil. Sehingga PSU continues lebih baik digunakan untuk mensupply kebutuhan daya yang lebih kecil misal PSU continues 600w untuk sistem dengan total 500w. Karena apabila dipaksakan untuk mensupply daya yang lebih tinggi dapat merusak PSU.
Dalam ukuran kestabilan continues PSU lebih bagus dibandingkan peak power sebab peak power akan mengeluarkan daya melebihi kapasitanya hanya dalam waktu beberapa detik saja sehingga tidak konstant untuk jangka panjang dapat menyebabkan PSU rusak.
Modular dan non modular
PSU modular adalah pengembangan dari PSU dimana kabel dari PSU dapat dilepas dan dipasang sesuai kebutuhan sehingga kabel yang tidak perlu dapat dilepas. Keuntunganya menjadi lebih rapi kabel-kabelnya dan air-flow dalam casing lebih lancar.
Beberapa salah kaprah soal PSU
1.PSU yang berdaya besar selalu lebih baik dari pada PSU yang dayanya lebih kecil
Belum tentu sebab ukuran watt tidak dapat dijadikan patokan dalam memilih PSU. Perhatikan juga ripplenya percuma memiliki PSU yang dayanya besar tapi flutuasi voltnya sangat tinggi. Malah justru akan merusak komponen hardware yang lain seperti hardisk.
2.PSU Multiple Rail lebih bagus
Dalam keadaan tertentu multiple Rail justru dapat memperburuk keadaan. Seperti yang sudah dijelaskan sebelumnya bahwa multiple rail adalah membagi rail menjadi beberapa bagian. Yang menjadi masalah apabila rail yang digunakan memiliki ampere yang kecil sehingga watt yang dihasilan kurang. Contoh misalnya total +12v adalah 35A dibagi menjadi +12V1 25A dan +12V2 10A apabila rail +12V2 dipakai untuk konektor VGA yang memerlukan daya besar lebih dari 120w maka akan mempengaruhi kinerja VGA. Jadi perlu diperhatikan seberapa besar rail yang dihasilakan cukup atau tidak untuk memenuhi kebutuhan komponen.
3.Active PFC Efisiensi lebih bagus sehingga menghemat tagihan listrik
Jika anda tinggal di eropa mungkin benar sebab di eropa sudah menggunakan active PFC ini dimana perhitungan tagihan listrik menggunakn VA. Sedangkan di indonesia belum mengadopsi PFC dan perhitunganya menggunkan KWH atau KW/Jam. Namun untuk efisiensi Active PFC bisa dibilang lebih bagus karena menggunakan komponen tersendiri dalam mengatur muatan induksi
4.PSU yang bisa mengangkat sistem lebih besar dari kapasitasnya berarti bagus
Hal ini yang sepertinya perlu diluruskan. Sebagai contoh marak terjadi test terhadap PSU yang wattnya kecil 400-450W dapat mengangkat sistem high macam core 2 quad dengan VGA yang high-end juga. Hasil tesnya menunjukkan PSU masih sanggup mengahandle dan railnya stabil. Tapi perlu diperhatikan bahwa PSU bukan diukur dari sanggup tidaknya menhandle PC berdaya besar namun juga dinilai dari durabilitynya. Seberapa lama PSU dapat bertahan. Jangan sampai anda membeli PSU watt kecil untuk sistem high-end anda karena dalam penggunaan yang relatif lama PSU akan rusak atau turun kemampuanya karena dipaksa bekerja pada PEAK power secara terus menerus.
Fungsi PWM dalam motherboard
Sering kali kita melihat motherboard-motherboard high end menggunakan jumlah PWM yang banyak sekali. Sebenarnya apa itu PWM??
PWM = Pulse Wave Modulation, sebuah rangkaian dalam motherboard yang fungsinya cukup vital karena mengatur kebutuhan daya listirk ke CPU, Memory dan northbridge tergantung letaknya. Terdiri dari 3 komponen penting, mosfet yang jumlahnya 2 buah berfungsi membuka dan menutup arus listrik, 1 buah choke (tempat penyimpanan listrik sementara) dan 1 buah kapasitor yang fungsinya sudah tidak asing lagi yaitu memstabilkan listrik sebelum dilarikan ke CPU, memory dan northbridge.
ilustrasinya:
Ada banyak macam 4 phase,6 phase, 8 phase sampai 12 phase untuk menghitung cara paling mudah adalah dengan menghitung jumlah choke. 1 phase PWM dapat memberikan daya maksimul 30A efektif sekita 15-20A dengan demikian bisa dihitung berapa jumlah phase yang diperlukan agar sesuai dengan kebutuhan Prosesor kita. Terlalu banyak bisa jadi membuang-buang uang karena biasanya semakin banyak phase power maka harga mobo lebih mahal, terlalu sedikit bisa menimbulkan ketidakstabilan. Pada beberapa mobo dapat menyesuaikan kebutuhan daya sehingga ketika sistem idle tidak seluruh phase bekerja hanya sebagian dan ketika full load baru semua phase bekerja dengan maksimal. Jadi jumlah phase yang banyak bukan berarti lebih bagus karena tetap harus disesuaikan dengan kebutuhan daya prosesor baik untuk tujuan default atau daya yang dibutuhkan saat OC. Otomatis mobo dengan phase lebih banyak akan memberikan supplay daya lebih maksimal saat prosesor di OC extreme dan inilah salah satu keunggulan mobo high end.
konfigurasinya tiap mobo berbeda-beda antara jumlah mosfert,choke dan kapasitor mulai dari 3,1,1 (3 mosfet dalam 1 choke dan 1 kapasitor), 3,2,1 sampai dengan 3,2,2.
Sebuah prosesor dengan TDP 65w misalnya, dapat berjalan dalam kondisi standart dengan mobo 3 phase PWM namun dengan 3 phase jangan memaksakan prosesor lari lebih kencang karena akan butuh daya yang lebih tinggi. Tapi perlu dilihat juga jenis kapasitornya bila kapasitas kapasitornya bisa lebih baik lagi supply listriknya.
Sebenarnya mana yang paling penting dari 3 komponen itu?? Dilihat dari cara kerjanya dimana mosfet melakukan switch on/off lalu choke menyimpan daya kemudian diteruskan kapasitor yang disalurkan ke prosesor dapat dilihat bahwa kemampuan kapasitor yang baik akan memberikan kestabilan yang tinggi. Pemakaian kapasitor SOLID CAPS selalu menjadi acuan buat para overclocker karena selain mampu memberikan supply listrik yang stabil kapasitor jenis SOLID memiliki daya tahan yang tinggi. Mobo low end hingga mid end OCABLE biasanya mengadopsi SOLID CAPS hanya pada komponen PWM ini sehingga tidak semua kapasitor pada mobo menggunakan SOLID CAPS, sebab PWM ini merupakan bagian vital dalam overclock dengan model seperti ini harga mobo bisa lebih ditekan lagi. Mobo kelas high end kebanyakan sudah mengadopsi FULL SOLID CAPS dimana semua kapasitornya SOLID, keuntunganya adalah kestabilan yang tinggi pada semua komponen motherboard mulai dari prosesor, memory, northbridge hingga southbridge sehingga tidak hanya prosesor yang dapat di OC tinggi tapi juga memory dapat lebih stabil ketika d OC.
SOLID CAPS pada dasarnya dapat menjaga kestabilan listrik sebab kapasitor jenis ini lebih tahan terhadap panas dan memberikan listrik yang lebih stabil di banding kapasitor biasa, penggunaan SOLID CAPS ini juga dapat memberikan efisien daya.
Digital PWM
Dalam perkembanganya muncul DIgital PWM, Penggunaan Digital PWM diklaim dapat meningkatkan efisiensi dan keakuratan kebutuhan daya 4x lebih tinggi dari pada PWM biasa. Contoh DIgital PWM adalah pada motherboard ABIT IX38 Quad GT
Namun banyak kalangan yang meragukan hal itu sebab banyak yang belum membuktikan kehebatan Digital PWM terbukti dengan masih sedikitnya produsen mobo menggunakan digital PWM ini. Secara layout memang membuat mobo menjadi lebih rapi tapi komponen ini jika rusak harus menganti semunya secara keseluruhan, berbeda dengan PWM analog yang klo rusak bisa diganti per part. Misalnya mosfet rusak ya tinggal di ganti mosfetnya klo digital PWM harus diganti semunya.
AMD Phenom II X2 550BE is A “magic processor “
Keluarnya prosesor AMD Phenom II X2 550BE benar-benar mengemparkan dunia processor. Kehadiran prosesor ini mampu menggeser Phenom II X3 720 BE. Salah satu faktornya adalah kemampuanya dalam unlocking. Ya unlocking prosesor menjadi fenoma prosesor AMD Phenom, Sejak keluarnya native quad core memungkin sebuah prosesor memiliki core yang independen. Maksud independen disini adalah core berdiri sendiri-sendiri dalam artian core di pasang 1-1 di prosesor. Hal ini lain dengan prosesor core 2 quad dimana merupakan gabungan core 2 duo. Core 2 quad menggabungkan 2 buat prosesor core 2 duo sehingga memiliki 4 core. Tetapi 4 core dalam core 2 quad bukanlah native 4 core melainkan native 2 core. 1 corenya memiliki 2 core sehingga menjadi 2 core.
Lalu apa kelebihan dari native quadcore???salah satu kelebihannya adalah core mampu di overclock sendiri-sendiri. Misal core 1 dijalankan pada clock 3100mhz sedangkan core 2 dan 3 pada 2000mhz dan core 4 pada 800mhz. Selain itu antar core bisa terjadi sharing misal core 1 dengan core 4, core 2 dengan core 3,dan sebaliknya. Hal ini tidak terjadi pada prosesor quad core intel, core 2 quad. Core 1 hanya dapat sharing dengan core 2 dan core 3 hanya dapat sharing dengan core 4 tidak dapat silang core 1 dengan core 4. Dari prinsip kerja yang demikian dapat dilihat bahwa kinerja dari native quad core jelas lebih baik. Prosesor Phenom I adalah cikal bakal dari prosesor pertama yang menerapkan teknologi native multicore tetapi implementasi yang dilakukan AMD nampaknya mengalami kegagalan sehingga phenom I kalah telak dengan core 2 quad.
Hadirnya phenom II ini benar-benar mengembalikan kejayaan AMD dimana perfomanya mengalami peningkatan dan hasil overclock yang luar biasa. Memang secara perfoma real AMD Phenom II tidak mampua mengalah Intel Core i7 tetapi dalam hal game dan price perfoma AMD unggul mutlak oleh intel.
Kembali soal AMD Phenom II X2 550BE, amd sepertinya memberikan kejutan pada prosesor ini. Telah disinggung diatas bahwa prosesor native multicore dapat di custom per corenya. Inilah yang dilakukan AMD, dalam proses produksinya prosesor X4,X3,X2,X1 bisa saja dibuat dalam 1 cetakan. Dimana ketika proses pembuatanya mengalami defect 1 core maka dijual dengan label prosesor X3, bila 2 core defect dijual menjadi X2. Disini AMD memulai keajaiban itu beberapa prosesor phenom II X2 550BE memiliki 4 core sempurna (non defect) tetapi 2 core tambahan itu disembunyikan dan secara default hanya 2 core yang berjalan. Hebatnya lagi motherboard SB750 seperti mobo berchipset AMD 790 memiliki fitur ACC (Advance Clock Calibrator) fitur ini memaksa bios melakukan calibrasi pada prosesor hasilnya ketika fitur ini diaktifkan prosesor dapat dikenali sebagai prosesor X4. Sangat simple sekali proses unlocking yang dilakukan. Namun tidak semua prosesor dapat dilakukan unlock bisa 1-3 core ada yang defect proses ini tidak dapat dilakukan kalaupun bisa prosesor menjadi tidak stabil.
Belakangan prosesor keluaran baru sudah tidak ada yang unlock dan AMD memblokir fitur ACC dengan meminta semua produsen motherboard memblokir fitur tersebut. Namun jangan khawatir banyak BIOS Mod bertebaran yang tentunya tidak membloking fitur ACC ini dan kalau tidak ada BIOS mod dapat menggunakan BIOS versi sebelumnya.
Tip dan Trik Unlocking prosesor AMD
Beberapa prosesor yang dapat di unlock adalah AMD Phenom II X3 720BE dan phenom II X2 550BE. Presentasi keberhasilanya cukup tinggi. Untuk melakukanya anda harus memilih prosesor dengan batch kode produksi tertentu.
1.Batch yang sama dengan prosesor yang sudah berhasil terunlock diyakini memiliki kesamaan sebab batch adalah kode produksi jadi prosesor yang memiliki batch sama berarti diproduksi secara bersamaan dalam 1 cetakan yang sama sehingga kemungkinan memiliki potensi unlock sangat besar.
2. Motherboard dengan chipset AMD 790 atau yang menggunakan SB750 sebab di mobo tersebut terdapat fitur ACC yang digunakan untuk mengunlock prosesor
3. BIOS Modification atau BIOS lama. Hal ini digunakan agar BIOS tidak terblokir fitur ACC sebab bila anda membeli mobo baru maka fitur ACC akan diblock
4. Gunakan pendingin tambahan sebab ketika berhasil unlock maka TDP Prosesor akan bertambah dan ini mengakibatkan suhunya juga ikut bertambah seiring bertambahnya core dan TDP
Testing prosesor unlock
Prosesor yang sudah berhasil di unlock perlu dilakukan test apakah core tambahanya sempurna atau defect. Pengujian standartnya adalah menggunakan software uji Cinebench dan 3dmark. Apabali gambar yang dihasilkan saat test bintik-bintik maka dapat dipastikan core tambahan tersebut adalah defect atau tidak sempurna dan anda kurang beruntung mendapatkan prosesor ini.
Test selanjutnya adalah kestabilan dapat menggunakan software prime95 atau OCCT serta test kestabilan penggunaan sehari-hari apabila tidak ada masalah selamat anda beruntung memiliki prosesor 4 core dengan harga 2 core.Baca Selanjutnya....
Google OS, Coming soon...

Google telah melepas bom nuklir skala besar langsung ke jantung microsoft. dan bom nuklir Google tersebut dibuat dari Chrome.!!
Impian banyak penguna komputer akan hadirnya operating system yang mampu bersaing dengan microsoft akhirnya terwujud. Google,perusahaan yang banyak menelurkan aplikasi menarik dan gratis ini,tidak lama lagi akan segera merilis mainan terbarunya,yakni Google Chrome OS pada kuartal tahun 2010 dan target utamanya adalah para pengguna netbook.
apa bedanya Google CHrome OS dan microsoft windows 7??
Google Chrome OS akan berjalan pada processor x86 dan ARM,jadi netbook dengan processor Intel Atom,Smartbook dengan chip Nvidia Tegra,atau Qualcomm Snapdragon hingga netbook dengan platform AMD neo dapat menggunakan Google Chrome OS.google menambahkan Chrome OS dapat dijalankan untuk komputer dengan energi rendah seperti netbook hingga komputer desktop dengan energi berlimpah.
Teknologi HTML 5 juga akan menjadi bagian tidak terpisahkan dari Chrome OS.banyak pengguna internet yang ragu jika menjalakan aplikasi web ,tapi mereka tidak terhubung ke internet .Tapi dengan HTML 5 semuanya akan berubah,pengguna dapat bekerja memlalui browser walaupun tidak terhubung dengan internet.
Google Chrome OS sepertinya dibuat bukan hanya untuk menegaskan bahwa google sudah beranjak dewasa,tapi juga untuk mengusik kenyamanan microsoft. layaknya browser Chrome,Chrome OS akan dibuat dengan cita rasa open source . tidak sabar apa yang akan dikatakan Microsoft setelah mendengar rencana google ini ,tapi apapun komentar mereka,Chrome OS buan hanya sesuatu yang menarik atau hebat,tapi revolusioner.
WELCOME Chrome OS!
Selasa, 08 Desember 2009
Prefilled search box with simple javascript touch
Hasilnya bakal begini : ![]()
Bosan dengan tampilan search yang sederhana, akhirnya saya dapat menyelesaikan artikel ini
Jika kamu mampir ke wordpress atau web 2.0 pasti kamu akan mengatakan dalam hati "kok bagus-bagus yah tampilan searchnya" tentu saja karna code dasar mereka telah dibumbui oleh CSS, sedangkan untuk penerapan CSS telah di sertai dengan mengikuti perkembangan CSS itu sendiri dengan menambahkan Javascript supaya terlihat lebih reactive. Karena perpaduan antara CSS dan Javascript merupakan perpaduan yang lebih dominan dibandingkan HTML dan Javascript saja. Tanpa adanya CSS
Saya tidak usah panjang lebar. Kebetulan saya juga sudah ngatuk
1. buat dulu sebuah searchbox standar kya gini.
<input type="text" value="Search here..." name="justname" />
<input value="Search here..." name="justname" onfocus="if (this.value == 'Search here...'){this.value = '';}" onblur="if (this.value == '') {this.value = 'Search here...';}" type="text" />
Selamat di coba yah, Semoga bisa. Wah saya udah ngantuk sekali. untung selesai
Gud Luck yah teman - teman
Modifying Button using CSS
Jangan dipikir susah teman - teman, caranya mudah. Hanya dengan kita tempelkan saja code CSS dibawah code Button dasar nya. Mudah kan Kita langsung aja ke permasalahannya. Dengan dimulai dari :
Hai teman - teman, cape juga ngetik terus. tapi gpp banyak yang bilang. Awal dari kesuksesan adalah niat. Walaupun niat itu diawali dari repost ulang, dengan bahasa kita. Yang penting kita sudah lebih mengerti dan ingin berbagi ilmu dengan orang lain. Akhirnya selesai juga. Bagaimana cara membuat Button atau tombol yang lebih dinamis seperti yang dibawah ini :
.sbtn {
background-image: url(http://kimblog.co.cc/wp-content/uploads/2008/09/button.gif);
border: 1px solid #000033;
height: 22px;
width: 82px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
background-position: center;
padding: 0px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 20px;
}
Setelah itu kita tempel aja class sbtn td pada saat bikin button :
<input class="sbtn" name="submitBtn" type="submit" value="new Button" onClick="alert('it works')"/>
Coba anda lihat hasilnya, memuaskan bukan. Untuk pemilihan background warnanya dapat anda buat sendiri tentunya. Membuatnya dengan menggunakan photoshop. Mudah kan teman - teman. Asal ada kemauan pasti bisa. Have nice try
Good Luck
Merubah Warna Row Pada Table Gunakan CSS
Berawal dari keingin tahuan saya terhadap CSS dan apa saja yang dapat di implementasikan kedalamnya. Dengan cara mencari menggunakan mbah google akhirnya saya dapat ilmu tambahan, yaitu membuat table dengan warna pada 1 rownya (mungkin memang telat untuk memberikan tutorial ini).Tapi sekedar memberikan info aja buat yang mungkin diluar sana banyak yang belum tahu.langkah-langkah bikinnya :
- Memiliki keinginan yang besar
- buka editor (notepad juga cukup)
<table class="myTable" border="0" cellspacing="1" cellpadding="0">
<tr class="trow1" onmouseover="this.className='trow2';" onmouseout="this.className='trow1';" align="center">
<td width="60">1</td>
<td width="169" align="center">wow, its works!!!</td>
</tr>
<tr class="trow1" onmouseover="this.className='trow2';" onmouseout="this.className='trow1';" align="center">
<td width="60">2</td>
<td width="169" align="center">wow, its works!!!</td>
</tr>
<tr class="trow1" onmouseover="this.className='trow2';" onmouseout="this.className='trow1';" align="center">
<td width="60">3</td>
<td width="169" align="center">wow, its works!!!</td>
</tr>
<tr class="trow1" onmouseover="this.className='trow2';" onmouseout="this.className='trow1';" align="center">
<td width="60">4</td>
<td width="169" align="center">wow, its works!!!</td>
</tr>
<tr class="trow1" onmouseover="this.className='trow2';" onmouseout="this.className='trow1';" align="center">
<td width="60">5</td>
<td width="169" align="center">wow, its works!!!</td>
</tr>
</table>
hasilnya :
1 wow, its works!!!
2 wow, its works!!!
3 wow, its works!!!
4 wow, its works!!!
5 wow, its works!!!
Anda pasti kaget, katanya ada tabelnya . Tapi mana, sabar dulu. karna itu belum diimplementasikan pada CSS nya. Kita akan lanjut ke langkah ke dua
<style>
.trow1{
background:#00CCFF; /*or other color*/
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
.trow2:hover{
background:#0099CC; /*or other color*/
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}
.myTable{
border:groove;
border-width:thin;
}
</style>
- Masukkan pada 1 halaman .html
Kalau yang kita kerjakan berhasil maka hasilnya akan seperti ini :
| 1 | wow, its works!!! |
| 2 | wow, its works!!! |
| 3 | wow, its works!!! |
| 4 | wow, its works!!! |
| 5 | wow, its works!!! |
Semoga berhasil yah teman - teman

Baca Selanjutnya....
Bikin Spoiler Seperti Di Kaskus

Sewaktu saya berkelana ke wWw.Kaskus.Com saya sangat terpesona dengan keberhasilan yang dicapai oleh web forum terbesar di indonesia itu, negeri tercinta kita. Kenapa tidak, Posting sudah mencapai ratusan juta. Hampir sama dengan jumlah penduduk indonesia. Jumlah member sudah lebih dari angka satu juta. Wow
satu jempol mewakili kebanggan saya terhatap wWw.Kaskus.Com. Salute, Oh iyah maaf para pencari tutorial. saya hampir lupa inti dari Post ini. didalam perjalanan saya mengelilingi Kaskus tadi. saya menemukan yang namanya Spoiler. Apa itu spoiler, spoiler mungkin arti dasarnya saya kurang mengerti. Tapi saya memiliki keinginan. Bagaimana pada blog saya dapat menggunakan spoiler di bagian posting. Karna sangat berguna.
Oke, jadi balik lagi ke spoiler. Spoiler bisa disebut juga tulisan atau keterangan mengenai suatu cerita yang membeberkan jalan cerita tersebut. Karena sifatnya yg 'membocorkan' itu, maka keberadaanya kadang2 mesti disembunyikan. Jadi hanya terbaca oleh orang yg mau ngebaca bocoran tsb. Untuk menyembunyikan bocoran tsb.Spoiler bisa juga digunakan untuk mengejutkan pengunjung dgn apa yg ada dalam spoiler tsb. Atau bisa juga untuk menghemat tempat artikel yg terlalu panjang. Well, fungsi spoiler bisa macem2 lah pastinya. Tinggal sekreatifnya kita aja, biasanya menggunakan kombinasi CSS dan JavaScript. Nah, teknik menyembunyikan bocoran itu akhirnya biasa disebut juga dgn spoiler.
Pasti anda bertanya. Terus gimana cara ngebuatnya??
Caranya mudah banget teman-teman
Tinggal masukin kode HTML ke dalam postingan atau Elemen HTML.
Seperti dibawah ini :
<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER </small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
ISI SPOILER
</div></div></div>
Pada bagian JUDUL SPOILER, bisa diganti2 sesuai judul spoiler. ISI SPOILER adalah isi spoiler yg sedang dibuat ini. Contohnya seperti ini.
ISI SPOILER
Mudah Bukan teman-teman, pastilah. Saya kan udah berikan penjelasan yang sangat terinci
Bikin fade image slide show manual
![]()
Waktu beberapa hari search di google, cari cara gimana yah bikin slide show image pake javascript. Sekian lama , akhirnya ketemu juga dengan caranya. Sebenernya ini merupakan repost, dari artikel aslinya disini. ini juga dikarenakan bentuk aslinya dalam bentuk bahaas inggris. dengan penjelasan yang masih dalam bentuk (live demo), disini saya coba translatekan dalam bahasa yang lebih sederhana : (dibawah ini contoh, tapi yang perlu anda ingat kawan - kawan. Pembuatan slide show ini digunakan untuk blog yang berdiri sendiri. bukan dari blogger)
Ok kita langsung aja. sepertinya sudah tidak sabar semua yah :
Ok langsung aja, ikutin langkah-langkahnya :
1. bikin 1 halaman .html standar isinya :
<html>
<head>
</head>
<body>
</body>
</html>
2. Siapin 3 biji file gambar .jpg, kasi nama image1.jpg, image2.jpg, dan image3.jpg. taro di direktori yg sama ama file html (sebenernya terserah sih asal nanti linknya bener)
3. Tempel code kya gini diantara :
<div style="background-image: url(image2.jpg); background-repeat: no-repeat;" id="imgBackground"><img style="opacity: 0;" ilo-full-src="image1.jpg" alt="slide show" src="image1.jpg" id="imgview" width="200" height="200"></div>
tambahin di bahawnya javascript ini :
<script type="text/javascript">
var FadeDurationMS=1000;function SetOpacity(object,opacityPct){object.style.filter='alpha(opacity='+opacityPct+')';
object.style.MozOpacity=opacityPct/100;object.style.opacity=opacityPct/100;}
function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{var element=document.getElementById(id);var msNow=(new Date()).getTime();
var opacity=fromO+(toO-fromO)*(msNow-msStart)/msDuration;
if(opacity>=100)
{SetOpacity(element,100);element.timer=undefined;}
else if(opacity<=0)
{SetOpacity(element,0);element.timer=undefined;}
else
{SetOpacity(element,opacity);element.timer=window.setTimeout("ChangeOpacity('"+id+"',"+msDuration+","+msStart+","+fromO+","+toO+")",10);}}
function FadeInImage(foregroundID,newImage,backgroundID)
{var foreground=document.getElementById(foregroundID);if(foreground.timer)window.clearTimeout(foreground.timer);
if(backgroundID)
{var background=document.getElementById(backgroundID);if(background)
{if(background.src)
{foreground.src=background.src;SetOpacity(foreground,100);}
background.src=newImage;background.style.backgroundImage='url('+newImage+')'; background.style.backgroundRepeat='no-repeat';var startMS=(new Date()).getTime();foreground.timer=window.setTimeout("ChangeOpacity('"+foregroundID+"',"+FadeDurationMS+","+startMS+",100,0)",10);}}else{foreground.src=newImage;}}
var slideCache=new Array();function RunSlideShow(pictureID,backgroundID,imageFiles,displaySecs)
{var imageSeparator=imageFiles.indexOf(";");var nextImage=imageFiles.substring(0,imageSeparator);FadeInImage(pictureID,nextImage,backgroundID);var futureImages=imageFiles.substring(imageSeparator+1,imageFiles.length)
+';'+nextImage;setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+futureImages+"',"+displaySecs+")",displaySecs*1000);imageSeparator=futureImages.indexOf(";");nextImage=futureImages.substring(0,imageSeparator);if(slideCache[nextImage]==null)
{slideCache[nextImage]=new Image;slideCache[nextImage].src=nextImage;}}</script>
<script type="text/javascript">RunSlideShow("imgview","imgbackground","image1.jpg;image2.jpg;"
+"image3.jpg",3);</script>
buat mempercepat waktu pindah gambar ubah aja nilai variabel FadeDurationMS di javascriptnya defaultnya sih 1000 milisecond. Kalo mau ditambah jumlah gambarnya tinggal tambahin di fungsi RunslideShow di atas, lihat deh di atas kan ada array 3 dengan isi image1.jpg sampe image3.jpg. tambahin aja sampe 10 image n ganti variable 3 jadi 10 OK.
beres deh.. coba run file htmlnya… smoga jalan. live demo bisa diliat di sini
Akhirnya jadi juga artikel ini, walaupun repost. tapi gw udah cukup lega.
good luck yah kawan - kawan
Havent Met You Yet - Michael Buble
Havent Met You Yet - Michael Buble
I'm Not Surprised
Not Everything Lasts
I've Broken My Heart So Many Times,
I Stop Keeping Track.
Talk Myself In
I Talk Myself Out
I Get All Worked Up
And Then I Let Myself Down.
I Tried So Very Hard Not To Loose It
I Came Up With A Million Excuses
I Thought I Thought Of Every Possibility
And I Know Someday That It'll All Turn Out
You'll Make Me Work So We Can Work To Work It Out
And I Promise You Kid That I'll Give So Much More Than I Get
I Just Haven't Met You Yet
Mmmmm ....
I Might Have To Wait
I'll Never Give Up
I Guess It's Half Timing
And The Other Half's Luck
Wherever You Are
Whenever It's Right
You Come Out Of Nowhere And Into My Life
And I Know That We Can Be So Amazing
And Baby Your Love Is Gonna Change Me
And Now I Can See Every Possibility
Mmmmm ......
And Somehow I Know That It Will All Turn Out
And You'll Make Me Work So We Can Work To Work It Out
And I Promise You Kid I'll Give So Much More Than I Get
I Just Haven't Met You Yet
They Say All's Fair
And In Love And War
But I Won't Need To Fight It
We'll Get It Right
And We'll Be United
And I Know That We Can Be So Amazing
And Being In Your Life Is Gonna Change Me
And Now I Can See Every Single Possibility
Mmmm .....
And Someday I Know It'll All Turn Out
And I'll Work To Work It Out
Promise You Kid I'll Give More Than I Get
Than I Get Than I Get Than I Get
Oh You Know It'll All Turn Out
And You'll Make Me Work So We Can Work To Work It Out
And I Promise You Kid To Give So Much More Than I Get
Yeah I Just Haven't Met You Yet
I Just Haven't Met You Yet
Oh Promise You Kid
To Give So Much More Than I Get
I Said Love Love Love Love Love Love Love .....
I Just Haven't Met You Yet
Love Love Love .....
I Just Haven't Met You Yet
DOWNLOAD KLIK DISINI
So cold - Chris Brown
So Cold - Chris Brown
Damn,I want my baby back
It's so cold without her
Cold without her
She's gone
Now I'm alone, no one to hold on
Cause she was the only one
And I know I was dead wrong
But if you u u
If you u u
See her sooonn
Ask her will she forgive me
If you ever see her
If you ever meet her
If you ever get a chance to sit down and talk to her,
let her know it's so cold
It's so cold, it's so cold
Here without her
And tell her I miss her
Tell her I need her
Tell her I want her
I really want her to come back home, back to keep me warm
Tell her I'm sorry, I'm really sorry
Can you forgive me?
Please forgive me
And come back home, keep me safe and warm
Now my baby's really gone
I don't know if she's coming home
My love's up,
I know
Tell me what to do to get her back
Back where her heart belongs, been gone from me too long
So if you u u, seen my boo o o
Please can you u u
Can you tell her for me
If you ever see her
If you ever meet her
If you ever get a chance to sit down and talk to her
Let her know it's so cold
It's so cold, it's so cold
Here without her
And tell her I miss her
Tell her I need her
Tell her I want her
I really want her to come back home, back to keep me warm
Tell her I'm sorry, I'm really sorry
Can you forgive me?
Please forgive me
And come back home, keep me safe and warm
If you ever see her
If you ever meet her
If you ever get a chance to sit down and talk to her
Let her know it's so cold
It's so cold, it's so cold
Wïthout her
DOWNLOAD KLIK
Chris Brown - Crawl
Everybody sees it's you
I'm the one that lost the view
Everybody says we're through
I hope you haven't said it too
So where do we go from here
With all this fear in our eyes?
And where can love take us now?
We've been so far down, we can still touch the sky
If we crawl 'til we can walk again
Then we'll run until we're strong enough to jump
Then we'll fly until there is no wind
So let's crawl, crawl, crawl
Back to love, yeah
Back to love, yeah
Why did I change the pace?
Hearts were never meant to race
Always felt the need for space
And now I can't reach your face
So where are you standing now?
Are you in the crowd of my vault?
Love, can't you see my hand?
I need one more chance, we can still have it all
If we crawl 'til we can walk again
Then we'll run until we're strong enough to jump
Then we'll fly until there is no wind
So let's crawl, crawl, crawl
Back to love, yeah
Back to love, yeah
Everybody see's it's you
Well, I never wanna lose that view
If we crawl 'til we can walk again
Then we'll run until we're strong enough to jump
Then we'll fly until there is no wind
So let's crawl, crawl, crawl
If we crawl 'til we can walk again
Then we'll run until we're strong enough to jump
Then we'll fly until there is no wind
So let's crawl, crawl, crawl
Back to love
UNTUK DOWNLOAD KLIK
Senin, 07 Desember 2009
Ngintip Template Wordpress Tetangga
Sebelum saya memulai tutorial ini saya coba mau tanya, anda pasti sering melihat template yang sering sekali anda idam - idamkan, Rasanya pasti anda pernah. Sama seperti saya, saya juga pernah mengalaminya. Didalam tutorial ini saya akan coba menunjukkan kepada anda, bagaimana cara melihat template orang lain. Saya mohon maaf sebelumnya kepada salah satu web template yang saya gunakan sebagai contoh.
Sepertinya tidak usah lebih lama lagi untuk memulai kisah menyedihkan ini 
.( untuk itu saya mohon maaf untuk sebesar-besarnya).
Yang perlu anda siapkan:
1. Pertama yang perlu anda siapkan sebuah browser srigala api (firefox),
2. Lalu sebuah equip (add-ons) untuk srigala api yang namanya Web Developer ( bisa anda download di alamat ini )
3. Yang keempat koneksi internet
Bila kita sudah siap mari kita mulai,
Pertama buka web site , setelah itu bila firefox anda sudah terpasang web devloper carilah menu CSS — View CSS atau anda bisa tekan CTL+SHIFT+C( atau lihat gambar dibawah ini). isana akan muncul css nya o-om, seperti ini
/* Main settings
--------------------------------------
*/
body{background:#ececec url(http://img152.imageshack.us/img152/6128/bgrmp2.gif) repeat-y center; margin:0; padding-top:0px; font:12px verdana,arial,Sans-erif; text-align:center; color:#333}
.updateinfo{display:none}
a:link{ color:#346ba4; text-decoration:none}
a:visited{ color:#800000; text-decoration:none}
a:hover{ color:#56b9ff; text-decoration:underline}
#main .post-body a:link{ color:#346ba4; text-decoration:none}
#main .post-body a:visited{ color:#800000; text-decoration:none}
#main .post-body a:hover{ color:#56b9ff; text-decoration:underline}
a img{ border-width:0}
.post-body img{ margin:5px; border:1px solid #444}
#main-wrapper a:link{ color:#222; text-decoration:none}
#main-wrapper a:visited{ color:#c13a10; text-decoration:none}
#main-wrapper a:hover{ color:#c13a10; text-decoration:underline}
/* Header
--------------------------------------*/
#header-wrapper{ background:#fff; width:900px; height:135px; margin:0; padding:0; text-align:left; border-top:10px solid #fff}
#header{ margin:0; padding:0}
#header h1{ margin:0; padding:0px 0 0 0px; font-size:90%; font-weight:bold; line-height:1.3em; letter-spacing:.1em; font-style:normal; color:#333; display:none}
#header a{ color:#333; text-decoration:none}
#header a:hover{ color:#333; text-decoration:underline}
.descriptionwrapper p{ margin:0; padding:3px 0 0 10px; line-height:1.3em; font-style:normal; font-weight:bold; font-size:90%; letter-spacing:.1em; color:#333; display:none}
.ad-banner{ width:200px; margin:0; padding:7px 0 0 7px; float:left}
.ad-banner2{ width:390px; height:117px; margin:0; padding:7px 0px 0 0; float:right; border-left:4px dotted #c0c0c0;}
#ad-banner2 li{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP1DOIdyWeUABhDvsLzFBCXVOezuTDj4VTccIR8KgeMal2BqsQzNchnwpgm7TxFtK5ca54gpDB_E1yJ2lvTgIwjCHR2Igw-MbMCeBT2Ro3pjHlxjEr-KLFAnlkKCxwGGFGhSHthBZ1-Uk/s400/link_arrow.png") no-repeat 0px .30em; margin:0; padding:0 0 .25em 17px; line-height:1.2em}
#ad-banner2 ul{ list-style:none; margin:0 0 0; padding:7px 20px 0px}
.ad-banner3{ width:780px; margin:0; padding:0px 0 0 70px; float:center}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper{background:#fff; width:900px; margin:0 auto; padding:0; text-align:left; border-right:0px solid #222; border-bottom:0px solid #222; border-top:0px solid #222; border-left:0px solid #222}
#main-wrapper{background:#fff; width:520px; float:left; margin:0px; padding:10px 0 0px 15px; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper{background:#fff; width:330px; float:right; margin:2px; padding-right:12px; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}
.ad-box{ margin:0; padding:17px 0 0; text-align:left}
.sidebar-left{ width:150px; float:left; margin:0; padding:3px 2px 0 0}
.sidebar-right{ width:150px; margin:0; padding:3px; float:right}
.sidebar-bottom{ width:330px; float:right; padding:3px; margin:0; padding-right:0px}
.sidebar-bottom-hide{ width:330px; float:right; padding:3px; margin:0; padding-right:0px;visibility:hidden}
br{ clear:both}
/* Headings
----------------------------------------------- */
#sidebar-wrapper h2{ margin:.6em 0 .6em; padding:0; font-size:11px; font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#222; border-bottom:1px dotted #c0c0c0}
/* Headings
----------------------------------------------- */
h2.date-header{ margin:.0em 0 0; padding:0; font-size:80%; color:#777; height:0px; visibility:hidden}
.post{ margin:.5em 0 1em; padding-bottom:1em; padding-right:1em; text-align:justify}
.post h3{ margin:.5em 0; padding:0 0 0; font-size:12px; font-weight:bold; font-style:normal; line-height:20px; color:#333}
.post h3 a, .post h3 a:visited, .post h3 strong{ display:block; font-size:18px; text-decoration:none; font-style:normal; color:#333; font-weight:normal}
.post h3 strong, .post h3 a:hover{ color:#777; text-decoration:underline}
.post{ margin:0 0 .10em; line-height:20px}
.post-body, .post-body p{ margin:0; padding:0; line-height:20px}
.post-footer{ margin:.75em 0 0px; color:#ff7800; letter-spacing:.0em; font-size:90%; line-height:1.3em; border-bottom:1px dotted #B7B7B7}
.post-footer p{ margin:0; padding:0px 0 5px; line-height:1.3em}
.post-body{ margin-top:0}
.comment-link{ margin-left:.6em}
.post img{ margin:0px; padding:0; border:1px dotted #fff}
.post bt{float:left; color:#222; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px}
.post blockquote{ margin:1em 20px; padding-left:30px; padding-right:5px; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHxOMt6dv8biQTzPuOQnlaGt2nuxHbmrB20ApeMQbTAWm4Ip9_-v30LMkeEEj89zkeRVTKujVg0T6g5A4YTvNcRosi6XbGv0k4kh4TQLJ1CxQgWKfDEOP1qn6R32dTQ1Lokz7_uKlFkLs/s400/quotes_icon.gif") no-repeat 0 .0em; color:#666; border:1px dotted #ccc}
.post blockquote p{ margin:.75em 0; padding-right:5px; padding-left:5px; border:1px dotted #ccc; background:#F7F7F7}
p.post-footer-line-3{ margin:0 auto; padding:0}
/* Comments
----------------------------------------------- */
#comments h4{ background:#efefef url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2xSFE6pX4hQyP52WIvbyk5BP74otk2KlYlm8Owk4mnKsjSzFPVknr5YqvIF8qeTC0aFC1cwabns_xpWVdDLKRbSk1ckmoqWsT4t-o7ImBju2oL2N2EssWtgtQYa8cuGdNoJYdi5SdYtYZ/s400/icon_comments.png") no-repeat 3px .3em; width:485px; margin:.1em 0; font-size:12pt; font-weight:bold; line-height:1.5em; letter-spacing:.1em; color:#111; padding-left:25px}
#comments-block{ border:1px dotted #ccc; width:510px; margin:1.3em 0 1.5em; line-height:1.6em}
#comments-block .comment-author{ margin:.5em 0; padding-left:25px; background:#FFFFCC url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8VV1YYrJuj8IYZGqucVB3LYY34cFT8xTCsbUvVofvkpKnM9t2Ofm_URfakqj3nVVJIC2inVudk5_wl-g7Zo_LVc6tKy2plQqj2w-GlfP-OiEJuU8t5Z5EiPoDNih_F_r4WEN3UQm4aX3m/s400/icon_comment.gif") no-repeat 3px .3em; color:#111}
#comments-block .comment-body{ margin:.25em 0 0; color:#333}
#comments-block .comment-footer{padding-left:5px; margin:-.25em 0 2em; line-height:1.5em; font-size:7pt; letter-spacing:.1em}
#comments-block .comment-body p{ margin:0 0 .75em; padding-left:5px; background:#f3f3f3}
#comments-block a:link{ color:#c13a10}
.deleted-comment{ font-style:italic; color:gray}
.owner-Body{margin:0 0 .75em; padding:0 0 0 0px; padding-left:5px; background:#DFFFDF}
.owner-Body p{margin:0 0 .2em 0}
#blog-pager-newer-link{ float:left; line-height:1.8em; font-weight:bold}
#blog-pager-older-link{ float:right; line-height:1.8em; font-weight:bold}
#blog-pager{ width:510px; text-align:center; background:#efefef; line-height:1.8em; font-weight:bold; color:white}
.feed-links{ clear:both; line-height:0em; display:none}
/* Sidebar Content
----------------------------------------------- */
#sidebar-wrapper ul{ list-style-type:none}
#sidebar-wrapper p{ padding-left:12px; color:#333}
#sidebar-wrapper{ color:#333; line-height:1.3em}
#sidebar-wrapper ul{ list-style:none; margin:0 0 0; padding:0 0 8px}
#sidebar-wrapper li{margin:0; padding:0 0 .25em 0px; line-height:18px}
#sidebar-wrapper ul li {border-bottom: 1px dotted #B7B7B7}
#sidebar-wrapper .widget, .main .widget{ margin:0 0 0px; padding:0 0 5px}
.sidebar section{ margin:0; padding:0}
.main .Blog{ border-bottom-width:0}
#ArchiveList{ padding-left:0px}
widget-content{}
/* Profile
----------------------------------------------- */
.profile-img{ float:left; margin:3px 7px 1px 0; padding:0px; border:1px solid #ccc;}
.profile-data{ margin:0; letter-spacing:.1em; font-size:90%; font-weight:bold; line-height:1.4em; display:none}
.profile-datablock{ margin:.5em 0 .5em .5em; }
.profile-textblock{ text-align:justify; margin:0.5em; line-height:1.6em}
.profile-link{padding-left:0px; font-weight:bold}
/* Footer
----------------------------------------------- */
#footer-wrapper{ height:0px; clear:both; margin:0 auto; text-align:left; padding:1px}
#upper-footer{width:860px; margin:0 auto; padding:0px; clear:both; line-height:1.3em; letter-spacing:.0em; font-size:95%; border-top:1px solid #c0c0c0;padding-top:10px}
.credits{ margin:0; width:900px; padding:0px 0px 0px; font-size:95%}
body#layout #header{ margin-left:0px; margin-right:0px}
/* bottom
---------------------------- */
#bottom{ background:#444 url(http://img152.imageshack.us/img152/8805/buttommenubgraq8.gif) no-repeat; width:900px; position:relative; clear:both; margin:0 auto; float:left; padding:5px 0 10px 0; color:#fff;}
#bottom a:link{color:#fff; text-decoration:underline}
#bottom a:visited{color:#C0C0C0; text-decoration:underline}
#bottom h2{padding:20px 0 2px 0; margin:0 0 10px 0; font-size:11px; font-weight:bold; line-height:1.4em; text-transform:uppercase; border-bottom:0px dotted #fff}
#bottom ul{padding:0; margin:0; color:#FF9933}
#bottom ul li{list-style-type:none; border-bottom:0px solid #626200; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP1DOIdyWeUABhDvsLzFBCXVOezuTDj4VTccIR8KgeMal2BqsQzNchnwpgm7TxFtK5ca54gpDB_E1yJ2lvTgIwjCHR2Igw-MbMCeBT2Ro3pjHlxjEr-KLFAnlkKCxwGGFGhSHthBZ1-Uk/s400/link_arrow.png") no-repeat 0px .30em; padding-left:17px; margin-top:2px}
#left-bottom{width:210px; float:left; padding-left:22px}
#center-bottom{width:280px; float:left; padding-left:0px}
#right-bottom{width:330px; float:left; padding:0 5px 0 28px}
#left-bottom2{width:30px; padding-top:16px; float:left; padding-left:20px}
#center-bottom2{width:760px; font-size:90%; padding-top:16px; float:left; padding-left:30px}
#right-bottom2{width:30px; padding-top:16px; float:left; padding-left:20px}
/*-- (Menu/Nav) --*/
#nav{background:#fff url(http://img244.imageshack.us/img244/2094/topmenubgrhy3.gif) no-repeat; height:32px; padding:4px 0 0; margin-bottom:0px}
#nav-left{float:left; display:inline; width:660px; padding-left:6px}
#nav-right{float:right; display:inline; width:200px}
#nav ul{position:relative; overflow:hidden; padding-left:0px; margin:0; font:1.0em Verdana,Arial,Helvetica,sans-serif;font-weight:bold;}
#nav ul li{float:left; list-style:none}
#nav ul li a, #nav ul li a:visited{display:block; color:#fff; margin:0 5px; padding:5px 4px; text-decoration:none}
#nav ul li a:hover{color:#800000; background-color:#fff; margin:0 5px; padding:5px 4px}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{margin:0 8px; background-color:#fff; color:#fff; padding:5px 7px}
/*-- (Search) --*/
#search{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCqS2HcSg0LCIFsuCwouOHSrgbekk1t8u8if4QjJjbZAncYCbI9scX8HFrfbga3eTm0u3dby9FemQp3TSrbdAW6WR6Qe_UmejX26FioCgl4YQhNKbP_G9QLhzlxd1dvJwCsgCzCqZBv7Em/s400/search.gif) 6px 0px no-repeat; border:1px solid #333; float:right; height:23px; margin:0 15px 0 0; width:180px}
#search input{font-family:Verdana,Arial,Helvetica,sans-serif; background:transparent; border:0; color:#555; float:left; font-size:12px; margin:5px 0 0; padding:0px 2px 2px 30px; width:140px}
Sekarang kita bisa lakukan copy paste pada code yang dimulai dari main sampai search saja. Jadi bukan asal copy paste. Setelah itu jadi deh template yang sesuai dengan target kita.
Good Luck














