Cara Membuat Website / Blog Dengan Photoshop
1. Buka aplikasi Photoshop, buat layer baru dengan klik File => New atau Ctrl + N
2. Buat ukurannya dengan width 1000 pixel dan Height 600 pixel, Resolusi 72 pixel/inch

2. Klik toolbox dan ganti warna foreground color dengan biru (#0038c6) dan background color putih

3. Masih di toolbox, pilih Gradient Tool (G) dan pada keyboard tekan Shift, lalu tekan mouse mulai dari atas dan lepaskan mouse jika sudah berada paling bawah, lihat gambar

4. Buatlah garis bantu / Guide dengan, caranya pilih View => New Guide, lihat gambar dibawah.

5. Lalu membuat Header, caranya pada layer klik Create a new layer lalu pada toolbox klik Rectangle Tool lalu klik kanan mouse dan ubah foreground color menjadi putih lalu pilih Paint Bucket Tool (G), lihat gambar dibawah

6. Hasilnya seperti gambar dibawah ini

7. Buat garis bantu / Guide lagi untuk membuat kotak logo dan kotak iklan, seperti berikut

8. Lalu masukkan logo dan kotak iklan yang sudah anda buat terlebih dahulu, seperti contoh dibawah

9. Buat garis bantu untuk membuat menu navigasi, lihat gambar dibawah

10. Untuk membuat kotak menu navigasi, caranya sama dengan nomor 5, ubah warna foreground color menjadi biru dan background color menjadi putih. Lalu klik Rectangle Tool, klik kanan mouse lalu pilih Make Selection dan berikan gradasi. Untuk membuat warna gradasi seperti pada nomor 3.

11. Hasilnya seperti dibawah ini

12. Buat teks dengan cara pada pallet layer, klik Create a new layer dan pada toolbox klik Horizontal Type Tool (T), lihat gambar dibawah cara menempatkan teks di kotak menu navigasi

13. Buat garis bantu lagi untuk membuat kotak sidebar kiri, content / post blog dan kotak sidebar kanan, lihat caranya dibawah sesuai nomor urut. Untuk membuat kotaknya seperti pada nomor 5.

14. Hasilnya seperti dibawah ini

15. Buat garis bantu lagi untuk membuat Footer, lihat gambar dibawah

16. Copy kotak menu navigasi pada nomor 10, caranya klik kotak menu navigasi dan tekan Ctrl+J, lalu move ke bawah. Lalu pada menu diatas silahkan klik Edit => Transform => Rotate 180°

19. Dan hasil akhir dari desain website dengan photoshop, seperti gambar dibawah ini. Save dulu.

20. Selanjutnya potong dengan Slice Tool (K) bagian-bagian seperti body, header, logo, kotak iklan, menu navigasi, sidebar kiri, post blog, sidebar kanan dan footer. Dan hasilnya setelah dipotong dengan Slice Tool seperti dibawah ini.

21. Lalu pilih File => Save for Web and Devices

22. Nah selanjutnya untuk mengeditnya dilakukan dengan Adobe Dreamweaver pada tutorial berikutnya.

Sekian dulu cara membuat desain / layout website dengan adobe photoshop, selamat mencoba dan semoga bermanfaat.

Read More

Membuat Undangan Pernikahan Menggunakan CorelDraw

Membuat Undangan Pernikahan Menggunakan CorelDraw - Kali ini saya akan memperagakan tips - tips bagaimana membuat desain undangan pada coreldraw, langsung aje..
Pertama-tama kita membuat kotak merah


Lalu dari kotak itu tekan CTRL+C lalu dilanjutkan CTRL+V yang dimaksudkan mengkopi bangun itu di tempat yang sama. Warnai kotak kedua dengan warna kuning.




Selanjutnya tekan CTRL+Q untuk mengubah objek kotak itu menjadi vector.
Tekan F10 untuk shape tool. Bengkokkan tengah garis ke bawah.



Lalu tekan F11 dan akan muncul panel Fountain Fill


Kolom type linear diganti dengan conical dan pilih custom


Mulanya, kolom bagian pewarnaan ada 2 saja antara putih dan hitam. Tapi langsung klik 2X pada segitiga di bagian  pewarnaan untuk menambah pewarnaan. Terus pada kotak siluet itu pada mulanya di tengah, seret sendiri ke kanan bawah seperti gambar diatas.
Hasil akan tampak seperti dibawah :


Lalu samarkan dengan transparancy tool


Hasil tampak seperti dibawah :


Lalu buat bangun bintang dengan menu complex star tool


Lalu tarik complek star itu ke kanan dengan menu interaktiv distortion tool


Dan warnai hitam untuk sementara. Copy menjadi 4 yang bersinggungan dan kasih efek transparan dengan interaktive transparancy tool dari kanan ke kiri. Seperti pada gambar dibawah :


Lalu masukkan ke kotak merah yang tadi dengan menu effect => power clip => place inside container


Hasil akan tampak seperti gambar bawah :


Klik kanan pada gambar lalu edit content


Tarik ke kanan atas dan warnai putih. Setelah itu klik kanan lagi, pilih finish edit.
Dan kalau digabungkan dengan pembuatan garis pelangi yang tadi akan tampak seperti dibawah :



Perlu diingat, bangun lengkung pelangi harus berada diatas kotak yang telah diisi dengan motif bunga.
Setelah itu masukkan gambar pengantin yang saya sediakan untuk didownload.

untuk download klik link ini

Nah, dari sini kasih background sinar pada gambar pengantin itu dengan tool interactive drop shadow tool. Lihat gambar bawah



Tinggal kasih tulisan dech….


Disini saya pakai font type Alison. Sistemnya sama, ditulis dahulu lalu diwarnai hitam dalam dan hairline juga. Trus hairline dikasih ketebalan 2 pt. lalu copy dan paste ditempat yang sama dengan warna kuning. Tetapi untuk copiannya ini tidak diberi hairline, alias none. Selamat mencoba dan membuat kartu undangan anda sendiri.

Read More

CARA MEMBUAT LEM PEREKAT DARI PENGOLAHAN KEMBALI TEPUNG KANJI DAN MANFAATNYA

CARA MEMBUAT LEM PEREKAT DARI PENGOLAHAN KEMBALI TEPUNG KANJI DAN MANFAATNYA

tepung kanji

Hai sahabat blogger. Kali ini saya akan menunjukkan kepada kalian gimana cara atau tips membuat lem perekat dari tepung kanji. Kalian tau nggak sih, tepung kanji ternyata bukan hanya bisa untuk dibuat kue-kue dan semacamnya aja loh. Tapi tepung kanji ternyata juga bisa dijadikan sebagai bahan perekat/lem.

Dengan di daur ulang melalui beberapa langkah dan bimsalabim... taraa.. jadilah lem perekat yang mungkin belum pernah kalian tau. caranya mudah banget kok. Saya yakin semua pasti bida mencoba untuk membuatnya. Nih berikut petunjuk nya :

Yang pertama yaitu siapkan bahan-bahan, disini hanya memerlukan 3 bahan saja. Bahannya antara lain yaitu :

• 1/2 Kg Tepung Kanji atau sesuai kebutuhan
• Air bersih secukupnya 
• 2 sendok makan soda api

Untuk selanjutnya siapkan alat-alat :

·         Kaleng bekas apa saja ukuran 5 kg, atau ember kecil

·         Sebatang kayu atau apa saja untuk mengaduk

Dan inilah cara membuat :

•  Isikan air bersih ke dalam kaleng cat atau apa saja yang bisa untuk wadah yang sudah disiapkan tadi. Tapi isi setengahnya saja.
• Masukan tepung kanji dan kemudian langsung masukkan soda api. Yang perlu diperhatikaan, kalian jangan sampai terjadi kontak langsung dengan soda apinya loh. Bahaya ! apalagi sampai kena mata, jangan sampai !lebih baik mencegah kan daripada mengobati? Bukan begitu sahabat blogger ?
• Langkah selanjutnya yaitu aduk secara perlahan hingga ketiga bahan tadi tercampur rata. Dan jadilah lem perekat yang berasal dari tepung kanji. Jika lem nya keenceran bisa tambahin teping lagi.

Mudah kan cara membuat lem dari bahan tepung kanji. eits jangan salah, berkat adanya kegiatan PERSAMI ketika saya masih duduk di bangku SMP, saya bisa berbagi tips ini untuk kalian. Jadi buat kalian-kalian yang belum sempet beli lem perekat pas kalian butuh, bisa buat sendiri kan dirumah.

Oiya, kalian tau nggak sih sebenernya tepung kanji itu  berasal dari apa? Tepung kanji berasal dari singkong. Berikut tahapan nya:

a.       Singkong yang telah disiapkan kemudian diparut dan diendapkan.

b.  Hasil dari endapan singkong tersebut kemudian yang diproses menjadi tepung kanji. Jenis singkong yang digunakan untuk bahan dasar pembuatan tepung kanji berbeda dengan jenis singkong untuk pembuatan tape singkong.

Jadi kalau kalin dirumah sudah punya singkongnya, kalian bisa buat tepung kanji nya sendiri dan kemudian dibuat lem sekalian.

Lem yang dibuat dari tepung kanji ini bisa untuk merekatkan berbagai macam bahan loh. Diantaranya yaitu :

Ø  Bisa untuk merekatkan poster

Ø  Bisa untuk merekatkan kertas

Ø  Bisa untuk merekatkan kayu

Ø  Bisa untuk perekat loyang

Diluar dari itu, ternyata tepung kanji juga menyuguhkan berbagai manfaat diantaranya yaitu sebagai berikut :

§  Memelihara alat-alat dapur supaya tetap berkilat. Caranya, alat-alat itu dicuci dulu sampai bersih, lalu diamkan sampai benar-benar kering. Selanjutkan, gosokkan tepung kanji, lalu bilas. Lakukan dengan teratur, maka alat-alat dapur Anda kelihatan seperti baru kembali.

§  Menyembuhkan penyakit biang keringat. Caranya, buatlah tepung kanji sebagai bedak, oleskan ke tempat biang keringat. Dengan demikian pemakaian teratur kulit akan menjadi halus dan tidak gatal lagi.

Bagi kalian yang tertarik untuk mencoba, selamat mencoba !!

Read More

Cara Membuat Program Login Sederhana Dengan Menggunakan Bahasa Pemograman Microsoft Visual Basic 6.0

Cara Membuat Program Login Sederhana Dengan Menggunakan Bahasa Pemograman Microsoft Visual Basic 6.0

Adakalanya suatu program apabila dijalankan, kita harus melakukan login terlebih dahulu agar kita dapat melanjutkan penggunaan program tersebut, Hal ini biasanya dilakukan untuk menghindari orang yang tidak berkepentingan mengakses suatu program karena dalam program tersebut tersimpan data – data yang bersifat rahasia, yang tidak bisa diakses oleh sembarang orang. Disini penulis mencoba berbagi wawasan mengenai Cara Membuat Program Login Sederhana Dengan Menggunakan Bahasa Pemograman Microsoft Visual Basic 6.0.  Buka Program Microsoft Visual Basic 6.0, kemudian masukkan desain seperti gambar berikut dengan menggunakan kontrol 3 buah Label dan 2 buah TextBox.

Kemudian ubah nilai properties setiap kontrol sesuai dengan tabel berikut:

Kontrol	Properties	Nilai
Form	BorderStyle	1 – Fixed Single
	Caption	Login
TextBox1	Name	txt_username
	Text	[kosongkan]
TextBox2	Name	txt_password
	Text	[kosongkan]
	PasswordChar	*
Label1	Caption	Ketik Username dan Password
Label2	Caption	Username   :
Label3	Caption	Password     :

Langkah selanjutnya adalah ketik Listing Program berikut pada jendela Code :

Dim users As String

Dim pass As String

Private Sub Form_Load()

pass = “12345”

users = “abcde”

End Sub

Private Sub txt_password_keypress(KeyAscii As Integer)

If KeyAscii = 13 Then

If Me.txt_password.Text = pass Then

Unload Me

ElseIf Me.txt_password.Text = “” Then MsgBox “data tidak boeh kosong”, vbOKOnly

Me.txt_password.SetFocus

Else

MsgBox “password salah, ulangi agi….”, vbCritical

Me.txt_password.Text = “”

Me.txt_password.SetFocus

Exit Sub

End If

End If

End Sub

Private Sub txt_username_keypress(KeyAscii As Integer)

If KeyAscii = 13 Then

If Me.txt_username.Text = users Then

Me.txt_password.SetFocus

ElseIf Me.txt_username.Text = “” Then MsgBox “data tidak boeh kosong”, vbOKOnly

Me.txt_username.SetFocus

Else

MsgBox “username salah, ulangi lagi….”, vbCritical

Me.txt_username.Text = “”

Me.txt_username.SetFocus

Exit Sub

End If

End If

End Sub

Catatan :  Anda dapat mengganti tulisan berwarna biru dengan password dan tulisan berwarna merah dengan username pada Listing Program sesuai keinginan anda.

Kemudian Program kita jalankan, maka hasilnya seperti gambar berikut :

Kita dapat melihat bahwa jenis teks pada kotak isian Username dan Password berbeda, hal ini dikarenakan PasswordChar pada Properties txt_username (TextBox1) tidak dirobah, sedangkan PasswordChar pada Properties txt_password (TextBox2) diisi dengan symbol *.

Apabila kita mengosongkan kotak isian Username lalu menekan Enter, maka akan tampil MessageBox (kotak pesan) seperti gambar beikut :

Apabila Username yang kita ketik salah, maka akan tampil MessageBox (kotak pesan) seperti gambar beikut :

Apabila Username yang kita ketik benar, maka cursor akan berpindah ke kotak isian Password.

Apabila kita mengosongkan kotak isian Password lalu menekan Enter, maka akan tampil MessageBox (kotak pesan) seperti gambar beikut :

Apabila Password yang kita ketik salah, maka akan tampil MessageBox (kotak pesan) seperti gambar beikut :

Apabila password yang kita ketik benar, maka program akan berhenti / selesai.

Program ini disebut Program Login Sederhana dikarenakan Username dan Password harus diketik langsung pada Listing Program, sebab Username dan Password tidak disimpan dalam bentuk suatu file.Akibatnya Password dan Usernamse tidak dapat diganti ketika program sedang dijalankan. Akan tetapi harus diganti melalui Listing Program dengan terlebih dahulu menghentikan jalannya program.

Read More

CARA MEMBUAT TABEL BIODATA DIRI BESERTA FOTO DENGAN HTML

Tugas pertama mata kuliah Pemrogaman Web 1 dapat tugas nich sob yaitu Membuat Biodata Diri dengan HTML. oke setelah kita tahu pada postingan sebelumnya yaitu Dasar Pemrogaman Web (HTML) dan Juga Mengerti akanTag-Tag HTML kali ini kita akan mempraktekkan dari tag-tag HTML yg telah kita pelajari sebelumnya. Tugasnya disuruh Membuat Biodata Diri dengan HTML. Lah... kita kreasikan dengan tabel beserta foto profil kita za sob. biar terlihat rapi  meski cuma dasar membuat tabel html yg masih statis. Kurang Lebihnya nanti yang akan kita buat Tabel biodata dengan HTML tampilanya seperti ini dr yg telah dibuat oleh penulis (maaf sengaja fotonya disensor - Takut ada yg Naksir ).  he he. Just Kidding sob :-)

Tabel (table) pada HTML

Sekilas tentang tabel.
Tabel (table) sangat diperlukan ketika kita ingin menampilkan data yang berbentuk kolom-kolom. Dulu sebelum adanya CSS, table digunakan untuk membuat layout website namun saat ini sudah jarang dipakai sebagai layout karena faktor file yang cenderung lebih besar sehingga mempengaruhi waktu akses yang lebih lama, dalam pengelolaan dan pengeditan pun jauh lebih rumit karena banyaknya tag-tag yang dihasilkan.

Cara membuat tabel.
Untuk membuat table yang sederhana ada 3 elemen utama yaitu table, tr dan td. Tag <table> adalah untuk membuat tabel kemudian di ikuti dengan tag <tr> (table rows) adalah untuk membuat baris pada tabel kemudian tag <td> (table data) adalah untuk membuat kolom pada tabel, kolom-kolom hasil dari tr dan td ini disebut dengan table cell yaitu sebagai lokasi dimana kita memasukkan data-data yang akan di tampilkan.

Setelah kita tahu tentang Tabel (table) Pada HTML, nich sob script dr tampilan Tabel Biodata Diri  saya Beserta Foto yg diatas dengan HTML:   <html> <head> <title>SUGENG SISWANTO</title> </head> <body> <marquee>------------------------->Halaman Web Sederhana ini Merupakan <b>"Tugas 1"</b>... Mata Kuliah <b>"Pemrogaman Web"</b><----------------------------- </marquee> <table width="520" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="#339900" bgcolor="violet">   <tr bgcolor="silver">     <th colspan="3" height="65">     <p>DATA BIODATA SAYA</p>     </th>   </tr>   <tr>     <td width="153"><b>NAMA</b></td>     <td width="23"><div align="center" >:</div></td>     <td width="326"> SUGENG SISWANTO </td>   </tr>   <tr>     <td><b>NPM</b></td>     <td><div align="center" >:</div></td>     <td> 1412110152</td>   </tr>   <tr>     <td><b>ANGKATAN</b></td>     <td><div align="center" >:</div></td>     <td> 2011/B</td>   </tr>   <tr>     <td><b>TTL</b></td>     <td><div align="center" >:</div></td>     <td> TUBAN,14-11-1993</td>   </tr>   <tr>     <td><b>ALAMAT</b></td>     <td><div align="center" >:</div></td>     <td> Ds. Pugoh Kec. Bancar</td>   </tr>   <tr>     <td height="175"><b>RIWAYAT PENDIDIKAN </b></td>     <td><div align="center" >:</div></td>     <td><p> A.PENDIDIKAN FORMAL </p>       <table width="284" align="center" bordercolor="#000000">       <tr>         <td > i  . SD/MI </td>         <td >:</td>         <td > SDN 1 PUGOH </td>       </tr>       <tr>         <td > ii  . SMP/MTS </td>         <td >:</td>         <td > SMPN 1 BANCAR </td>       </tr>       <tr>         <td > iii . SMA/SMK </td>         <td >:</td>         <td > SMAN 1 JATIROGO</td>       </tr>     </table>     <p > B. NON FORMAL : DEWAN AMBALAN, OSIS</p>    </td>   </tr>   <tr>     <td><b>EMAIL</b></td>     <td><div align="center" >:</div></td>     <td>sugengsiiswanto@gmail.com</td>   </tr>   <tr>     <td><b>HOMEPAGE/BLOG</b></td>     <td><div align="center" >:</div></td>     <td> http://www.sugengsiiswanto.blogspot.com</td>   </tr>   <tr>     <td><b>HOBBY</b></td>      <td><div align="center" >:</div></td>     <td> Jalan-Jalan Di Rumah Maya</td>   </tr>   <tr bgcolor="silver">     <td height="23" colspan="3"><p><hr></p>     </td>   </tr>   <tr>     <td><b>DESKRIPSI PRIBADI</b></td>     <td align="center">:</td>     <td> Simple, Nice, Kindly</td>   </tr>   <tr>     <td><b>FOTO PROFIL </b></td>     <td align="center">:</td>     <td><div align="center"><img src="sugeng siswanto.png" alt="Sugeng Siswanto" width="250" height="200"></div></td>   </tr> </table> </body> </html> selesai...

Read More

cara Mudah Meng-copy Movie (DVD) ke PC

Cara Mudah Meng-copy Movie (DVD) ke PC

Bagi Anda yang kesulitan menemukan file video atau audio yang Anda Copy dari DVD/CD, Anda bisa melihat sedikit Tips dan Trick untuk meng-copy DVD/CD di artikel ini.

Cara Pertama (Manual)

Untuk mengkopi video dari DVD ke hard disk PC, lakukan langkah berikut:

1. masukkan keping DVD ke pembaca DVD yang terhubung ke komputer atau laptop. Pastikan keping DVD terdengar berputar dan pembaca DVD layak pakai ( bisa membaca keping DVD dan tidak rusak )

2. klik Tombol START

3. Arahkan ke My Computer atau Computer. Klik Kiri

4. Buka folder atau drive DVD/CD, biasanya D:  

5. Set mode ke details dengan:

   a. Windows XP: menu View/Details 

   b. Windows 7/Vista: Organize/Layout/Detail Panes

6. Cari semua file dengan type VOB type ( perhatikan di kolom type )

7. Pilih semua file dengan type VOB ini, dengan menekan tombol CTRL terus menerus, dan klik setiap file VOB. Setelah semua terpilih, lepaskan CTRL.

8. Di file yang terindikasi terpilih ( biasanya warna kelabu atau aktif ), klik kanan. Muncul popup menu: klik COPY atau jika flash disk terpasang ke komputer, klik SEND TO Removable disk.

9. Buka folder atau partisi harddisk di mana akan menyimpan file ini. Klik kanan, menu popup muncul. Dalam menu popup ini, klik kiri PASTE.

Selesai

File VOB ini dapat dibaca atau dibuka dengan player komputer:

1. Cyberlink PowerDVD 
2. Media Player Clasic
3. KMPlayer
4. WIndows Media Player

Catatan: Rekomendasi player berurut menurut yang tercantumkan ini.

Read More