Tampilkan postingan dengan label membuat. Tampilkan semua postingan
Tampilkan postingan dengan label membuat. Tampilkan semua postingan

Rabu, 01 Januari 2014

Kakek Ini Membuat Mahakarya Dengan Menggunakan MS Paint

Kakek Ini Dapat Membuat Mahakarya Dengan Menggunakan MS Paint

Dengan semakin canggihnya software komputer di bidang desain, seperti Photoshop, Corel Draw dan lainnya, tentu software MS Paint sudah terlihat sangat kuno.

Namun bagi desainer berumur 98 tahun bernama Hal Lakso ini, MS Paint adalah software terbaik untuk membuat karyanya.

Lakso telah membuat berbagai karya tersebut sejak awal tahun 90an, di mana hasil yang dibuatnya sungguh memukau, mengingat karyanya dibuat dengan MS Paint.

Kakek Ini Dapat Membuat Mahakarya Dengan Menggunakan MS Paint
Kakek Ini Dapat Membuat Mahakarya Dengan Menggunakan MS Paint
Kakek Ini Dapat Membuat Mahakarya Dengan Menggunakan MS Paint
Kakek Ini Dapat Membuat Mahakarya Dengan Menggunakan MS Paint
Kakek Ini Dapat Membuat Mahakarya Dengan Menggunakan MS Paint
Kakek Ini Dapat Membuat Mahakarya Dengan Menggunakan MS Paint
Kakek Ini Dapat Membuat Mahakarya Dengan Menggunakan MS Paint

Menurut Anda mana yang hasilnya paling keren?
Read More..

Minggu, 08 Desember 2013

CARA MUDAH MEMBUAT EFECT ZOOMING PADA BLAOG




Jika anda mencari tentang bagaimana membuat effect Zooming Image pada Blog... tentu anda akan mendapatkan berbagai cara yang dapat anda gunakan...

Nah cara ini adalah yang simple menurut saya dan gak perlu susah-susah untuk menerapkan pada tiap psotingan. Cukup 1 kali anda tempatkan pada Template anda,...

Oke... caranya :
  1. Login ke blog anda, dan masuk pada Template, click EDIT HTML, Lanjutkan/Continue
    kemudian, click (berikan Mark on) pada Expand Template Widget
  2. Gunakan CTRL F untuk mencari kode ini :   ]]></b:skin> 
  3. Jika sudah ketemu, copy paste kode berikut ditas kode   ]]></b:skin>

    .post img:hover { 
    -o-transition: all 0.2s; 
    -moz-transition: all 0.2s; 
    -webkit-transition: all 0.2s;
    -moz-transform: scale(2.0);
    -o-transform: scale(2.0);
    -webkit-transform: scale(2.0); }

  4. Click SAVE/SIMPAN Template
    Usahakan jangan menutup dulu jendela EDIT HTML..
    Silahkan buka blog anda pada tab baru..
    dan lihat effect nya...
  5. Anda dapat mengubah perbesaran (effect zooming) pada Image, dengan mengubah
    nilai dari  kode CSS diatas.
    -   untuk nilai kode yang menggunakan kata transition adalah untuk mengatur tingkat
        kecepatan perbesaran pada gambar (image) - satuan dalam second (s)
    -  untuk nilai pada kode transform adalah batas mazimum perbesaran dari nilai gambar anda


Selamat Mencoba
Read More..

Sabtu, 07 Desember 2013

Membuat Form pada HTML

Belajar HTML ( Tag Form ) aplikatif implementasinya yaitu Membuat Form pada HTML. Form HTML merupakan tag yang paling penting adalam pemrograman HTML khususnya dalam pembuatan aplikasi berbasis web. Form menyediakan property masukan yang terdiri dari berbagai jenis, berupa textbox, check box, radio button, dan button.

form login html
Form digunakan untuk mengumpulkan data dari pengunjung suatu website. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, form advertiser, form sitemap, bahkan untuk mengirimkan data antar halaman web. Pada tutorial belajar HTML: cara membuat form di HTML ini kita akan membahas cara penggunakan tag form di dalam HTML.

Penggunaan form hanya menggunakan HTML saja tidak akan terlalu berguna. Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan akan diproses dengan bahasa pemograman web seperti JavaScript atau PHP, dan disimpan di dalam tabel MySQL. Untuk pembahasan lebih lanjut, saya akan menjelaskannya pada tutorial tentang PHP dan JavaScript.

Tag dasar yang akan bisa digunakan untuk membuat form pada HTML adalah tag form, input, textarea, select dan option.

Sebuah form dalam HTML harus berada di dalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Seperti yang sudah dipelajari mengenai penulisan kode pada HTML diawali dengan <Nama Function Tag> ......( Isi sebuah tag )..... </Nama Function Tag>

Pada bagian terakhir kita harus menutup kode dengan menambahkan slash ( / ).
Bagian Isi Tag dapat dimasukkan oleh beberapa atribut untuk dapat berfungsi dengan seharusnya.

Dua buah atribut yang digunakan adalah action dan method. Dianalogikan action adalah sesuatu yang mengoperasikan fungsi dari pada form tersebut. Sedangkan method adalah bagian-bagian cara yang mengumpulkan setiap data yang diperlukan untuk diproses. Action berfungsi menjelaskan lokasi data yang didapat form akan dikirimkan. Biasanya nilai dari atribut action ini adalah alamat dari sebuah halaman PHP yang akan memproses isi data form. Sedangkan fungsi dari Method, adalah untuk menjelaskan bagaimana data isian form akan dikirim. Nilai dari atribut method ini bisa berupa get atau post.

Perbedaannya, jika kita mengisi atribut method dengan get (dimana ini adalah nilai default seandainya kita tidak menuliskannya) maka isian form akan terlihat pada url browser. Method get ini biasanya digunakan untuk query pencarian. Method post biasanya digunakan untuk data yang lebih sensitif seperti yang berisi password, atau registrasi user. Data hasil form tidak akan terlihat pada browser.

Struktur dasar form akan terlihat sebagai berikut:
<form action="logindata.php" method="post">
...isi form...
</form>

Bagian script kode diatas yang berwarna biru dan ungu dapat ditambahkan attribut lainnya seperti style, class, dan lain-lain. Karena berhubungan dengan form login maka hanya menambahkan action dan method saja. Sisanya bisa menggunakan kode HTML dngan meletakkannya pada satu baris diatas form :

<div id=pandauan-belajar-html class=membuat-form> dan kita dapat menambahkan kode CSS

berdasarkan id dan class tersebut. Jangan lupa penutupnya di bagian bawah form yaitu : </div>

Properti masukan pada elemen form
1.       Text box<input type="text">
Dignakan untuk memasukan input yang berupa teks.
Size                    = ukuran dari textbox dalam karakter
Maxsize              = maksimal jumlah karakter yang dapat di input
Nama                 = nama variable yang dikirim ke suatu aplikasi
Value                  = akan menampilkan isinya sebagai nilai default

2.       Password<input type="password">
Di gunakan untuk memasukan password
Size                     = ukuran textbox dalam karakter
Maxsize               = maksimal jumlah karakter yang dapat di input
Name                  = nama variable yang dikirim ke suatu aplikasi

Ada lagi jenis input lainnya yaitu :

<input type=”checkbox” /> adalah inputan berupa checkbox yang dapat diceklist atau di centang oleh user. User dapat memilih atau tidak memilih checkbox ini. Type checkbox memiliki atribut checked yang jika ditulis atau diisi dengan nilai checked, akan membuat chexkbox langsung terpilih pada saat pertama kali halaman ditampilkan. Contoh inputan checkbox berupa hobi, yang oleh user dapat dipilih beberapa hobi.
<input type=”radio” /> mirip dengan checkbox, namun user hanya bisa memilih satu diantara pilihan group radio. Type radio ini berada dalam suatu grup dan user hanya bisa memilih salah satunya. Contoh inputan type radio adalah jenis kelamin.
<input type=”submit” /> akan menampilkan tombol untuk memproses form. Biasanya diletakkan pada baris terakhir dari form. Atribut value jika diisi akan membuat text tombol submit berubah sesuai inputan nilai value.

3.       Hidden<input type"hidden">
Digunkan untuk mengirim data ke suatu aplikasi yang tidak dingginkan untuk dilihat oleh browser.
Name                  = nama dari variable yang dikirim ke suatu aplikasi
Value                  = nilai dari variable

4.       Check Box<input type="checkbox">
Check box digunakan untuk dapat memilih lebih dari satu pilihan.
Name                    = nama dari variable yang dikirim ke suatu aplikasi
Value                    = nilai dari variable
Checked (checkbox yang sudah ditandai)

5.       Radio Button<input type="radio">
Radio button digunakan agar dapat memilih ahnya salah satu pilihan.
Name                    = nama veriabel yang dikirim ke suatu aplikasi
Value                    = nilai dari variable
Checked (radio button yang sudah di tandai)

6.       Push Button<input type="button">
Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk menghasilkan suatu aksi.
Name                    = nama dari variable yang dikirim ke suatu aplikasi
Value                    = label teks di atas tombol

7.       Submit<input type="submit">
Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilinya ke suatu aplikasi yang di tentukan dlam atribut ACTION dlam elemen FORM.
Name                    = nama dari variable yang dikirim ke suatu aplikasi
Value                    = label teks di atas tombol

8.       Image Submit Button<input type="image" src="url">
Digunakan untuk menggantikan tombol standar submit dengan image.
Name                    = nama dari variable ayng dikirim ke suatu aplikasi

9.       Reset<input type="reset">
Digunakan untuk mereset semua masukan dalam form.
Value                    = label teks di button

1.   Text Area<textarea>…</textarea>
Elemen untuk memasukan teks secara leluasa seperti notepad.
Nama                    = nama dari veriabel yang dikirim ke suatu aplikasi
Rows                     = panjang baris dalam karakter
Cols                       = tiggi kotak

1.   Select<select>…</select>
Daftar isi dalam property select menggunakan tag <option>
Size                        = jumlah pilihan yang dapat terlihat
Name                    = nama dari veriabel yang dikirim ke suatu aplikasi

Contoh penggunaan tag select adalah sebagai berikut:
<select>
    <option>Pilihan 1</option>
    <option>Pilihan 2</option>
    <option value="pilihan ketiga">Pilihan 3</option>
</select>

Ketika form dikirim untuk diproses, nilai dari tag option akan dikirimkan. Nilai ini adalah berupa text diantara tag option, kecuali jika kita memberikan tag value. Jika tag value berisi nilai, maka nilai value lah yang akan dikirim.

Sama seperti tag option type checkbox dan type radio, atribut checked dapat ditambahkan agar tag select berisi nilai awal, contoh penggunaanya sebagai berikut:
<select>
    <option>Pilihan 1</option>
    <option>Pilihan 2</option>
    <option value="pilihan ketiga" selected>Pilihan 3</option>
</select>

Contoh dari pembuatan Form pada HTML yaitu sebagai berikut :
form pada html

<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Form </title>
</head>
<body>
<form action=" formulir.html" method="get">

   Nama: <input type="text" name="nama" value="Nama Kamu" />
   <br />

   Password: <input type="password" name="password" />
   <br />

   Jenis Kelamin : <input type="radio" name="jenis_kelamin" value="laki-laki" checked/> Laki - Laki
                   <input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuan
   <br />

   Hobi: <input type="checkbox" name="hobi_baca" /> Membaca Buku Javascript
         <input type="checkbox" name="hobi_nulis" checked /> Menulis Code HTML, CSS, PHP
         <input type="checkbox" name="hobi_mancing" /> Menggambar Design Banner Website
   <br />

   Asal Kota:
   <select name="asal_kota" >
        <option value="Kota Jakarta"> Jakarta</option>
        <option>Bandung</option>
        <option value="Kota Semarang" checked>Semarang</option>
   </select>
   <br />

   Komentar Anda:
   <textarea name="komentar" rows="5" cols="20">Silahkan berikan komentar anda</textarea>
   <br />
   <input type="submit" value="Proses" >
</form>
</body>
</html>

Tampilan pada form tersebut memang kurang rapih karena tidak menggunakan kode CSS, untuk seorang developers web tampilan merupakan hal yang paling utama juga terlepas dari segi data dan keamanan. Oleh karena itu anda harus belajar pemrograman bahasa CSS ( Cascading Style Sheet ). Demikian tutorial cara membuat form pada html, semoga bermanfaat.
Read More..

Selasa, 26 November 2013

Cara Membuat Blog Pada Blogger Gratis Baru 2013

Cara Membuat Blog Pada Blogger Gratis Baru 2013 - Goodispost | Bagaimana Cara Membuat Blog Gratis?- Sebenarnya saya sendiri dulu berpikir bahwa membuat blog sendiri itu sangat sulit dan harus menguasai berbagai bahasa pemprograman terlebih dahulu kemudian menyusun dan merangkainya sehingga jadilah sebuah blog dengan proses yang tidak sebentar, tapi setelah mencari di google cara mudah membuat blog, ternyata sekarang pemikiran itu tidak seratus persen benar, kenapa? karena untuk sekedar membuat blog (yang penting jadi) itu mudah, yang susah adalah cara membuat blog banyak pengunjung, kalau yang itu nanti saja anda baca cara-caranya. Ya, sekedar punya blog itu mudah jadi tenang saja, dan yang mudah bagi saya adalah membuat blog di blogger.com berikut tahapannya:

1. Anda harus sudah memiliki akun Gmail, jika belum silahkan buat email baru gmail, caranya klik pada link tersebut
2. Anda sudah menentukan tema blog yang akan di buat, apakah tentang kesehatan, agama, tips memasak, bisnis online, atau sekedar basa-basi (saya harap tidak), dan hendaknya anda memilih tema yang anda kuasai dan anda senangi agar anda bisa awet merawat dan mempertahankan blog tersebut
3. Pilih nama alamat blog (nama domain) yang sesuai dengan tema blog anda, singkat, mudah di eja (diketik), mudah diingat, dan termasuk kata yang sering dicari pada tema tersebut, misal anda membuat bisnis online tentang jasa pelayanan umroh, maka anda bisa menggunakan nama domain: umrohmurah.com atau umrohmurah.blogspot.com Tapi jika tidak bisa karena sudah banyak yang menggunakan kata tersebut maka carilah kata yang unik, intinya usahakan tips diatas sebisa mungkin. Dan usahakan pula tidak menggunakan angka atau tanda penghubung (-) karena ternyata banyak yang mudah melupakan angka tersebut dan juga kata yang terletak setelah tanda penghubung (-). Mungkin ada yang bertanya mengapa harus mengusahakan demikian?, jawabannya: ya untuk mempermudah pengunjung anda kembali ke blog anda karena alamat blognya mudah diingat. Selain itu Mesin Penelusuran Google senang dengan bahasa yang baku jadi ini termasuk optimasi SEO karena saudara menggunakan kata kunci tema blog saudara sebagai alamat blog (nama domain). Intinya adalah sebuah harapan agar banyak yang datang ke blog anda melalui jalur Pencarian di Google. Kemudian, Jika anda sudah menentukan nama domain blog, maka hendaknya anda mengetahui apa saja yang perlu dipersiapkan untuk memulai membuat blog setelah itu baru anda menuju panduan selanjutnya Cara Membuat Blog di Blogger .

4. Buka http://www.blogger.com 
5. Masuklah dengan akun Gmail yang sudah anda buat tadi,
6. Anda sekarang berada di halaman Dashboard Blogspot jika tampilan Dashboard Blogspot belum dalam bahasa indonesia maka klik tombol yang ada di pojok kanan atas disebelah gambar bulatan gerigi
7. Klik tombol Blog Baru yang ada disebelah kiri, lihat gambar
8. Akan muncul panel input yang meminta anda memasukkan JUDUL         : Isi dengan judul blog anda (bisa diubah lagi nanti) ALAMAT     : Isi dengan nama/alamat blog yang sudah anda tentukan tadi pada langkah ke-3 (judul blog dan alamat blog bisa diubah pada menu setelan dasar blogspot) TEMPLATE : Sebagai permulaan pilih saja Sederhana, ( bisa diubah lagi nanti dengan memilih di situs kumpulan template keren dan cara ganti template)
9. Kalau sudah klik Buat Blog, sekarang blog anda sudah jadi.
10. Klik Mulai mengeposkan lalu tulislah apa yang ingin anda tulis, silahkan baca cara menulis artikel di blog 11. sekarang anda sudah bisa berbagi kemanfaatan dan pengetahuan kepada orang lain.

 Mungkin cukup ini saja, terima kasih sudah membaca
Read More..

Senin, 18 November 2013

Cara Membuat File ISO dengan Menggunakan Winrar

Berhubung suasana hati lagi bersedih karena suatu hal yang tidak dapat saya ceritakan kepada para pembaca blog Juned al~Bughisy, maka untuk kesempatan kali ini saya hanya dapat membahas hal-hal yang sekiranya tidak memerlukan pembahasan yang terlalu panjang.

Siapa sih yang tidak kenal dengan software yang satu ini yakni software yang sering digunakan untuk membaca sekaligus dapat mengkompres sebuah file dalam bentuk [.]Zip, [.]Rar. Ya software itu bernama Winrar.

Mungkin belum banyak yang tahu ternyata selain digunakan untuk mengkompress sebuah file ke dalam bentuk zip dan rar ternyata kita juga bisa mengkompress sebuah file ke dalam bentuk ISO dengan menggunakan software winrar ini.

  1. Cara mengkompress file dalam bentuk ISO dengan winrar adalah sebagai berikut:
    Terlebih dahulu install winrar pada PC sobat.
  2. Pilih file yang akan dikompress ke dalam bentuk iso. Kemudian klik kanan pada file tersebut dan pilih add to archive.
    Cara membuat file iso dengan Winrar 01
  3. Pada bagian penamaan file ganti .rar dengan .iso
  4. Cara membuat file iso dengan Winrar 02

  5. Tunggu prosses kompress selesai.

Sebenarnya untuk membuat atau mengkompress suatu file ke dalam bentuk iso maka biasanya kita membutuhkan sebuah software lain seperti Power Iso dan Winrar akan tetapi masih ada yang lebih simple lagi yakni dengan mengubah type atau extensi dari file tersebut yang mana pembahasan mengenai hal ini akan saya posting pada kesempatan yang lainnya.

Read More..