Kumpulan tutorial blogspot

Cara Membuat ScreenSaver pada Blog

noreply@blogger.com (jany) — Mon, 02 May 2011 01:52:00 +0000

Akhirnya ketemu juga caranya

kali ini saya akan berbagi cara membuat screensaver pada blog

sehingga blog kita setelah tidak ada aktifitas akan muncul screensaver seperti komputer atau laptop yang kita pakai.

ini caranya:

Setelah login di blogger.com
Menuju Rancangan
Menuju EDIT HTML
cari kode <head> dengan cara tekan tombol Ctrl+F,kemudian ketikan <head>
Paste kode berikut di bawah kode <head>:

Simpan

cara merakit komputer

noreply@blogger.com (jany) — Sat, 30 Apr 2011 02:23:00 +0000

Sengaja di sajikan beserta gambar agar mudah paham nggak usah baca buku tebal2 ini aja saya percaya akan memudahkan membantu merakit computer apapun jenisnya selamat mencoba.

Berikut ini akan dibahas mengenai bagaimana cara merakit komputer, terutama bagi mereka yang baru belajar .. dari beberapa referensi yang saya pelajari .. maka berikut ini akan dijelaskan langkah demi langkah cara merakit komputer, mudah-mudahan bermanfaat .. Red. deden

Komponen perakit komputer tersedia di pasaran dengan beragam pilihan kualitas dan harga. Dengan merakit sendiri komputer, kita dapat menentukan jenis komponen, kemampuan serta fasilitas dari komputer sesuai kebutuhan.Tahapan dalam perakitan komputer terdiri dari:

A. Persiapan
B. Perakitan
C. Pengujian
D. Penanganan Masalah

Persiapan

Persiapan yang baik akan memudahkan dalam perakitan komputer serta menghindari permasalahan yang mungkin timbul.Hal yang terkait dalam persiapan meliputi:

Penentuan Konfigurasi Komputer

Persiapan Kompunen dan perlengkapan

Pengamanan

Penentuan Konfigurasi Komputer

Konfigurasi komputer berkait dengan penentuan jenis komponen dan fitur dari komputer serta bagaimana seluruh komponen dapat bekerja sebagai sebuah sistem komputer sesuai keinginan kita.Penentuan komponen dimulai dari jenis prosessor, motherboard, lalu komponen lainnya. Faktor kesesuaian atau kompatibilitas dari komponen terhadap motherboard harus diperhatikan, karena setiap jenis motherboard mendukung jenis prosessor, modul memori, port dan I/O bus yang berbeda-beda.

Persiapan Komponen dan Perlengkapan

Komponen komputer beserta perlengkapan untuk perakitan dipersiapkan untuk perakitan dipersiapkan lebih dulu untuk memudahkan perakitan. Perlengkapan yang disiapkan terdiri dari:

Komponen komputer

Kelengkapan komponen seperti kabel, sekerup, jumper, baut dan sebagainya

Buku manual dan referensi dari komponen

Alat bantu berupa obeng pipih dan philips

Software sistem operasi, device driver dan program aplikasi.

Buku manual diperlukan sebagai rujukan untuk mengatahui diagram posisi dari elemen koneksi (konektor, port dan slot) dan elemen konfigurasi (jumper dan switch) beserta cara setting jumper dan switch yang sesuai untuk komputer yang dirakit.Diskette atau CD Software diperlukan untuk menginstall Sistem Operasi, device driver dari piranti, dan program aplikasi pada komputer yang selesai dirakit.

Pengamanan

Tindakan pengamanan diperlukan untuk menghindari masalah seperti kerusakan komponen oleh muatan listrik statis, jatuh, panas berlebihan atau tumpahan cairan.Pencegahan kerusakan karena listrik statis dengan cara:

Menggunakan gelang anti statis atau menyentuh permukaan logam pada casing sebelum memegang komponen untuk membuang muatan statis.

Tidak menyentuh langsung komponen elektronik, konektor atau jalur rangkaian tetapi memegang pada badan logam atau plastik yang terdapat pada komponen.

Perakitan

Tahapan proses pada perakitan komputer terdiri dari:

Penyiapan motherboard

Memasang Prosessor

Memasang heatsink

Memasang Modul Memori

memasang Motherboard pada Casing

Memasang Power Supply

Memasang Kabel Motherboard dan Casing

Memasang Drive

Memasang card Adapter

Penyelesaian Akhir

1. Penyiapan motherboard

Periksa buku manual motherboard untuk mengetahui posisi jumper untuk pengaturan CPU speed, speed multiplier dan tegangan masukan ke motherboard. Atur seting jumper sesuai petunjuk, kesalahan mengatur jumper tegangan dapat merusak prosessor.

2. Memasang Prosessor

Prosessor lebih mudah dipasang sebelum motherboard menempati casing. Cara memasang prosessor jenis socket dan slot berbeda.Jenis socket

Tentukan posisi pin 1 pada prosessor dan socket prosessor di motherboard, umumnya terletak di pojok yang ditandai dengan titik, segitiga atau lekukan.

Tegakkan posisi tuas pengunci socket untuk membuka.

Masukkan prosessor ke socket dengan lebih dulu menyelaraskan posisi kaki-kaki prosessor dengan lubang socket. rapatkan hingga tidak terdapat celah antara prosessor dengan socket.

Turunkan kembali tuas pengunci.

Jenis Slot

Pasang penyangga (bracket) pada dua ujung slot di motherboard sehingga posisi lubang pasak bertemu dengan lubang di motherboard

Masukkan pasak kemudian pengunci pasak pada lubang pasak

Selipkan card prosessor di antara kedua penahan dan tekan hingga tepat masuk ke lubang slot.

3. Memasang Heatsink

Fungsi heatsink adalah membuang panas yang dihasilkan oleh prosessor lewat konduksi panas dari prosessor ke heatsink.Untuk mengoptimalkan pemindahan panas maka heatsink harus dipasang rapat pada bagian atas prosessor dengan beberapa clip sebagai penahan sedangkan permukaan kontak pada heatsink dilapisi gen penghantar panas.Bila heatsink dilengkapi dengan fan maka konektor power pada fan dihubungkan ke konektor fan pada motherboard.

4. Memasang Modul Memori

Modul memori umumnya dipasang berurutan dari nomor socket terkecil. Urutan pemasangan dapat dilihat dari diagram motherboard.Setiap jenis modul memori yakni SIMM, DIMM dan RIMM dapat dibedakan dengan posisi lekukan pada sisi dan bawah pada modul.Cara memasang untuk tiap jenis modul memori sebagai berikut.

Jenis SIMM

Sesuaikan posisi lekukan pada modul dengan tonjolan pada slot.

Masukkan modul dengan membuat sudut miring 45 derajat terhadap slot

Dorong hingga modul tegak pada slot, tuas pengunci pada slot akan otomatis mengunci modul.

Jenis DIMM dan RIMM

Cara memasang modul DIMM dan RIMM sama dan hanya ada satu cara sehingga tidak akan terbalik karena ada dua lekukan sebagai panduan. Perbedaanya DIMM dan RIMM pada posisi lekukan

Rebahkan kait pengunci pada ujung slot

sesuaikan posisi lekukan pada konektor modul dengan tonjolan pada slot. lalu masukkan modul ke slot.

Kait pengunci secara otomatis mengunci modul pada slot bila modul sudah tepat terpasang.

5. Memasang Motherboard pada Casing

Motherboard dipasang ke casing dengan sekerup dan dudukan (standoff). Cara pemasangannya sebagai berikut:

Tentukan posisi lubang untuk setiap dudu
kan plastik dan logam. Lubang untuk dudukan logam (metal spacer) ditandai dengan cincin pada tepi lubang.

Pasang dudukan logam atau plastik pada tray casing sesuai dengan posisi setiap lubang dudukan yang sesuai pada motherboard.

Tempatkan motherboard pada tray casing sehinga kepala dudukan keluar dari lubang pada motherboard. Pasang sekerup pengunci pada setiap dudukan logam.

Pasang bingkai port I/O (I/O sheild) pada motherboard jika ada.

Pasang tray casing yang sudah terpasang motherboard pada casing dan kunci dengan sekerup.

6. Memasang Power Supply

Beberapa jenis casing sudah dilengkapi power supply. Bila power supply belum disertakan maka cara pemasangannya sebagai berikut:

Masukkan power supply pada rak di bagian belakang casing. Pasang ke empat buah sekerup pengunci.

HUbungkan konektor power dari power supply ke motherboard. Konektor power jenis ATX hanya memiliki satu cara pemasangan sehingga tidak akan terbalik. Untuk jenis non ATX dengan dua konektor yang terpisah maka kabel-kabel ground warna hitam harus ditempatkan bersisian dan dipasang pada bagian tengah dari konektor power motherboard. Hubungkan kabel daya untuk fan, jika memakai fan untuk pendingin CPU.

7. Memasang Kabel Motherboard dan Casing

Setelah motherboard terpasang di casing langkah selanjutnya adalah memasang kabel I/O pada motherboard dan panel dengan casing.

Pasang kabel data untuk floppy drive pada konektor pengontrol floppy di motherboard

Pasang kabel IDE untuk pada konektor IDE primary dan secondary pada motherboard.

Untuk motherboard non ATX. Pasang kabel port serial dan pararel pada konektor di motherboard. Perhatikan posisi pin 1 untuk memasang.

Pada bagian belakang casing terdapat lubang untuk memasang port tambahan jenis non slot. Buka sekerup pengunci pelat tertutup lubang port lalumasukkan port konektor yang ingin dipasang dan pasang sekerup kembali.

Bila port mouse belum tersedia di belakang casing maka card konektor mouse harus dipasang lalu dihubungkan dengan konektor mouse pada motherboard.

Hubungan kabel konektor dari switch di panel depan casing, LED, speaker internal dan port yang terpasang di depan casing bila ada ke motherboard. Periksa diagram motherboard untuk mencari lokasi konektor yang tepat.

8. Memasang Drive

Prosedur memasang drive hardisk, floppy, CD ROM, CD-RW atau DVD adalah sama sebagai berikut:

Copot pelet penutup bay drive (ruang untuk drive pada casing)

Masukkan drive dari depan bay dengan terlebih dahulu mengatur seting jumper (sebagai master atau slave) pada drive.

Sesuaikan posisi lubang sekerup di drive dan casing lalu pasang sekerup penahan drive.

Hubungkan konektor kabel IDE ke drive dan konektor di motherboard (konektor primary dipakai lebih dulu)

Ulangi langkah 1 samapai 4 untuk setiap pemasangan drive.

Bila kabel IDE terhubung ke du drive pastikan perbedaan seting jumper keduanya yakni drive pertama diset sebagai master dan lainnya sebagai slave.

Konektor IDE secondary pada motherboard dapat dipakai untuk menghubungkan dua drive tambahan.

Floppy drive dihubungkan ke konektor khusus floppy di motherboard

Sambungkan kabel power dari catu daya ke masing-masing drive.

9. Memasang Card Adapter

Card adapter yang umum dipasang adalah video card, sound, network, modem dan SCSI adapter. Video card umumnya harus dipasang dan diinstall sebelum card adapter lainnya. Cara memasang adapter:

Pegang card adapter pada tepi, hindari menyentuh komponen atau rangkaian elektronik. Tekan card hingga konektor tepat masuk pada slot ekspansi di motherboard

Pasang sekerup penahan card ke casing

Hubungkan kembali kabel internal pada card, bila ada.

10. Penyelessaian Akhir

Pasang penutup casing dengan menggeser

sambungkan kabel dari catu daya ke soket dinding.

Pasang konektor monitor ke port video card.

Pasang konektor kabel telepon ke port modem bila ada.

Hubungkan konektor kabel keyboard dan konektor mouse ke port mouse atau poert serial (tergantung jenis mouse).

Hubungkan piranti eksternal lainnya seperti speaker, joystick, dan microphone bila ada ke port yang sesuai. Periksa manual dari card adapter untuk memastikan lokasi port.

Pengujian

Komputer yang baru selesai dirakit dapat diuji dengan menjalankan program setup BIOS. Cara melakukan pengujian dengan program BIOS sebagai berikut:

Hidupkan monitor lalu unit sistem. Perhatikan tampilan monitor dan suara dari speaker.

Program FOST dari BIOS secara otomatis akan mendeteksi hardware yang terpasang dikomputer. Bila terdapat kesalahan maka tampilan monitor kosong dan speaker mengeluarkan bunyi beep secara teratur sebagai kode indikasi kesalahan. Periksa referensi kode BIOS untuk mengetahui indikasi kesalahan yang dimaksud oleh kode beep.

Jika tidak terjadi kesalahan maka monitor menampilkan proses eksekusi dari program POST. ekan tombol interupsi BIOS sesuai petunjuk di layar untuk masuk ke program setup BIOS.

Periksa semua hasil deteksi hardware oleh program setup BIOS. Beberapa seting mungkin harus dirubah nilainya terutama kapasitas hardisk dan boot sequence.

Simpan perubahan seting dan keluar dari setup BIOS.

Setelah keluar dari setup BIOS, komputer akan meload Sistem OPerasi dengan urutan pencarian sesuai seting boot sequence pada BIOS. Masukkan diskette atau CD Bootable yang berisi sistem operasi pada drive pencarian.

Penanganan Masalah

Permasalahan yang umum terjadi dalam perakitan komputer dan penanganannya antara lain:

Komputer atau monitor tidak menyala, kemungkinan disebabkan oleh switch atau kabel daya belum terhubung.

Card adapter yang tidak terdeteksi disebabkan oleh pemasangan card belum pas ke slot/

LED dari hardisk, floppy atau CD menyala terus disebabkan kesalahan pemasangan kabel konektor atau ada pin yang belum pas terhubung. Selamat Mencoba dan Semoga Bermanfaat.

Artikel ini bersumber dari OM google, jadi dijamin mutunya bagus + sudah sering di praktek oleh saya dan banyak orang lagi.....

Cara Menginstal Ubuntu 10.04

noreply@blogger.com (jany) — Fri, 29 Apr 2011 05:41:00 +0000

Untuk PemulaUbuntu - Berikut ini adalah cara menginstal Ubuntu 10.04 untuk pemula atau bagi anda yang ingin mencoba mengenal lebih dekat dengan sistem operasi Linux yang dikembangkan oleh Canonical ini.

Apa yang perlu anda persiapkan?

jika anda benar-benar pemula dan belum pernah menginstal distro linux apapun sebelumnya, kami menyarankan agar anda menggunakan komputer dengan hardisk yang benar-benar kosong. Mengapa demikian?.. sebab kesalahan yang mungkin terjadi selama proses instalasi, terutama pada proses mempartisi harddisk, akan menyebabkan data atau file penting anda akan hilang dan tak dapat dikembalikan lagi. Disini kami mengasumsikan anda menggunakan sebuah harddisk kosong untuk menginstal Ubuntu 10.04;

Anda memerlukan sebuah CD Ubuntu 10.04 untuk memulai instalasi, jika belum ada, silahkan anda download Iso Image Ubuntu 10.04 melalui link yang kami sediakan padaartikel ini. Silahkan anda pilih yang sesuai dengan perangkat keras yang anda miliki. Setelah Ubuntu 10.04 selesai anda download, burninglah file iso tersebut dengan aplikasi pembakar CD seperti Nero, CDBurnerXP ataupun Roxio.

Masukkan CD kedalam CD/DVD-Rom dan restart komputer untuk melakukan booting dari CD. Tekan tombol F8, F11 atau tombol F12 (bergantung pada BIOS Anda) untuk memilih CD/DVD-ROM sebagai boot device yang akan dijalankan pertama kali.

Silahkan tunggu hingga CD selesai diloading...

Selanjutnya anda akan disajikan pilihan apakah ingin menjalankan Ubuntu sebagai sebuah Live CD atau ingin menjalankannya sebagai CD instalasi. Bagi anda yang ingin mengetahui seluk beluk Ubuntu 10.04 namun belum ingin menginstalnya secara langsung, silahkan anda pilih opsi untuk menjalankannya sebagai Live CD. Andapaun dapat menjalankan Instalasi melalui link yang terdapat pada desktop jika anda memutuskan untuk menjalankannya sebagai live CD. Disini kami menganggap anda memilih untuk mejalankannya sebagai sebuah instalasi.

Anda akan melihat wallpaper dan panduan instalasi. Pilih bahasa yang akan Anda gunakan kemudian klik tombol "Install Ubuntu 10.04 LTS" untuk melanjutkan ...

Berikutnya anda akan diminta menentukan lokasi. Setelah memilih lokasi Anda saat ini, sesuaikan juga wilayah waktu yang anda gunakan. Anda juga dapat memilih lokasi saat ini melalui menu drop-down "Region" yang terletak di bagian bawah. Klik tombol "Forward" setelah Anda menentukan lokasi yang diinginkan ...

Pada layar ketiga, Anda dapat memilih layout keyboard yang ingin anda gunakan. Biarkan dalam kondisi default jika anda tidak ingin melakukan penyesuaian. Klik tombol "Forward" untuk melanjutkan proses ...

Berikutnya adalah proses yang sangat penting, dan seperti telah kami kemukakan sebelumnya, proses penentuan partisi hardisk adalah proses yang rawan terjadi kesalahan bagi para pemula. Namun disini kami berikan beberapa pilihan sebegai pengetahuan tambahan.

Anda memiliki empat pilihan di sini:

1. Jika Anda memiliki sistem operasi lain (misalnya Windows XP) dan Anda ingin sistem dual boot, pilih opsi pertama: "Install them side by side, choosing between them at each startup."

Catatan: Opsi ini hanya akan muncul jika Anda memiliki sistem operasi lain telah terinstal pada komputer, Microsoft Windows misalnya. Ingatlah bahwa, setelah proses instalasi, boot loader Windows akan ditimpa oleh boot loader Ubuntu!

2. Jika Anda ingin menghapus sistem operasi yang sudah ada, atau harddisk sudah dalam kondisi kosong, dan Anda ingin agar installer melakukan proses partisi secara otomatis, silahkan gunakan pilihan kedua, "Use the entire disk."

Catatan: Pilihan ini direkomendasikan bagi pengguna yang tidak memiliki sistem operasi lain terpasang pad komputer atau yang ingin menghapus sistem yang sudah ada.

3. Pilihan ketiga adalah "Use the largest continuous free space" ini akan menginstal Ubuntu 10.04 dalam partisi kosong dalam harddisk yang telah dipilih jika anda memasang lebih dari satu harddisk.

4. Pilihan keempat adalah "Specify partitions manually" jika anda ingin melakukan partisi secara manual dan ini hanya dianjurkan untuk pengguna tingkat lanjut, untuk membuat partisi khusus atau memformat hardisk dengan file system lain selain pilihan yang telah ditentukan secara default. Langkah ini juga dapat digunakan untuk membuat partisi /home secara terpisah, yang sangat berguna jika Anda menginstal ulang seluruh sistem Ubuntu dikemudian hari.

Berikut adalah cara melakukan partisi secara manual untuk membuat partisi /home:

- Pilih "Specify partitions manually (advanced)" dan klik tombol "Forward";

- Pastikan bahwa harddisk yang anda pilih telah benar. /dev/sda adalah hardisk fisik pertama. /dev/sdb adalah hardisk kedua jika Anda memiliki lebih dari satu harddisk. Jadi, pastikan bahwa Anda tahu harddisk mana yang ingin Anda format! Jika tidak, Anda akan kehilangan SEMUA DATA ANDA pada harddisk yang telah terlanjur anda format;

- Kami asumsikan harddisk yang dipilih adalah kosong (tidak ada sistem operasi lain atau data penting di dalamnya), tetapi telah memiliki beberapa partisi. Pilih masing-masing partisi tersebut dan klik tombol "Delete". Setelah beberapa saat, anda akan diberitahukan bahwa ruang telah kosong. Lakukan langkah ini pada partisi lain dari harddisk yang telah anda pilih, hingga semua partisi lama terhapus dan anda hanya memiliki sebuah partisi tunggal;

- Pilih pada partisi kosong tersebut, klik tombol "Add". Pada jendela baru yang muncul, isikan nilai 2000 (contoh saja) "dalam satuan megabyte" untuk membuat partisi "swap", untuk menentukannya, silahkan pilih dalam daftar menu drop down pada "Mount point" dan pilih "swap". Klik tombol OK, beberapa saat kemudian Anda akan mendapatkan sebuah partisi swap sesuai dengan kapasitas yang telah anda tentukan tadi;

- Pilih ruang kosong berikutnya, klik tombol "Add". Pada jendela yang muncul, pilih opsi "Primary", tentukan nilai antara 10.000 dan 50.000 dalam ukuran "megabyte" untuk digunakan sebagai partisi "/". Pilih opsi "/" pada menu drop down "Mount point". " Klik tombol OK, beberapa saat kemudian anda akan mendapatkan sebuah partisi "ext4 /" sesuai dengan ukuran yang telah anda tentukan;

- Pilih ruang harddisk yang tersisa, klik tombol "Add". Pada jendela baru, pilih Opsi "Primary", tentukan nilai antara 30.000 dan 50.000 (atau seberapapun ruang yang tersisa pada harddisk) dalam ukuran "megabyte" untuk digunakan sebagai partisi "/home". Pilih opsi "/home" pada menu drop down "Mount point". " Klik tombol OK, beberapa saat kemudian anda akan mendapatkan sebuah partisi "ext4 /home" sesuai dengan ukuran ynag telah anda tentukan;

Catatan: Anda dapat menentukan nilai sebuah partisi sesuai dengan kapasitas hardisk yang anda miliki, contohnya bila anda memiliki hardis dengan kapasitas 40GB, anda dapat membaginya menjadi tiga partisi; 2GB untuk "swap", 20GB untuk "/" dan sisanya 18GB untuk "/home".

Tabel partisi anda akan nampak seperti ini. Jika dirasa cukup, klik tombol "Forward" untuk melanjutkan proses instalasi ...

PERINGATAN: Perlu diketahui bahwa semua data pada harddisk atau partisi yang dipilih akan dihapus dan tak dapat dikembalikan lagi.

Klik "Forward" untuk melanjutkan proses instalasi ...

Pada langkah ini anda harus mengisi pada kolom sesuai dengan pertanyaan yang diminta. Pertama, isi kolom dengan nama asli Anda, berikutnya isi dengan nama yang ingin Anda gunakan untuk login pada Ubuntu (ini disebut "username" yang akan selalu diminta supaya anda bisa login ke dalam sistem) dan terakhir, silahkan masukkan password dan nama komputer yang anda inginkan. Ada sebuah opsi bernama "Log in automatically." Jika Anda mencentang kotak pada pilihan ini, Anda akan secara otomatis login ke desktop Ubuntu. Klik tombol "Forward" untuk melanjutkan ...

Ini proses akhir persiapan instalasi. Di sini, Anda dapat memilih untuk menginstal boot loader pada partisi lain dalam harddisk, tetapi hanya disarankan bagi pengguna tingkat lanjut. Jika anda seorang pemula, biarkan opsi pada langkah ini dalam kondisi default dan lanjutkanlah proses dengan memilih tombol "Insatll"

Proses instalasi Ubuntu 10.04 akan segera dilakukan, tunggulah hingga proses ini diselesaikan...

Setelah sekitar 10 hingga 18 menit (bergantung spesifikasi komputer Anda), sebuah jendela pop-up akan ditampilkan, yang intinya memberitahukan kepada anda bahwa instalasi telah selesai, Anda harus merestart komputer untuk mulai menggunakan sitem Ubuntu yang baru saja anda instal. Klik Tombol "Restart Now" untuk segera menjalankan sistem Ubuntu 10.04 pada komputer anda...

CD installasi secara otomatis akan dikeluarkan; ambil CD anda dan tekan "Enter" untuk me-reboot komputer. Komputer akan segera direstart dan dalam beberapa detik, Anda akan melihat boot splash Ubuntu ...

Pada layar login, klik username dan masukan password Anda. Klik tombol "Log In" atau tekan Enter untuk mulai menggunakan Ubuntu 10.04...

Nahh... bergembira dan bersuka citalah anda dengan sitem operasi baru anda, Ubuntu 10.04 Lucid Lynx......

Selamat mencoba....
Jika tidak bisa silakan bawa ke saya saja...hehehe

CARA MENGINSTAL WINDOWS VISTA

noreply@blogger.com (jany) — Fri, 29 Apr 2011 05:33:00 +0000

Welcome to Microsoft’s Windows Vista Ultimate Edition Install guide step by step on a new/blank hard drive. This guide will show you how to install Windows Vista. This install guide is fully graphical and will take you through each step of the installation. BY MAS BENDI TEKNOCARD JARDIKNAS KABUPATEN LUMAJANG

What you will require to do this walkthrough is
A Windows Vista Ultimate Edition CD or DVD

A Computer with CD-ROM or DVD-ROM access

Bios set to boot of the CD/DVD-ROM drive. ( Check out this guide for help with the BIOS )

To start this Windows install insert the first CD or the DVD into the drive and start or restart your computer

PART 1

Windows automatically run as the hard drive is blank, and will load files, this may take some time so be patient.

Windows Vista install loding file

Some of these stages can take quite sometime so be patient.

Now select your install Language,

LALU TEKAN NEXT

SETINGAN DI BUAT DEFAULT AJA DI ATAS CUMAN CONTOH! TEKAN NEXT

TEKAN NEXT TUK MELANJUTKAN MENGINSTAL

KLIK KIRI DENGAN MOUSE 1X PADA INSTAL NOW

PART 2

This section is the collecting information part. First you will need your Windows “Product Key”. This will be on the disk packaging provided with your CD’s/DVD’s. The product key will be 25 digits long and will contain letters and numbers.

CEKLIST PADA AUTOMATCALLY ACTIVATE WINDOWS WHEN I’M ONLINE DIHILANGKAN LALU TEKAN NEXT DENGAN MOUSE

MASUKKAN PRODUC KEY

BERI CEKLIST DENGAN KLIK KIRI 1X DENGAN MOUSE DI I ACCEPT THE LINCES TERMS LALU KILIK NEXT

Now you will asked the type of installation you wish to do. Click on “Custom” to continue.

SETELAH TAMPIL GAMBAR DI ATAS PILIH COSTUM ADVANCED

To setup the harddrive, click on “NEW”

Select the amount of size you wish to use and click on “APPLY”.

It will take a few moments to apply the settings.

Once done, click on “FORMAT” to format the drive.

You will receive a warning, click “OK” to continue, as all info will be permanently deleted.

Windows is now formating the drive, this may take a few moments so be patient.

Once done click on “NEXT” to continue.

PART 3

This section is for installing Windows, it will take sometime and does not require any input from you, so go make a cup of tea or watch TV as it may take up to an hour. Make sure there are no disks in your floppy drive, as the computer will reboot a few times during this process.
Windows now copies files:

Windows expands the files:

Windows is installing features:

Windows is installing updates:

Windows is doing a restart: It will do this automatically if you are not about, otherwise you can click “Restart Now” to speedthings up slightly.

The computer reboots:

If you get this message then you have left the a floppy disk in the floppy drive or your harddrive is not in the BIOS boot sequence correctly. Remove disk or fix BIOS then press “Any Key” to continue.

You may also get this message “Press any key to boot from CD or DVD..”, do not press and key and allow this to pass.
Windows continues Loading:

Windows is now booting for the first time, don’t be fooled there could still be a few reboots and quite a bit of installing to go.

Windows continues to install:

Windows does more updating and installing:

Windows reboots a few more times:

and then finally:

Something to do.

PART 4

Next Input your Username for the computers Administrator account. Then Click on Password.

Now input your password (One you will remember) and then retype the password to confirm. Also type in a password hint that would help you remember it just in case. You may also change the default local login image by clicking on a different picture.

If you change the image it will change as per below. Once done click “NEXT” to continue.

Now choose a computer name (Mainly used for ID on a network), and select a different background image if you wish.

If you change the background it will change as per below. Click “NEXT” to continue.

Next you need to check the time zone is correct and also the time and date. Time and date in from the BIOS, but “Time Zone” needs to be set, it will defaulted to the most common language location used by your default language as set earlier. Click the “Down arrow” at the end of the box.

Now select your “Time Zone”. Once you are happy with your selection click on “NEXT” to continue

Now select your Windows protection method. We recommend the top option “Use Recommended settings”, click on your selection to continue.

That is all the information gathered that is needed, Windows Install will thank you, click on “START” to continue….

PART 5

and begin to load.

and load….

Now the Windows “LOGIN” screen. Type in your password and click on the arrow (Or press “ENTER”) to continue.

Windows “WELCOMES” you….

Windows now “PREPARES THE DESKTOP”

Windows desktop appears and the stages of the install begin.

Several personalised settings will be installed.

The desktop will soon appear.

It is time to check your drivers and install all other software that you will require.
TIP: Usually running “Windows Update” will install most if not all missing drivers

THE END

Seperti halnya Windows XP aau Windows versi lainnya, proses instalasinya sangat mudah. Begitu juga dengan Windows Vista. Proses instalasi Windows Vista jauh lebih mudah. Pada proses instalasi ini Anda bisa langsung melakukan boot dari DVD dan langsung memformat harddisk Anda, kemudian proses instalasi terus dilaksanakan. Anda juga bisa dengan cara mengupgrade apabila sebelumnya sudah menggunakan Windows versi sebelumnya, misalnya Windows XP Professional.

Kalau proses instalasi dengan cara mengupgrade maka setelah Anda memasukkan master Windows Vista ke dalam drive DVD atau CD, maka segera tampil pilihan untuk melakukan instalasi. Dalam hal ini Anda tinggal menekan tombol Instal Now.

Selanjutnya dari tayangan tersebut Anda tinggal menunggu sehingga proses instalasi langsung dilaksanakan. Pada saat instalasi ini Anda hanya sesekali menekan tombol Next dan memasukkan CD-Key yang Anda miliki. Setelah proses instalasi selesai Anda diminta untuk melakukan activasi melalui Internet. Setelah melakukan activasi Windows Vista sudah siap digunakan.Publish

Menjalankan WIndows Vista

Untuk memulai Microsoft Windows Vista tekan tombol power di komputer dan di monitor. Setelah itu biarkan program bekerja. Tampilan awal sebelum Anda melakukan perubahan, Windows Vista akan menampilkan Welcome Center. Tampilan ini menjelaskan dan menampilkan hardware dan system yang Anda gunakan. Selain itu pada tampilan ini menampilkan fasilitas apabila Anda akan menambah hardware baru berupa Setup Device, fasilitas untuk menambah Account baru dan fasilitas untuk Transfer file dan setting.

Untuk mengetahui beberapa fasilitas yang disediakan Microsoft Windows Vista terutama yang berhubungan dengan multimedia Anda bisa menjalankan Media Center. Langkah yang harus Anda lakukan adalah sebagai berikut:
Klik Start
Klik Media Center
Klik Next untuk melanjutkan setup Media Center
Klik lagi Next
Kalau computer Anda memiliki koneksi Wireles Anda piloih Yes, tetapi kalau tidak pilih No lalu klik Next untuk melanjutkan
Pada tampilan Internet Connection dan “Always on” Internet Connection” Anda pilih Yes atau No tergantung koneksi Internet yang Anda gunakan
Klik Next untuk melanjutkan
Pilih salah satu koneksi yang tampil, misalnya Internet, Internet Media Center atau lainnya
Klik Next untuk melanjutkan
Pada tampilan Enter Your DialUp Password, maskkan password Anda di kolom password, misalnya admin001
Ketikkan sekali lagi password Anda, mialnya admin001
Klik Next untuk melanjutkan
Klik Test untuk mencoba sambungan koneksi. Jika tidak ada koneksi maka komputer akan

Catatan: Untuk memanfaatkan fasilitas ini sebaiknya computer Anda terkoneksi ke jaringan Internet. Namun demikian Anda juga tetap bisa memanfaatkan fasilitas ini walaupun tidak terkoneksi hanya sangat terbatas.

Jika komputer Anda tidak terkoneksi ke jaringan Internet,maka akan tampil pernyataan DialUp failed.
Klik saja Next untuk melanjutkan
Klik lagi Next
Kemudian pada tampilan Help Improve Media Center Anda pilih No Thank You, lalu klik Next lagi
Klik Yes
Klik Next, dan klik Next lagi
Klik I’m finished dan klik Next
Lalu klik Finish untuk mengakhirinya

Mengakhiri Windows Vista

Untuk mengakhiri Microsoft Windows Vista prosedur yang harus Anda lakukan adalah sebagai berikut:

Klik Start.
Klik salah satu pilihan yang tersedia
Dalam keadaan ini ada tiga pilihan yang akan ditampilkan program, Switch User, Log Off, Lock, Shut Down dan Restart

Cara install windows seven 7

noreply@blogger.com (jany) — Fri, 29 Apr 2011 05:27:00 +0000

Cara install windows seven 7 – Proses instalasi windows 7 sangat berbeda dengan prosesinstalasi windows xp yang kebanyakan digunakan. Kali ini kita akan membahas langkah-langkah cara menginstall windows seven 7.

Langkah-langkah menginstall windows seven 7
1. Siapkan DVD instalasi Windows Seven (7) dan catat serial numbernya
2. Atur agar komputer booting dari dvd, pengaturan dilakukan lewat bios, bisanya tekan delete atau f2 ketika komputer baru dinyalakan pilih setingan booting kemudian pilih dvd rommenjadi urutan pertama. simpan konfigurasi bios dengan cara menekan f10.
3. Masukkan DVD Instalasi
4. Tekan tombol mana saja jika muncul tulisan boot from cd or dvd
5. Muncul tampilan seperti dibawah

6. Selanjutnya muncul tampilan seperti di bawah, klik next

7. klik Install Now

8. Beri tanda cek dann klik next

9. Karena kita sedang melakukan clean install maka pilih yang Custom (advanced)

10. Pilih partisi yang akan dipakai untuk menginstal windows seven (7), contoh di bawah hardisk belum di bagi2 kedalam beberapa partisi, jika ingin membagi kedalam beberapa partisi sebelum proses instalasi pilih Drive options (advanced) disitu kita bisa membuat, menghapus dan meresize partisi. tapi dari pada bingun untuk yang pertama kali instalasiwindows mending langsung pilih next saja, toh pembagian partisi bisa dilakukan setelahproses instalasi selesai.

11. Proses instalasi dimulai….. proses instalasi ini memakan waktu yang cukup lama..

12. Setelah proses di atas selese komputer akan otomatis restart sendiri. kumudian muncul seperti dibawah

13. Ketikkan nama user dan nama computer anda

14. Kemudian isikan password untuk keamanan komputer anda. Jika tidak isi komputer anda tidak ada passwordnya.

15. Masukkan Windows Product key yang sudah dicatat di awal tadi, jika tidak ada anda mendapat masa trial windows 7 selama 30 hari

16. Selanjutnya setingan apakah windows akan otomatis meng update atau tidak

17. Kemudian setingan time zone

18. selesai..

Sekian dulu cara menginstall windows seven 7 plus gambar. Selamat mencoba….

Cara Instalasi Windows XP

noreply@blogger.com (jany) — Fri, 29 Apr 2011 05:25:00 +0000

Windows XP adalah suatu sistem pengoperasian (operating system) yang paling banyak dipakai sampai saat ini karena selain kemudahan dalam pemakaiannya Windows XP digunakan sebagai standarisasi pembelajaran yang di pakai oleh sekolahan-sekolahan dan perguruan tinggi pada umumnya.

Untuk melakukan penginstalan windows xp diperlukan ketelitian dan kesabaran dalam prosesnya karena memerlukan waktu yang lumayan lama.

Ada beberapa jenis windows xp diantaranya windows xp professional, Home Edition, Media Center Edition, Tablet PC Edition, Starter Edition, Professional x64 Edition, Professional 64-bit Edition For Itanium.

berikut langkah-langkah yang mudah dan lengkap cara menginstal windows xp :

1. Siapkan CD WINDOWS XP

2. Siapkan CD DRIVER MOTHERBOARD

3. Atur bios terlebih dahulu agar prioritas bootingnya dimulai dari CD(DVD)-ROM, caranya:

a. Masuk ke BIOS dengan menekan tombol Del, atau F1, atau juga F2.
Pilih menu Advanced Settings, kemudian carilah ‘Boot Priority’ atau yang sejenis.

b. ubah pengaturanya, agar CDROM jadi urutan yang pertama kemungkinan pilihan ini ada 2 jenis

* menu ‘First boot priority’, ‘Second boot priority’ dll: Aturlah ‘First boot priority’ ke ‘CDROM’ dengan menekan tombol PgDn/Pgup (Page Down/Up) atau +/-.
Atur juga ‘Second boot priority’nya ke HDD0/HDD1.
* Jika menunya ‘Boot priority’: atur ke ‘CDROM, C, A’ atau ‘CDROM, A,

C. dengan menekan tombol PgDn/Up.

Cara paling mudah instal windows xp
(lengkap dengan gambar):

gak usah di utak-atik biosnya. biarin aja bios diload masukin CD WINDOWSnya, lalu Restart komputer, trus tekan-tekan F8 atau F10 atau F11 (boleh dicoba satu-satu) nanti bakal muncul opsi boot selection. pilih aja yg ada 'bau' cd-nya. trus enter. selesai deh...ga pake repot-repot...

4. Tunggu beberapa saat sampai muncul tulisan "press any key to boot from CD" seperti tampilan Seperti gambar di bawah ini

5. Tekan ENTER atau sembarang tombol, lalu proses instalasi akan mengecek hardware komputer anda, kemudian akan muncul tulisan "windows setup" seperti gambar dibawah ini

6. lalu file-file di dalam cd akan di load ke dalam komputer, kemudian akan muncul tampilan "welcome to setup" seperti gambar dibawah ini

7. Tekan "ENTER" untuk menginstal windows xp, "R" untuk repair system windows yang sebelumnya pernah terinstal, "F3" untuk keluar dari proses instalasi, lalu akan muncul (End User Licese Aggrement) seperti gambar di bawah ini

8. Tekan "F8" kemudian proses instalasi akan mencari dan membaca partisi hardisk anda, kemudian akan muncul semua partisi hardisk anda, seperti gambar di bawah ini

9. Tekan "ENTER" untuk langsung menginstal windows, "C" untuk membuat partisi hardisk anda, kapasitas partisi sesuai dengan kebutuhan anda, dalam satuan MB, selanjutnya jika anda membuat partisi dengan menekan tombol "C", maka akan muncul gambar seperti di bawah ini

10. Kemudian tuliskan kapasitas partisi yang ingin anda buat, seperti terlihat pada gambar diatas, sebagai contoh, misalkan kapasitas hardisk anda 40 GB, lalu anda ingin membagi dua, maka tuliskan 20000,jangan 20, karna partisi satuannya MB, tentunya anda mengerti kan...?? cat" 1GB = 1000 MB

11. Kenudian tekan "ENTER" maka akan muncul gambar seperti dibawah ini

12. kemudian pilih "format the partition using the NTFS file system (Quick)" atau "format the partition using the NTFS file system (Quick)" lalu tekan "ENTER" maka akan muncul layar sepert gambar di bawah ini

13. Kemudian arahkan pointer pada posisi "unpartitioned space", lalu tekan "C" maka akan muncul gambar seperti gambar sebelumnya, dalam hal ini layar yang akan muncul seperti gambar sebelumnya menunjukan sisa partisi yang telah anda bagi, jika anda cuma membagi 2 partisi saja maka langsung tekan "ENTER" tapi jika anda ingin mempartisi lagi sisa hardisknya maka tinggal di bagi lagi aj, seperti langkah-langkah sebelumnya, mengertikan maksud saya....??
setelah selesai partisi ketika anda menekan "ENTER" seperti yang di jelaskan di atas, maka akan muncul gambar sperti gambar diatas, setelah itu arahkan poiter di posisiC: partition1 [New Raw], tapi biasanya sudah berada di posisi tersebut, maka anda tinggal menekan "ENTER" saja untuk proses instalasi windows, kemudian akan muncul proses format seperti gambar di bawah ini

14. Setelah selesai format, kemudian windows akan ,menyalin file untuk proses instalasi, seperti gambar di bawah ini

15. Setelah proses penyalinan selesai, secara otomatis komputer akan melakukan restart seperti gambar di bawah ini, dalam hal ini untuk mempercepat proses restart, anda bisa langsung menekan "ENTER"

16. Setelah itu akan muncul loading windows seperti gambar di bawah ini

17. selanjutnya proses instalasi windows di mulai 1..2..3...GOoooo muncul layar seperti gambar di bawah ini

18. selanjutnya tinggal menunggu, sambil ngopi jg bisa, biar lebih terinspirasi, eitssss, tp jangan kemana mana dulu, karna selanjutnya akan muncul layar seperti gambar di bawah ini

19. Langsung klik "NEXT" aja BOS...!!! lalu mucul lagi bos layar seperti gambar di bawah ini

20. Isi nama dan organisasinya, terserah BOS aja... lalu tekan "NEXT" kemudian akan muncul layar seperti gambar di bawah ini

21. Masukan serial nombernya, jangan sampe salah ya....!!! kemudian tekan "Next"selanjutnya akan muncul layar administrator, isi aja mau dinamain apa komputernya, terserah deeeehhhhh......
kalau mau pake pasword tinggal di isi juga paswordnya, terserah juga mo apa paswordnya.... lalu tekan "Next" maka muncul layar Date and Time Setting seperti gambar di bawah ini

22. Masukan settingan jam dan tanggal, tentukan juga time zone anda, untuk jakarta : pilih GMT+7 Klik "Next" lagi BOS.... setelah proses instalasi windows delanjutkan, seperti gambar di bawah ini

23. Silahkan Menunggu lumayan lama BOS,.... sampai muncul layar seperti gambar di bawah ini

24. Selanjutnya akan muncul layar work group or computer Domain,seperti gambar di bawah ini

25. jika komputer anda terhubung dengan sebuah domain, maka isikan nama domainnya, tapi jika komputer anda stand alone, maka pilih radio button yang paling atas, lalu tekan "Next"

26. Selanjutnya akan muncul display setting, seperti gambar di bawah ini, klik "OK" aja BOS....!!!

27. Kemudian windows akan mendeteksi tampilan optimal dari PC anda, seperti terlihat pada gambar di bawah ini, Klik "OK" aj BOS...!!!

28. Proses instalasi hampir selesai BOS..... selanjutnya akan muncul loading jendela windows seperti gambar di bawah ini

29. Selanjutnya anda akan dibawa masuk ke dalam windows untuk pertama kalinya seperti terlihat pada gambar di bawah ini, tekan "Next" aj BOS..

30. Selanjutnya akan muncul layar "Help Protect Your PC", seperti gambar di bawah ini, kemudian pilih "Not Right Now" lalu tekan "Next"

31. Kemudian komputer akan mengecek koneksi ke internet, seprti terlihat pada gambar di bawah ini, pilih "Yes" lalu tekan "Next"

32. Kemudian akan muncul pilihan aktivasi windows, seperti gambar di bawah ini, lalu tekan "Next"

33. Setelah itu akan muncul tampilan seperti gambar di bawah ini yang menunjukan pilihan untuk menambah pengguna komputer, Anda bisa memasukkan beberapa pengguna yang akan mengakses komputer Anda, Namun jika satu akun sudah cukup, atau Anda menginstall komputer untuk dipakai bergantian, cukup masukkan satu user kemudian klik "Next"

34. Proses instalasi windows selesai, kemudian akan muncul layar seperti gambar di bawah ini, klik "finish", maka proses instalasi selesai.....

35. Selesailah sudah semua.... kemudian perlahan masuk ke windowsnya seperti telihat pada gambar di bawah ini

36. Kemudian tinggal menginstal CD Driver Motherboad, dan perangkat pendukung lainnya....

Demikianlah langkah-langkah dan cara install windows xp lengkap berikut gambarnya..

"Semoga Bermanfaat"

Demikianlah artikel mengenai Cara Instalasi Windows XP
Semoga Bermanfaat..

Kode Warna HTML – HTML Colour Code

noreply@blogger.com (jany) — Thu, 28 Apr 2011 05:08:00 +0000

Bagi yang terbiasa utak-atik website, blog, terutama para desainer template tentu tak asing dengan judul ditas. Ya kode warna HTML adalah kumpulan kode-kode terdiri dari gabungan 6 angka dan atau huruf yang jika di buka di browser akan menjadi warna.

Saya sendiri yang utak-atik Warna HTML tidak hafal code na hehe. Yang hafal cuma #00000 = hitam dan #ffffff = putih, itu doank xixixi. Maka dari itu sengaja saya googling cari kode warna HTML. Biar kalao lagi butuh gak usah googling lagi :d

Koleksi kode warna HTML – HTML colour code collection

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000

#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000

#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000

#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000

#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000

#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000

#465584	#EEF2F7	#3A4F6C	#00D	#434951	#555
#777	#DFE6EF	#345487	#F5F9FD	#3860BB	#BCD0ED
#C2CFDF	#F0F5FA	#D1DCEB	#003	#900	#CCE9FD
#E4EAF2	#4C77B6	#DFE6EF	#EEF2F7

Sampai saat ini saya dan mungkin juga anda tidak tahu, kode warna transparan apaan ya?

Cara Membuat Widget Artikel Yang Berhubungan

noreply@blogger.com (jany) — Wed, 27 Apr 2011 10:20:00 +0000

Pada psotingan sebelumnya pernah saya bahas/ketengahkan tentang Recent Post SlideShow JQuery, namun kali ini kita akan membahas Cara Membuat Widget Artikel yang Berhubungan (Related Post).

Yang dimaksud Cara Membuat Widget Artikel yang Berhubungan (Related Post) adalah Artikel yang Berhubungan dalam satu label posting. Artinya apabila kita membaca suatu artikel maka akan tampil juga artikel lain dengan label yang sama. Perhatikan screenshot dibawah ini,

Gimana sobat sudah tahu, dan tertarik??? OK kalau begitu kita langsung ke tahap pembuatannya :

Seperti biasa sobat LogIn dulu di blogger masing-masing
Setelah itu klik Rancangan --> Edit HTML
Kasih tanda checklist pada kotak Expand Template Widget
Kemudian Sobat cari kode seperti ini <data:post.body/>
Lalu Copy kode dibawah ini, dan paste dibawah kode diatas :

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Artikel yang Berhubungan</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>
Selelah langkah-langkah di atas selesai (beres) klik tombol Save

CATATAN! :
Sobat bisa ganti tulisan Artikel yang Berhubungan yang tercetak tebal dan berwarna merah sesuai keinginan Sobat.

Selamat mencoba semoga bermanfaat.

Setting Domain di co.cc

noreply@blogger.com (jany) — Wed, 27 Apr 2011 10:06:00 +0000

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai

2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records

Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
Untuk option "TTL" biarkan saja, gak perlu dirubah2
Pada option "Type" pilih yang "CNAME"
Untuk kolom "Value" isikan "ghs.google.com"

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:

Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
Kemudian pilih "Switch to: • Custom Domain
Setelah itu klik pada "Already own a domain? Switch to advanced settings"
Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".

Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:

Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain

Menampilkan Judul Postingan atau Entri Secara Random

noreply@blogger.com (jany) — Wed, 27 Apr 2011 09:24:00 +0000

Random atau acak, yaitu memunculkan secara berbeda-beda, sama artinya dengan dikocok, dikopyok, dll. Menampilkan Judul Postingan atau Entri Secara Random, yaitu kita memunculkan judul postingan yang berbeda-beda setiap kali kita membuka halaman blog kita. Berbeda dengan recent post atau recent comment yang setiap kali kita lihat halaman blog kita maka akan tetap, yaitu yang terbaru selalu di atas.

Dengan menambahkan script Menampilkan Judul Postingan atau Entri Secara Random, Judul-judul Postingan yang pernah kita publikasikan akan muncul secara acak, sehingga judul yang mungkin sudah lama, samapi kita lupa sudah menulisnya akan muncul. ;) Semua akan berkesempatan untuk dilihat dan dibaca pengunjung.

Manfaat kita Menampilkan Judul Postingan atau Entri Secara Random, kita bisa memberi kesempatan pada tulisan-tulisan kita dilihat orang dan tentunya diklik dan dibaca, sebagai bentuk selingan dari dan recent post atau recent comment yang sudah lazim dan banyak orang pergunakan.

Cara Menampilkan Judul Postingan atau Entri Secara Random

Login ke Blogger.
Pilih Tata Letak => Tambah Gadget
Pilih HTML/JavaScript
Masukan Script berikut ini

<div class="alert"><script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=022620be5e6f6a66359d63edb5055e66&url=http%3A%2F%2Fkurniasepta.blogspot.com&num=5" type="text/javascript"></script></div>

5. Sebelum kita simpan, kita harus mengubah beberapa kode pada script di atas yaitu:
kurniasepta.blogspot.com dengan URL blog kamu sendiri
&num=5 angka 5 berarti 5 judul yang akan di tampilkan secara acak (random).

Menampilkan Judul Postingan Terpopuler

noreply@blogger.com (jany) — Wed, 27 Apr 2011 08:57:00 +0000

Ini masih ada hubungannya dengan belajar ngeblog sebelumnya, mungkin dengan recent post. Lha kalau sekarng yaitu popular post. Popular post ini akan menampilkan postingan-postingan kita yang paling top atau populer. tulisan-tulisan kita yang terbaik akan ditampilkan secara berurutan sesuai dengan yang terpopuler, semakin populer akan semakin berada di atas.

Kepopuleran postingan kita ini tidak berdasarkan sering dilihat atau dibaca, namun Populer post ini berdasarkan jumlah komentar yang ada di postingan kita itu tersebut. Semakin banyak komentar semakin populer, dan semakin nomor satu.

Cara Menampilkan Judul Postingan Terpopuler
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode-kode berikut ini

maxshowresult=5; angka 5 kode tersebut berarti 5 judul terpopuler
home_page = "http://kurniasepta.blogspot.com/"; ganti http://kurniasepta.blogspot.com/ dengan URL kita sendiri.

Cara Pasang Flash di Blog

noreply@blogger.com (jany) — Wed, 27 Apr 2011 08:55:00 +0000

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :

Contoh :

* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.

Mendownload Album Foto Facebook Sekaligus

noreply@blogger.com (jany) — Tue, 26 Apr 2011 03:08:00 +0000

Pernah punya momen-momen spesial? dan pastinya tidak lupa berpose didepan kamera. Kebetulan kamera yang dipakai bukan kamera milik pribadi, tetapi Anda juga ingin memiliki foto-foto itu. Alhasil Anda minta kepada teman Anda yang punya kamera untuk mengupload foto kedalam facebook, atau mungkin teman Anda itu adalah orang yang punya inisiatif cepat untuk segera mungkin foto diupload ke facebook , karena dia tidak tahan untuk memajang pose-pose manisnya

Karena terlalu asyik berfoto-foto, tidak terasa memory kamera habis alias kebanyakan foto. Sedikit-sedikit ckreeeekk...ckreeeekk... dan setelah diupload ternyata foto berjumlah ratusan!!

Tapi dengan bersikukuh Anda tetap ingin punya semua foto tersebut (walaupun sebenarnya pose tidak begitu berbeda jauh foto demi foto) terus bagaimana ya agar bisa mengambil foto-foto itu? apa musti buka satu-persatu dan di save as ?

wuaaaahh... bisa pegel tangan klak-klik terus belum lagi ditambah koneksi yang lemot kaya siput jalan sambil bawa barbel..

Mau lakukan cara di atas? silakan aja kalau mau ribet . Kalau ga mau ribet lakukan dengan cara ini, yaitu download foto facebook dengan add-on mozila FacePad.

Dengan memakai FacePad Anda dapat mendownload satu album foto sekaligustanpa perlu repot membuka satu-persatu foto. Daripada kebanyakan basa-basi mari langsung saja ke bagian caranya:

1. Download & install FacePad

2. Masuk kedalam halaman foto orang yang dituju

3. Klik kanan diatas album (musti di album bukan di satu foto)

4. Pilih "Download Album With FacePad"

5. Akan muncul kotak pesan, klik saja

6. Silakan lihat kotak download mozila yang keluar, dan tunggu sampai selesai

7. Klik kanan pada kotak download mozila & pilih "Open Containing folder"

Selamat mengumpulkan foto, tapi jangan foto-foto yang ehmm..ehmm ya

Cara Memblokir Facebook Orang Lain

noreply@blogger.com (jany) — Tue, 26 Apr 2011 03:05:00 +0000

Facebook merupakan jaringan sosial no.1 di Indonesia yang penggunanya sudah lebih dari 175 juta di seluruh dunia, dan merupakan urutan ke 3 situs yang paling sering dibuka oleh pengguna internet di Indonesia . Salah satu masalah jaringan sosial adalah kurangnya privasi kita dalam beraktivitas disitu. Mungkin karena sesuatu hal Anda ingin membatasi hal-hal tertentu hanya untuk beberapa kalangan orang saja. Atau Anda terganggu oleh seseorang yang terus menghantui facebook Anda (kaya setan aja), misalnya mantan pacar, secret admire (fans gelap), spammer yang terus membayangin profil facebook Anda. Selalu memantau facebook Anda dan tidak ingin secuil kehilangan informasi yang terjadi pada diri Anda di facebook.

Kalau ga pengen baca basa-basi saya (langsung ke cara), silakan scroll halaman kebawah sampai tulisan warna merah

Alhasil kita sebagai pemilik facebook tidak nyaman memakai dan menggunakan facebook untuk berkomunikasi dengan teman lainnya. Padahal cuma gara-gara segelintir orang yang menggangu tersebut Anda meninggalkan facebook dan memutus komunikasi kepada banyak teman di facebook.

Facebook memang fantastis dalam penyedian fasilitas dan fitur yang beragam kepada kita para penggunanya termasuk dalam masalah privasi. Dengan begitu jika Anda termasuk orang yang mempunyai masalah seperti masalah diatas, silakan coba cara yang akan saya sajikan sekarang. Berikut sebuah cerita yang berkaitan dengan masalah ini.

Dewi (bukan dewi teman saya apalagi dewi sandra atau dewi persik) seorang wanita cantik dan berprilaku ramah pada teman atau orang yang belum dia kenal. Entah mengapa sering sekali facebooknya di add oleh orang-orang yang tidak jelas asal-usulnya. Dari tukang ojek sampai CEO perusahaan besar sangat tertarik untuk menjadi temannya. Kenal pun tidak apalagi bertemu secara langsung. Wajarlah dia terganggu karena masalah ini, karena sebelum ini dia pernah meng-approve orang yang tidak dikenal dan berkibat profil facebooknya diisi dengan kalimat tidak jelas seperti rayuan gombal cinta yang mungkin boleh copy-paste dari artikel blog ini

Karena hal tersebut Dewi pernah hampir ingin menutup acccountnya di facebook, tapi beruntungnya teman dia yang bernama Anggo (bukan Anggo teman saya)yang memberitahukan cara agar memblokir orang tertentu untuk membatasi mereka dalam berbagai hal. Dengan arahan dari Anggo, akhirnya Dewi mengakses www.tips-fb.com (promosi..hehehe) dan mendapat cara untuk memblokir orang-orang yang menggangunya dengan cara seperti berikut:

1. Pilih settings > Privacy settings atau klik disini

2. Dibagian bawah terdapat kotak dan silakan masukan nama orang yang akan diblokir (bisa yang udah menjadi teman/bukan teman)

3. Pilih orang yang dimaksud dan klik tombol blokir

Setelah melakukan hal ini maka orang yang diblokir tidak akan pernah menemukan Dewi di facebook kecuali dia mengganti/membuat facebook baru. Tenang saja hal ini berlaku kepada orang tertentu yang kita pilih untuk kita blokir, jadi jika ada orang yang bernama sama mereka tidak akan ikut terblokir.

Mengirim Sebuah Ciuman Lewat Facebook

noreply@blogger.com (jany) — Tue, 26 Apr 2011 03:01:00 +0000

Ketika cinta tak bisa terungkap dengan ucapan kata, anda tak perlu khawatir. Masih ada cara lain bagimana mengungkapkan cinta kepada pasangan. Ya, anda bisa menggunakan sebuah social media semacam facebook untuk mengungkapkan rasa cinta anda. Seandainya anda malu juga untuk menciumnya ketika bertemu, facebook anda bisa jadi media anda untuk memberikan sebuah ciuman kepadanya.

Caranya cukup mudah. Silahkan ikuti langkah berikut ini :
1. Buka link ini pada browser anda http://apps.facebook.com/fiturcbeaffbc
2. Login dengan akun facebook anda
3. Pada nomor 1 Pilih hadiah, berikan tanda titik pada ciuman.
4. Pilih penerima dari orang atau pasangan yang ingin anda cium, lalu tekan Kirim permintaan.
5. Jika anda tidak ingin ciuman anda diketahui oleh orang lain, maka klik lewati pada jendela kirim pesan ke dinding.
6. Yang terakhir klik terbitkan pada Click PUBLISH to post this gift to a friend's wall.

Cara Memasang Tombol Share On Facebook Di Blog

noreply@blogger.com (jany) — Mon, 25 Apr 2011 09:23:00 +0000

107Share

Sebagai pemilik blog atau website pasti ingin artikel yang kita buat dibaca oleh banyak orang, salah satu usaha yang bisa kita lakukan adalah mempublikasikan artikel tersebut ke facebook dan memasang tombol share on facebook ke dalam halaman blog/website. Tanpa basa basi langsung saja kita bahas :

1. Buka hamalan edit html ( dasbor > tata letak > edit html ) dan jangan lupa centangkan "expand template widget"

2. Cari kode <b:if cond='data:top.showAuthor'>

3. Letakan kode berikut diatas kode no.2
(peletakan tidak harus disini, bisa diletakan sesuka Anda)
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>

Akan tampak seperti >

Jika ingin gambar tombol lain:

<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png" border="0" alt="www.tips-fb.com"></a>
</b:if>

<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png" border="0" alt="www.tips-fb.com"></a>
</b:if>

Atau bisa ganti dengan tulisan saja, contoh > Share on Facebook<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'>Share on Facebook</a>
</b:if>

4. Tekan tombol save template

selesai...........

Selamat mempublikasikan artikel Anda di Facebook :)

nb: tombol hasil desain sendiri.... lumayan makan waktu :p

Free Icon Untuk Blog Dan Website

noreply@blogger.com (jany) — Mon, 25 Apr 2011 08:31:00 +0000

Bagi anda yang suka menghiasi blog atau website dengan berbagai macam icon agar terlihat lebih cantik, di bawah ini ada beberapa website yang menyediakan icon-icon cantik untuk bisa di download secara free atau gratis. So pasti anda tidak perlu lagi besusah payah hanya untuk sekedar urusan icon, download dan pasang dengan sesuka hati di blog anda.

1. http://icontexto.blogspot.com

Contoh icon yang bisa di download :

Dan masih banyak lagi koleksi icon yang sangat cantik, sayang jika di lewatkan, coba kunjungi saja blognya.

2. http://jwloh.deviantart.com

Contoh icon yang bisa di download :

Silahkan kunjungi situsnya, dan download berbagai icon yang cantik secara gratis.

3. http://marcelomarfil.deviantart.com

Contoh icon yang bisa di download :

Siapa yang mau lihat-lihat dan sekaligus mendoanload icon cantik-cantik ini?

4. http://www.webappers.com

Contoh icon :

Dan masih banyak lagi icon-icon cantik lainnya.

5. http://www.zeusboxstudio.com

Contoh icon yang bisa di download :

6. http://www.vistaicons.com

7. http://itweek.deviantart.com

8. http://lecoupdulapin.deviantart.com

9. http://csscreme.com

10. http://stinky9.deviantart.com

Dan banyak lagi icon-icon yang bisa anda dapatkan secara free atau gratis, caranya sangat mudah, anda tinggal tulis keyword Free Icon pada search engine google yang ada di sebelah kanan atas blog ini. Selamat berdownload ria

Mengenal Dasar Pembuatan Halaman Website (2)

noreply@blogger.com (jany) — Wed, 20 Apr 2011 02:40:00 +0000

Masih ingatkan dengan postingan yang membahas tentang dasar pembuatan website bagian pertama? Kalau sudah lupa boleh dibuka lagi kok disini. Blog iniakan memberikan lanjutan tutorial mengenai hal yang serupa, yaitu mengenaldasar-dasar pembuatan web. Saya akan menjelaskan secara umum bagaimana cara menambahkan elemen-elemen yang akan dimasukkan ke dalam halaman web yang kitadesain. Tentu penambahan ini akan diterangkan dengan bekerja secara langsung pada bagiankode-kode yang melibatkan bagian head dan body yang telah kita kenal pada postingan yang lalu. Sebagai cacatan, saya akan memberikan contoh dengan menggunakan Dreamweaver. Namun, bagi pembaca yang tidak menginstal sorftware web design misalnya Macromedia Dreamweaver atau yang lainnya, bisa menggunakan notepad atau wordpad sebagai alat praktek. Hanya saja software web design seperti Dreamweaver tersebut bisa menampilkan tag-tag HTML yang bisa kita pakai sehingga kita menjadi lebih terbantu. Pembaca bisa membaca tutorial Dreamweaver tersebut pada blog ini. Mari kita bahas satu persatu:

Bagi pembaca yang sudah menginstal Dreamweaver, silahkan buka program tersebut, dan buat dokumen baru dengan memilih File --> New. Pilih dokumen HTML, kemudian pilih layar Code atauSplit. Sekali lagi, bagi pembaca yang belum menginstal Dreamweaver tersebut, silahkan buka Notepad atau Wordpad, kemudian tulis kode berikut:(jika menggunakan Dreamweaver, kode-kode ini akan langsung muncul)
Pertama-tama kita akan menambahkan elemen pada halaman web tersebut misalnya sebuah tulisan dan mengatur tampilannya secara langsung alias tanpa memakai CSS. Elemen-elemen yang akan kita tambahkan tersebut diletakkan pada bagian body (diantara tag <body> dan</body>) agar elemen-elemen tersebut muncul dan terlihat pada browser internet. Misalkan kita ingin menampilkan tulisan "SELAMAT DATANG" pada web kita ketika orang lain membukanya, maka ketikkan tulisan "SELAMAT DATANG" tersebut pada body seperti dibawah ini:
<body> SELAMAT DATANG </body>
Simpan dokumen HTML tersebut dengan nama index.html. Setelah tersimpan, silahkan buka file tersebut pada browser (cukup double click), maka akan tampak seperti gambar berikut:
Sekarang kita akan memberi atribut pada tulisan tersebut untuk mengatur tampilannya. Misalkan kita ingin membuat tulisan tersebut berwarna merah, maka tulisan kode seperti berikut ini:
<body> <font color="#FF0000">SELAMAT DATANG</font> </body>
Tag <font color="#FF0000"></font> tersebut berfungsi untuk membuat tulisan SEMALAT DATANG sebagai huruf (font) yang berwarna merah (FF0000). Kita tentu ingat bahwa setiap jenis warna mempunyai kode-kode tertentu. Hal ini sudah kita bahas pada tutorial membuat CSS. Kita bisa mendapatkan kode-kode tersebut dari software-software grafis atau web design, atau jika ingin mendapatkan secara onlibe, pembaca juga bisa membuka situs yang menyediakan kode warna CSS untuk web tersebut. Klik disini untuk melihat kembali posting yang membahasnya dan mengetahui situs penyedia kode warna CSS untuk web. Misalkan kita ingin pula membuat tulisan tersebut bergaris bawah, maka strukturnya menjadi:
<body> <u><font color="#FF0000">SELAMAT DATANG</font></u> </body>
Simpan hasil editing Anda, kemudian buka file index.html tersebut, maka hasilnya akan seperti gambar berikut:
Pengaturan tampilan elemen misalnya tulisan pada langkah 4 & 5 merupakan fungsi HTML untukPresentational. Fungsi HTML ini sudah tergantingan oleh peranan Cascading Stylesheet (CSS). Nah, langkah selanjutnya dalam mempelajari dasar pembuatan halaman website adalah bagaimana penggunaan CSS itu sendiri didalam mendesain website. Bagaimana bentuk dan cara penulisan CSS mungkin sudah kita pelajari pada postingan yang ini. Sekarang saatnya melihat bagaimana peletakannya.
Ada 2 cara dalam penggunaan CSS. Yang pertama menuliskan secara langsung pada halaman-halaman website, dan yang kedua membuat file yang khusus berisi struktur CSS yang kemudian diinjectkan/ disisipkan/ ditanamkan/ dilinkkan pada halaman-halaman website.
Untuk cara yang pertama (menulis secara langsung pada halaman website):
Strutur CSS dituliskan pada bagian <head> karena pada bagian tersebutlah deklarasi/informasi yang digunakan untuk mengatur website kita termasuk salah satunya CSS. Nah, karena kita menuliskan secara langsung pada halaman web yang ingin diatur, maka kita perlu mendefenisikan tersebih dahulu struktur-struktur tersebut sebagai sebuah bahasa/struktur CSS. Bagaimana cara mendeklarasikannya? Misalkan kita buat sebuah struktur CSS seperti dibawah ini:
#tulisanku { color:#FF0000; text-decoration:underline; }
Pembaca pasti mengertikan maksud struktur tersebut? Artinya kita mendefenisikan sebuahatribut yang kita beri nama "tulisanku" kemudian memberi pengaturan terhadap atribut itu antara lain warna dengan nilai FF0000 (color:#FF0000), kemudian memberi garis bawah pada teks (text-decoration:underline). Sekarang pindahkan struktur tersebut diantara <head> dan </head>sehingga menjadi:

<head> #tulisanku { color:#FF0000; text-decoration:underline; } </head> <body>
Seperti yang telah saya paparkan tadi bahwa kita perlu mendeklarasikan struktur tersebut sebagaistruktur/bahasa CSS. Maka bentuk penulisannya menjadi:<head> <style> #tulisanku { color:#FF0000; text-decoration:underline; } </style> </head> <body>
Tag <style></style> yang membungkus struktur tersebutlah yang akan mendeklarasikan bahwa struktur tersebut adalah bahasa/struktur CSS.
Sekarang pada bagian <body>, ganti strukturnya menjadi:
<body> <span id="tulisanku">SELAMAT DATANG</span> </body>
Artinya bahwa kita memberikan ID "tulisanku" pada kalimat SELAMAT DATANG sehingga tampilan kalimat tersebut akan seperti "tulisanku", yaitu warnanya menjadi FF0000 dan bergaris bawah.
Struktur lengkap halamannya akan seperti gambar dibawah ini:
Simpan hasil editing file index.html tersebut, kemudian buka pada browser Anda.
Untuk cara yang kedua (membuat file khusus CSS kemudian melinkkan ke halaman web):
Buka program Dreamweaver pembaca. Pilih menu File --> New, kemudian pilih category basic page, dan pilih jenis CSS. Pembaca juga bisa menggunakan notapad atau wordpad. Karena kita akan membuat file khusus CSS, maka kita tidak perlu mendeklarasikan strukturnya terlebih dahulu, tetapi langsung menulis struktur CSS yang kita inginkan. Silahkan tulis struktur berikut pada file tersebut:
#tulisanku { color:#FF0000; text-decoration:underline; }
Setelah itu simpan file tersebut dengan nama misalnya "tampilan.css". Usahakan menyimpannya pada folder yang sama dengan file index.html yang ingin kita desain, misalkan pembaca menyimpan di "D:\webku\".
Hapus struktur dibawah ini dari bagian <head> yang telah kita tambahkan pada langkah 8 (atau pembaca boleh membuat file HTML baru sebagai bahan latihan untuk cara kedua ini).
<style> #tulisanku { color:#FF0000; text-decoration:underline; } </style>
Tambahkan pula struktur berikut pada diantara <head></head>:

<link rel="stylesheet" type="text/css" href="D:\webku\tampilan.css" />
Struktur tersebutlah yang berfungsi untuk melinkkan file CSS (sebagai CSS Linker) yang kita simpan pada D:\webku dengan nama "tampilan.css" sehingga bisa digunakan untuk mengatur tampilan elemen pada halaman website kita. "D:\webku\tampilan.css" merupakan URL dari file CSS kita. Karena kita menyimpan pada komputer, maka bentuknya seperti itu. Jika kita menyimpan secara online, maka bentuknya menjadi misalnya "http://www.webku.com/tampilan.css".
Bagian <body> biarkan seperti pada langkah 9, karena kita sama-sama mendeklarasikan atribut dengan nama "tulisanku".
Tampilan struktur lengkapnya seperti gambar berikut:
Simpan hasil editing file index.html tersebut,kemudian buka pada browser.

Seperti itulah dasar pembuatan web dengan menggunakan HTML dan CSS. Sekarang tinggal membuatnya lebih kompleks sesuai dengan kebutuhan kita.
Selamat mencoba, dan jangan lupa komentar yach :D

Cara Membuat Menu Horizontal Pada Blogspot

noreply@blogger.com (jany) — Wed, 20 Apr 2011 02:39:00 +0000

Menu yang terdapat pada sebuah web selain berguna untuk memudahkan pengunjung membuka halaman-halaman tertentu, juga bisa menambah estetika. Begitu pula dengan menu horizontal yang bisa membuat web kita menjadi lebihergonimis dan keren. Nah, bagaimana dengan blogspot? Harus diakui bahwa pada template blogspot standart, fasilitas menu horizontal tidak ada didalamnya. Namun, kita tidak perlu berkecil hati sebab seperti yang telah saya katakan pada postingan sebelumnya bahwa kita bisa membuat menu termasuk menu horizontal pada blogspot. Berikut saya ulaslangkah-langkah membuat menu horizontal pada Blogspot. Sebagai contoh kita akan membuat menu horizontal dibawah header

Login ke akun Blogspot pembaca
Klik link menu Tata Letak, kemudian pilih Edit HTML.
Back up terlebih dahulu template pembaca dengan mengklik link Download Template Lengkapagar jika terjadi kesalahan saat mengedit, pembaca bisa mengembalikannya dengan menguploadnya kembali.
Silahkan beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget
Cari kode seperti dibawah ini pada template pembaca:
<b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> </b:widget> </b:section> </div>
Jika sudah ketemu, silahkan copy struktur berikut tepat dibawah kode-kode pada langkah 5
<ul> <li><a href='URL 1'>Home</a></li> <li><a href='URL 1'>About Me</a></li> <li><a href='URL 3'>Tutorial Website</a></li> </ul>
Setelah itu klik tombol SIMPAN TEMPLATE, lalu lihat hasilnya
Pembaca akan melihat bahwa menu-menu tersebut muncul sebagai list vertikal, bukan horizontal. Oleh karena itu, kita perlu mengatur tampilannya agar muncul berjejer secara horizontal dengan menggunakan CSS. Selain itu, kita juga bisa mengatur tampilan dari menu tersebut agar terlihat lebih menarik dengan CSS.
Buka kembali bagian Edit HTML pada blogspot pembaca, kemudian cari kode ]]></b:skin>.
Silahkan copy struktur berikut diatas kode ]]></b:skin>
/*CSS untuk menu horizontal*/ .menuhor ul{ font: bold 13px arial; padding-left: 0; margin-left: 0; height: 20px; } .menuhor ul li{ list-style: none; display: inline; } .menuhor ul li a{ padding: 2px 0.5em; text-decoration: none; float: left; color: black; background-color: #33FFCC; border: 2px solid #33FFCC; } .menuhor ul li a:hover{ background-color: #33CCFF; border-style: outset; }
.menuhor ul merupakan atribut class yang berfungsi untuk mengatur tampilan parent dari listmenu horizontal tersebut.
.menuhor ul li berfungsi untuk mengatur tampilan anak menu horizontal yang kita buat.
.menuhor ul li a berfungsi untuk mengatur tampilan link dari anak menu tersebut.
.menuhor ul li a:hover berfungsi untuk mengatur tampilan link anak menu ketika pointer digerakkan diatasnya.
Kemudian ubah struktur yang Anda copy pada langkah 6 diatas sehingga menjadi seperti berikut:
<div class="menuhor"> <ul> <li><a href='URL 1'>Home</a></li> <li><a href='URL 2'>Tutorial Website</a></li> <li><a href='URL 3'>About Me</a></li> </ul> </div>
Silahkan ganti URL 1 dengan URL halaman yang akan dituju jika menu "Home" diklik. URL 2diganti dengan URL halaman yang akan dituju jika menu "Tutorial Website" diklik, dan seterusnya.
Klik tombol SIMPAN TEMPLATE.

Untuk melihat hasilnya silahkan buka disini. Seperti yang telah saya katakan, bahwa CSStersebut berfungsi untuk mengatur tampilan menu yang kita buat tadi. Silahkan pembaca menambah atau merubah atribut CSS tersebut untuk memodifikasi tampilannya, misalnya warna tulisan, background, lebar menu, dan lain-lain. Jika pembaca ingin mengerti cara memodifikasi atau membuat CSS tersebut, silahkan klik disini. Saya yakin pembaca akan lebih mengerti bagaimana CSS tersebut bekerja. Dengan adanya menu horizontal tersebut blogpembaca pasti menjadi lebih keren dan ergonomis.

Selamat mencoba dan jangan lupa meninggalkan komentar ya

Cara Membuat Menu Drop Down Horizontal Dengan JavaScript

noreply@blogger.com (jany) — Wed, 20 Apr 2011 02:37:00 +0000

2hari yang lalu kita telah belajar membuat menu horizontal pada blogspot. Pada postingan ini, saya akan memaparkan bagaimana membuat menu drop down horizontal pada blogspot. Menu drop down merupakan menu yang mempunyai sub-sub menu didalamnya. Prisipnya adalah ketika pointer menyorot sebuah main menu, maka akan muncul sub menu dari main menu tersebut. Kode-kode ini saya dapat dariwww.dynamicdrive.com. Klik disini untuk melihat contohnya.
Bagaimana cara menambahkan menu drop down pada blog kita? Berikut langkah-langkahnya:

Silahkan login terlebih dahulu pada akun Blogspot pembaca
Klik link menu Tata Letak dan pilih sub menu Edit HTML dan beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget
Jangan lupa untuk membackup terlebih dahulu template pembaca agar jika terjadi kesalahan bisa dikembalikan lagi pada kondisi semula. Klik link Download Template Lengkap
Copy paste kode berikut di atas tag </head>
<script type="text/javascript" src="http://nestoriko.googlepages.com/chrome.js"> </script>
Cari kode ]]></b:skin> kemudian tambahkan struktur CSS dibawah ini dengan mengcopy paste diatas kode ]]></b:skin>
.chromestyle{ width: 100%; font-weight: bold; } .chromestyle:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .chromestyle ul{ border: 1px solid #BBB; width: 100%; background: url(http://nestoriko.googlepages.com/chromebg2.gif) center center repeat-x; padding: 4px 0; margin: 0; text-align: center; } .chromestyle ul li{ display: inline; } .chromestyle ul li a{ color: #494949; padding: 4px 7px; margin: 0; text-decoration: none; border-right: 1px solid #B5E2FE; } .chromestyle ul li a:hover, .chromestyle ul li a.selected{ background: url(http://nestoriko.googlepages.com/chromebg2-over.gif) center center repeat-x; } .dropmenudiv{ position:absolute; top: 0; border: 1px solid #B5E2FE; border-bottom-width: 0; font:normal 12px Verdana; line-height:18px; z-index:100; background-color: white; width: 200px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA ,direction=135,strength=4); } .dropmenudiv a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #B5E2FE; padding: 2px 0; text-decoration: none; font-weight: bold; color: black; } .dropmenudiv a:hover{ background-color: #EBF7FF; }
Cari struktur seperti dibawah ini pada template pembaca
<b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> </b:widget> </b:section> </div>
Jika sudah ketemu, copy paste struktur berikut ini tepat dibawah struktur yang Anda temukan pada langkah 6
<div class="chromestyle" id="chromemenu"> <ul> <li><a href="http://tutorial-website.blogspot.com">Home</a></li> <li><a href="#" rel="dropmenu1">Menu1</a></li> <li><a href="#" rel="dropmenu2">Menu2</a></li> </ul> </div>  <div id="dropmenu1" class="dropmenudiv"> <a href="URL sub menu1">Sub Menu1</a> <a href="URL sub menu2">Sub Menu2</a> <a href="URL sub menu3">Sub Menu3</a> </div>  <div id="dropmenu2" class="dropmenudiv"> <a href="URL sub menu1">Sub Menu1</a> <a href="URL sub menu2">Sub Menu2</a> <a href="URL sub menu3">Sub Menu3</a> </div> <script type="text/javascript"> cssdropdown.startchrome("chromemenu") </script>
Coba perhatikan tulisan yang berwarna merah struktur tersebut. Tulisan "dropmenu1" dan "dropmenu2" tersebut merupakan atribut rel dari parent menu drop down yang kita buat. Pada bagian tersebut terlihat bahwa terdapat 2 menu drop down, yaitu "Menu1" dan "Menu2" (warna biru). Jika pembaca ingin menambah menu drop down lagi misalnya "Menu3", maka buatlah jugaatribut rel untuk "Menu3" tersebut misalnya "dropmenu3", setelah itu tambahkan struktur menu drop down untuk "Menu3" setelah menu drop down kedua". Sehingga strukturnya akan menjadi:
<div class="chromestyle" id="chromemenu"> <ul> <li><a href="http://tutorial-website.blogspot.com">Home</a></li> <li><a href="#" rel="dropmenu1">Menu1</a></li> <li><a href="#" rel="dropmenu2">Menu2</a></li> <li><a href="#" rel="dropmenu3">Menu3</a></li> </ul> </div>  <div id="dropmenu1" class="dropmenudiv"> <a href="URL sub menu1">Sub Menu1</a> <a href="URL sub menu2">Sub Menu2</a> <a href="URL sub menu3">Sub Menu3</a> </div>  <div id="dropmenu2" class="dropmenudiv"> <a href="URL sub menu1">Sub Menu1</a> <a href="URL sub menu2">Sub Menu2</a> <a href="URL sub menu3">Sub Menu3</a> </div>  <div id="dropmenu3" class="dropmenudiv"> <a href="URL sub menu1">Sub Menu1</a> <a href="URL sub menu2">Sub Menu2</a> <a href="URL sub menu3">Sub Menu3</a> </div> <script type="text/javascript"> cssdropdown.startchrome("chromemenu") </script>
Perhatikan bahwa nama atribut ID untuk menu drop down ketiga harus sama dengan namaatribut rel untuk "Menu3" yaitu "dropmenu3". Begitu pula jika pembaca ingin menambah menu drop down keempat, kelima, dan seterusnya.
"URL sub menu1" merupakan URL halaman yang akan dituju jika "Sub Menu1" diklik, dan seterusnya. Silahkan pembaca ganti nama menu, sub menu, dan juga URL dari menu drop down tersebut.
Bagi pembaca yang membuat web dengan menggunakan menggunakan software web design seperti dreamweaver, langkahnya hampir sama dengan yang diatas. Hanya saja struktur yang ada pada langkah 7 diletakkan pada bagian halaman web dimana pembaca ingin menambahkan menu drop down tersebut.

Selamat mencoba dan jangan lupa meninggalkan komentar ya

Cara Membuat Menu Drop Down Dengan CSS

noreply@blogger.com (jany) — Wed, 20 Apr 2011 02:35:00 +0000

ali ini kita akan membuat satu lagi tutorial pembuatan menu pada sebuah web. Seperti yang pernah saya katakan bahwa banyak cara mendesain sebuah menupada web termasuk pada sebuah blog. Jika postingan sebelumnya membahas pembuatan menu drop down horizontal dengan menggunakan JavaScript, maka kali ini saya akan memberikan tutorial web tentang bagaimana membuat menu drop down dengan CSS.

Menu drop down dengan JavaScript maupun CSS sebenarnya sama saja jika dilihat dari segi fungsi atau kegunaan. Namun, jika memanfaatkan JavaScript biasanya menu yang dibuat lebih keren dan menarik dilihat karena mungkin animasi menu yang dihasilkan lebih bagus. Namun, JavaScript biasanya membuat halaman kita menjadi lebih berat. Sebaliknya jika menggunakan CSS, biasanya menu yang dihasilkan memang terlihat lebih kaku namun lebih ringan. Tampilannya juga bisa kita desain lebih menarik sesuai dengan kreasi kita memanfaatkan CSS dalam membuat menu tersebut. Berikut cara membuat sebuah menu drop down:

Saya akan menjelaskan steb by step bagaimana mendesain menu drop down tersebut.

Buatlah terlebih dahulu struktur drop down menu tersebut. Pembuatan struktur ini menggunakantag yang berfungsi untuk membuat list, sebab menu-menu tersebut bisa dikatakan sebuah list dari item-item. Item-item itulah yang kita fungsikan sebagai menu. Tag tersebut adalah <ul></ul>sebagai level utama dan <li></li> sebagai sub level. Saya berikan sebuah contoh struktur HTMLdari menu drop down:
<ul> <li><a href="URL 1">MENU 1</a></li> <li><a href="URL 2">MENU 2</a></li> <li><a href="URL 3">MENU 3</a></li> </ul>
Perhatikan bahwa keseluruhan struktur dibungkus oleh tag <ul></ul>, artinya bahwa terdapat sebuah bagan list dimana item-item yang menjadi isi dari bagan tersebut (yang menjadi list) adalah "Menu 1", "Menu 2", dan "Menu 3" yang masing-masing dibungkus oleh tag <li></li>.
Struktur tersebut akan menjadi sebuah menu horizontal biasa, sama seperti tutorial menu horizontal yang pernah saya buat pada postingan yang sebelumnya. Silahkan baca disini. Nah, kita akan membuat agar menu-menu tersebut mempunyai sub menu lagi yang mana sub menu tersebut muncul ketika menu utamanya di sorot (sehingga disebut drop down menu). Dengan demikian, kita akan membuat sebuah bagan list lagi dimana bagan ini akan berada di dalambagan list menu utama. Dengan kata lain di dalam list akan ada list. Bingung ya?he3x. Strukturnya akan seperti ini:
<ul> <li><a href="URL 1">MENU 1</a> <ul> <li><a href="URL sub 1">Sub menu 1</a></li> <li><a href="URL sub 2">Sub menu 2</a></li> <li><a href="URL sub 3">Sub menu 3</a></li> </ul> </li> <li><a href="URL 2">MENU 2</a></li> <li><a href="URL 3">MENU 3</a></li> </ul>
Prinsip list tersebut sama dengan penjelasan pada langkah 1, hanya saja tag </li></li> tidak lagi hanya membungkus struktur "Menu 1", tetapi sudah ikut membungkus sub menu dari "Menu 1" juga (perhatikan end tag </li> yang berwarna merah). Pada browser, struktur tersebut akan terlihat seperti gambar berikut:
Karena kita ingin membuat sebuah menu drop down yang tampil secara horizontal, maka kita akan mengatur tampilannya dengan menggunakan CSS. Postingan yang lalu hanya membahas pembuatan menu horizontal yang biasa, sehingga pembuatan CSS kali ini juga akan sedikit berbeda. Untuk CSS menu drop down tersebut, kita buat seperti ini:
- Untuk menghilangkan list style pada menu drop down (seperti yang terlihat pada gambar dilangkah 2:
  #menuku ul { list-style: none; }
  #menuku ul --> artinya kita mengatur bagan list (ul) yang ada didalam elemen yang kita beri atribut ID dengan nama "menuku". Elemen itu akan kita buat selanjutnya, apakah sebuah div, span, dan lain-lain.
  list-style: none --> berfungsi untuk menghilangkan style dari list tersebut (style itu berupa bullet).
  padding:0 dan margin:0 --> berfungsi agar jarak dari semua sisi pada bagan tersebut sebesar 0 sehingga tidak merusak layout dari bagan list menu tersebut.
- Untuk membuat menu-menu tersebut tampil secara horizontal:
  #menuku li { float: left; }
  #menuku li --> artinya hampir sama dengan #menukuk ul, hanya saja ini digunakan untuk mengatur list-list menu itu sendiri, yaitu Menu 1, Menu 2, dan Menu 3 (yang kita buat pada langkah 1).
  float: left --> artinya kita membuat menu-menu tersebut berjejer horizontal dari kiri
- Karena kita ingin sub menu muncul hanya ketika pointer berada diatas menu utama, maka kita perlu menyembunyikan bagan list dari sub menu tersebut.
  #menuku ul ul { visibility:hidden; width:149px; }
  #menuku ul ul --> artinya hampir sama dengan #menu ul namun struktur ini berfungsi untuk mengatur bagan list sub menu yang berada didalam bagan list menu utama.
  visibility:hidden --> berfungsi untuk menghilangkan bagan list sub menu (ul yang kedua)
  width:149px --> berfungsi untuk membuat lebar bagan list sub menu tersebut sebesar 149px.
- Agar sub menu tersebut muncul ketika menu utama disorot, maka kita buat struktur CSS seperti berikut:
  #menuku ul li:hover ul, #menuku ul a:hover ul{ visibility:visible; }
  CSS tersebut berfungsi agar bagan list sub menu akan terlihat ketika pointer berada di atas menu utama serta di atas link yang ada pada bagan list sub menu tersebut.
- Kita akan mengatur sedikit tampilan dari menu-menu tersebut agar terlihat lebih menarik
  #menuku li a { background-color:#000000; height: 2em; width: 149px; display: block; border: 0.1em solid #dcdce9; color: #ffffff; text-decoration: none; text-align: center; }
  Karena menu tersebut akan menjadi berupa link, maka kita akan mengatur tampilannya sebagai sebuah link.
  background-color:#000000 -->warna backgroundnya adalah #000000
  height: 2em --> tinggi dari menu tersebut sebesar 2em
  width: 149px --> lebar menu sebesar 149px
  display: block --> menu tersebut akan tampil dalam bentuk block
  border: 0.1em solid #999999 --> border menu sebesar 0.1em, berbentuk solid, dan memiliki warna dengan kode #999999. Untuk mengetahui kode warna CSS yang lain silahkan buka disini.
  color: #FFFFFF --> tulisan menu akan berwarna #FFFFFF
  text-decoration: none --> link menu tidak akan mempunyai garis bawah
  text-align: center --> letak tulisan menu akan berada ditengah-tengah
Setelah membuat CSS dari drop down menu tersebut, maka selanjutnya adalah memasangkanatribut CSS pada bagan list menu tersebut. Kita akan memasukkan bagan list menu tersebut terlebih dahulu kedalam sebuah div, sehingga pada div tersebut atribut "menuku" akan dipasang. Ganti struktur pada langkah 2 menjadi seperi berikut:
<div id="menuku"> <ul> <li><a href="URL 1">MENU 1</a> <ul> <li><a href="URL sub 1">Sub menu 1</a></li> <li><a href="URL sub 2">Sub menu 2</a></li> <li><a href="URL sub 3">Sub menu 3</a></li> </ul> </li> <li><a href="URL 2">MENU 2</a></li> <li><a href="URL 3">MENU 3</a></li> </ul> </div>
Hasilnya akan seperti ini:

Selanjutnya kita akan mempejalari tutorial memasang menu drop down dengan CSS pada sebuah blog. So, jangan kemana-mana ya. Datang lagi dan beri komentar.. :D

Mengatasi Masalah Posisi Gambar di Posting pada Wordpress

noreply@blogger.com (jany) — Wed, 20 Apr 2011 02:32:00 +0000

eberapa template Wordpress terkadang dibuat tidak maksimal apalagi kalautemplate gratis. Salah satu masalah yang sering terjadi dan kebetulan sering pula saya hadapi adalah posisi image atau gambar pada posting yang tidak sesuai dengan pengaturan yang kita buat. Misalnya kita mengatur posisi gambar berada di sebelah kiri text (biasanya disebut left align), namun tampilan pada blog justru tidak berada di sebelah kiri text. Contohnya seperti gambar berikut:

Gambar 1. Pengaturan image aligment di posting (left align)

Gambar 2. Tampilan gambar (image) dengan left align

Namun, tampilan pada blog justru seperti gambar berikut:

Gambar 3. Tampilan posting pada blog

Penyebab posisi gambar yang tidak sesuai dengan pengaturan adalah karena struktur CSSuntuk pengaturan image alignment yang kurang lengkap. Berikut langkah-langkah mengatasi masalah posisi gambar yang tidak sesuai tersebut:

Silahkan login pada Wordpress CMS Anda untuk masuk ke dashboard.
Klik menu Editor pada bagian Appearance yang ada di sebelah kiri.
Silahkan edit file CSS Anda (biasanya bernama style.css)
Tambahkan kode CSS berikut pada file CSS Anda dengan meng-copy paste.
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left }
Klik tombol Update File untuk menyimpan perubahan.

Maka tampilannya akan menjadi:

Dapat Uang dari Upload File?

noreply@blogger.com (jany) — Wed, 20 Apr 2011 02:28:00 +0000

ejeki itu bisa datang kapan saja dan dari mana saja. Termasuk pula dari internet yang disebut sebagai dunia maya. Meskipun disebut sebagai dunia maya, Kita bisamendapatkan uang atau penghasilan tambahan yang nyata dari internet. Salah satu ladang uang yang bisa kita manfaatkan untung menambang penghasilan adalah sebuah situs yang bernama MissUpload.Com.

MissUpload.Com sejatinya adalah sebuah situs file sharing dimana kita mengupload file kita yang selanjutnya bisa didownload orang lain. Nah, salah satu perbedaan dari situs penyimpanan file seperti hosting-hosting situs kebanyakan adalah kita bisa mendapatkan uang dari file yang kita upload tersebut. Lho, bagaimana caranya? Caranya cukup mudah. Kita cukup mendaftarkan diri kita ke situs MissUpload.Com. Silahkan isi data pada form registrasi. Selanjutnya, setelah kita mengklik link verifikasi yang dikirim via email, baru kemudian kita bisa login ke situs tersebut.

Kalau sudah bisa login, selanjutnya kita tinggal melakukan upload file milik kita ke dalam MissUpload.Com. Nantinya link file tersebut akan terlihat. Link file-file tersebutlah yang akan kita sharing (bagi) kepada orang lain. Anda bisa promosi file tersebut melalui website atau blog, milis, email, dan sebagainya. MissUpload.Com memberikan reward uang sampai Rp 90.000 untuk per 1000 download total filenya. Semakin banyak dan sering file Anda di-downloadorang lain, tentu pendapatan Andna semakin besar. Untuk itu jangan sia-siakan kesempatan meng-upload file sebanyak-banyaknya karena pada dasarnya fasilitas yang kita dapatkan tersebut adapah free upload alias tidak membayar. Namun, kita juga bisa meng-upgrade akun kita menjadi premium member. Tentu ada beberapa perbedaan diantara keduanya.

Untuk pembayaran, biasannya MissUpload.Com melakukannya melalui rekening BCA dan Mandiri. Pembayaran reward (uang) juga bisa dilakukan langsung ke rekening PayPal.

Blog Advertising Improve Your Business Online

noreply@blogger.com (jany) — Wed, 20 Apr 2011 02:28:00 +0000

good promotion and intense is an effective first step to increase you income from online business. There are many ways to promote your business website that can make a lot of people visit it. One way to promote your business website by doingblog advertising provided by Blogadvertisingstore.com.
Blogadvertisingstore.com is a site that brings you as the advertiser with the bloggers who will work to promote your business websites or product through their blogs. Through the program offered by blogadvertisingstore.com, you only need to do simple steps to promote your business website. The bloggers will review your website or your product on their blogs so that their blog visitors are likely to come to your business website through their blogs.

More and more blogger promoting website or your business products on their blogs, hence more and morepeople will also visit your online business. In addition, advertise through blogadvertisingstore.com will increase backlinks to your website so that you will get top placement in search engines such as Yahoo.

You should not hesitate to use Blogadvertisingstore.com’s service because the blogger listed in the directory has a good quality blog. Blogadvertisingstore.com will first review the registered blogs in the directory. The blog that have good quality as seen from the traffic and ranking will be accepted. Meanwhile, bad-quality blogs will be rejected. This is certainly a guarantee that your business website will be promoted well.

For those of you who just want to make money by promoting the site or the products of the advertiser, blogadvertisingstore.com large revenue for you. By reviewing website or the products of the advertiser who signed up on Blogadvertisingstore.com, you will be given a very decent intensive.

How to do it is very easy. Please sign in and register at the Blogadvertisingstore.com. You'll get a lot of job opportunities. You’ll be asked to review the website or products of the advertiser offered on Blogadvertisingstore.com. If your writing is received, you are entitled to get paid.Paid to review programs offered by Blogadvertisingstore.com certainly very useful to improve your financial.

My Business Connection

noreply@blogger.com (jany) — Wed, 20 Apr 2011 02:27:00 +0000

stablishing a business is not an easy job. To achieve higher gain, the owners not only have to sell good products, but also have to maintain relationship with the customer. This part is called marketing service. In marketing, the company has to be sure to build good relation and communication with the customers.

Talking about marketing is dealing with the competence to communicate in public. The company needs this to attract people attention, so that people want to buy your products. Realizing with the technology development today, the style of communication is doing with sophisticated technology facilities. Internet can helps you to do that. Among so many methods you can implement to your marketing campaign, the most effective method is the one which can approach your customer directly.

You should know which potential customer that has bigger possibility in using your product and gaining the advantage from it. Email marketing is one of the most effective methods you can consider. By establishing email marketing, you can get closer to your customers. Your product will have bigger chance to be considered. The new face of marketing promo here allows the owner to advertise, give information, sell products, and collect customer’s feedback. If you want to start doing this, Icontact.com comes to help you. In this web, companies that work as franchise or dealers are also able to make multiple accounts.

This web has everything for your email marketing solution. The software will help you find the potential customer so you can have an effective campaign for your company’s product.
If you want to use email marketing software from this web, you can start to use this web program with only $9.95 per month. For further information, you can call their line at (866) 803-9462. Else, you can directly send email through this web for technical supports.