"Cara Membuat sebuah efek Bling dengan Photoshop CS", Ikuti langkah-langkah berikut ini untuk membuat sembuah efek bling yang anda inginkan :
- Pertama kali buatlah dokumen baru dengan ukuran 600×400 pixel.
- Tekan huruf “D” untuk mengatur warna Default (Foreground & Background, Hitam dan Putih).
- Pilih menu Edit -> Fill -> Foreground.
- Buatlah layer baru, kemudian aktifkan menu Gradient Tool. Pilihlah tipe Reflected Gradient, Mode=Difference, Opacity=100%.
- Mulailah membuat warna gradasi secara acak agar menghasilkan sebuah bentuk yang menarik.
- Pilih menu Filter -> Pixelate -> Mezzotint -> Long Strokes.
- Pilih menu Filter -> Blur -> Radial Blur. Amount: 100, Blur Mehtod: Zoom, Quality: Best.
- Seret Layer 1 ke ikon New Layer di bagian bawah Palet Layer untuk membuat duplikasi kemudian pilih menu Filter -> Disort -> Polar Coordinates -> Polar To Rectangular. Setelah selesai klik OK, kemudian ubahlah blending mode menjadi Lighten.
- Klik Layer Option di bagian kanan atas, pilih Merge Down atau tekan Ctrl+E
- Pilih menu Image -> Adjustment -> Hue/Saturation
Gambar Batu Bata Dengan Photoshop CS
Photoshop pada dasarnya merupakan aplikasi pengolah gambar, namun sering kali pula mereka gunakan untuk mengubah tampilan suatu objek, misalnya teks atau tulisan. Photoshop memang bukan pengelola kata, tapi ia dapat membuat beragam efek menarik untuk mempercantik tampilan teks. Mungkin anda sering melihat efek teks pada buku-buku photoshop atau web site yang tak sedikit menampilkan efek design dengan photoshop. Nah untuk mendesign sebuah tampilan gambar dengan bata-bata tersusun layaknya para tukang bangunan membuat sebuah tembok dengan adukan semen dan pasir, Anda bisa membuat gambar tersebut dengan Adobe Photoshop CS. Untuk membuatnya ikuti beberapa langkah-langkah di bawah ini :
- Buat file baru dengan ukuran 500x400 pixel dan Resolusi 72 pixel, Klik menu File - New, atau dengan menekan tombol CTRL + N pada keyboard.
- Gunakan warna merah gelap (RGB : 204, 0, 0) untuk foreground color, Kemudian tekan Alt + Del untuk mewarnai layer background.
- Klik menu Filter - Texture - Texturizer. Pilih bentuk Texture : Brick, Scaling : 150%, Relief : 30 dan Light Direction : Top Right. Klik OK bila telah selesai
- Pilih warna putih untuk foreground color kemudian aktifkan Horizontal Type Tool
- Untuk teks anda dapat menuliskan teks dengan setting apapun yang anda suka, tapi sebagai panduan anda dapat menggunakan Font : Haetenschweiler dengan ukuran 190 pt.
- Tambahkan layer sytle Stroke untuk layer teks. Caranya, klik icon Add a layer sytle pada palet layer dan pilih Stroke dari menu yang tampil. pada kotak dialog stroke, atur nilai Size : 8 pt, Position : Outside, Opacity : 100, Fill type : color dan pilih warna hitam untuk Color. Klik OK
- Tambahkan layer sytle Gradient Overlay. Atur Blend mode : Normal, Opacity : 100%, Angle : 90, Scale : 100 dan pilih sytle : liner. Klik kotak warna pada Gradient untuk menampilkan Gradient Editor. Pada Gradient Editor klik tombol Option dan pilih Reset Gradient.
- Klik OK pada kotak konfirmasi yang tampil. kemudian pada Gradient Editor Anda pilih warna gradasi yang Anda suka.
- Klik OK dan OK untuk menutup Gradient Editor dan Gradient Overlay. Selanjutnya, aktifkan layer background, dan tekan Crtl + J pada keyborad untuk membuat duplikat layer background. Bawa layer baru tersebut keatas layer teks.
- Tekan Ctrl + Shift + U untuk melakukan Desaturate, membuat warna pada layer yang aktif menjadi hitam putih.
- Tekan Crtl + Alt + S untuk menyimpan gambar batu bata yang telah berubah warna menjadi hitam putih kedalam file lain. Pada kotak dialog Save As, tentukan lokasi penyimpanan file, beri nama dismap1 untuk File Name dan pilih Photoshop (Psd) untuk format. Klik Save.
- Tekan Crtl + U pada keyboard untuk menampilkan Hue/Saturation. jangan tandai checklist Colorize, isi nilai Hue : 0, Saturation : 0 dan Lightness : 70. Klik OK
- Ubah Blending mode layer background copy menjadi Multiply.
- Aktifkan layer teks kemudian klik kanan pada layer teks dan pilih Rasterize Layer type dari menu yang tampil
- Klik menu Filter - distort - Displace. Masukan nilai 1 untuk Horizontal dan Vertical Scale. Pilih Opsi Streeth to fit dan Repeat Sdge Pixel. Klik OK
- Pada kotak dialog Choose a displacement map, cari dan pilih file dispmap 1.psd yang sudah di simpan tadi. Klik Open untuk membuka file dispmap1.psd
- Aktifkan layer background copy
- Klik menu Filter - Render - Lighting Effects. gunakan setting seperti yang anda inginkan pada kotak dialog yang muncul.
Membuat Background Desktop dengan Photoshop CS
Jika Anda bosen dengan tampilan "Desktop" yang ada di komputer anda, Gunakan Adobe Photoshop CS untuk membuat sebuah background destktop yang anda inginkan. Sebenernya Anda tidak perlu bersusah payah untu membuat sebuah tampilan background destktop tinggal anda cari di google aja anda dengan mudah akan mendapatkan beribu-ribu bahkan jutaan tampilan background destktop. Namun terkadang background desktiop atau sering di sebut juga dengan "Wallpaper" yang anda dapatkan tidak sesuai dengan keinginan anda. Untuk membuat tampilan background desktop tersbut ikuti langkah-langkah berikut :
- Buka lembar kerja baru dengan klik File – New, ganti ukuran width : 500, Pixels dan height : 500 Pixels, Resolutions : 72 Pixel. Kemudian Klik OK
- Filter – Render – Clouds, ulang beberapa kali untuk memperoleh hasil yang lebih tajam dengan menekan tombol CTRL + F pada Keyboad.
- Dan lanjutkan lagi dengan Klik Filter – Render – Difference Clouds, sehingga warna berubah menjadi lebih hitam.Klik Menu Image – Adjustments – Levels,
- Pada kotak dialog Levels, ubah Channel : RGB, Input Levels : 0, 9.99, 145 dan Output Levels : 0, 255. Kemudian kilk Tombol OK untuk menutup kotak dialog Levels
- Klik Menu Image - Adjustments – Hue/Saturation untuk memberikan warna pada object, Klik Colorize, dan ubah Hue : 122, Saturation : 25, Lightness : 0. Kemudian Klik OK untuk menutup jendelan Hue/Saturation
- Copykan layer background, Klik Layer – Duplicate Layer atau tekan CTRL + J pada Keyboad ganti layer background menjadi layer1. dan Klik OK, maka sekarang kita sudah mempunyai dua layer yaitu layer bakground dan layer1
- Pastikan layar yang aktif sekarang adalah layer1, Kemudian Klik Filter – Blur – Glaussian Blur, atur Radius : 5.0 Pixel. Klik OK untuk menutup jendela Gaussian Blur
- Pada Layers Properties , atur Layers pilih Darken dan Opacity ganti menjadi 41%
- Sekarang kita gabungkan layer background dan layer1 menjadi satu, Block kedua layer kemudian klik tombol rantai pada menu layer dan klik kanan pada kedua layer yang anda blok pilih Merge Layers
- Klik Horizontal Type Tools kemudian ketik pada layar dengan kata yang anda suka, atur jenis font dan size sesuai keinginan anda.
- Klik Style layer – Pilih Bevel and Emboss – Pilih Blending Options, pada Advance Blending ganti Fill Opacity menjadi 10%.
- Pada Options Blending and Emboss ganti, Style :Inner Bevel, Technique: Smooth, Depth:690%, Directions: UP, Shanding Angle:85% , dan akhiri dangan klik tombol OK
Trik Membuat Bingkai Kayu dengan Photoshop CS
Untuk membuat sebuah lukisan kayu berbentuk ukiran, Anda tidak perlu repot-repot membeli kuas atau cat untuk melukis sebuah ukiran kayu tersebut, apa lagi Anda tidak mempuyai bakat seorang pelukis tentunya Anda akan merasa kesulitan, dan belum tentu lukisan yang Anda buat bener-bener mirip dengan lukisan ukiran kayu. Nah dengan menggunakan Software Adobe Photoshop Cs ini Anda dapat dengan mudah untuk melukis sebuah ukiran kayu tersebu. Untuk membuatnya ikuti langkah-langkah di bawah ini :
- Buat file baru dengan menekan CRL + N. Atur nilai Width dan Height masing-masing 400px, Resulusi: 72px
- Pilih warna coklat muda sebagai foreground color dan warna coklat yang lebih gelap untuk background color.
- Klik Filter – Render – Clouds
- Klik menu Filter – Noise – Add Noise. Isi dengan nilai 10% untuk Amount, Pilih Gaussian dan tandai Monochromatic. Klik OK
- Klik Menu Filter – Blur – Motion Blur : Atur Angle : 0 dan Distance : 999 Klik OK bila telah selesai.
- Klik Menu Filter – Blur – Gaussian Blur : Beri nilai Radius : 1 Pixel. Klik OK
- Klik Menu Filter – Distort – Twirl. Beri nilai Angle : 50. Klik OK.
- Buat duplikasi dari layer bakground dengan menekan CRL + J.
- Tambahkan layer Style dengan mengklik icon Add a Layer Style, dari palet layer. Pilih Bevel and Emboss dari menu yang tampil.
- Biarkan setting Bevel and Emboss apa adanya, klik OK untuk menutup Bevel and Emboss. Selanjutnya buat duplikat dari layer 1 dengan menekan CRL + J
- Ganti nama layer dari atas ke bawah sebagai berikut : Dasar, Bingkai, dan klik kembali layer Dasar untuk mengaktifkanya.
- Aktifkan Horizontal Type Tool dan buat text sesuai dengan keinginan anda. Anda dapat menggunakan jenis font apa saja yang anda suka.
- Atur posisi tulisan agar berada di tengah kanvas dengan menggunakan Move Tool yang ada pada Tool Box
- Lakukan CTRL + Klik pada layer Text, setelah terseleksi terbentuk balik bentuk seleksi dengan menekan CTRL + Shift + I
- Klik layer dasar untuk mengatifkannya, kemudian tekan Delete pada Keyboard.
- Hilangkan seleksi dengan menekan CTRL + D pada keyboard
- Klik icon Mata pada layer Text untuk menyembunyikannya
- Tambahkan layer style Drop Shadow pada layer dasar. Klik icon Add a layer Style, dan pilih Drop Shadow dari menu yang tampil
- Pada kotak dialog Drop Shadow, tentukan nilai Distance menjadi 2px. Klik OK untuk menutup kotak dialog Drop Shadow.
- Klik pada layer Bingkai untuk mengaktifkannya.
- Gunakan Rectangular Marquee Tool atau tool seleksi lain yang anda suka untuk membuat bentuk bingkai. Caranya, setelah seleksi terbentuk Anda tekan Delete pada Keyboard. Maka otomatis akan tercipta “lubang” dengan bentuk seleksi yang anda buat.
- Tambahkan layer Style Drop Shadow dengan Distance : 1px pada layer Bingkai
Pengertian Tentang Elearning
Apa sih sebenernya pengertian dari E-Learning itu...?
Banyak pakar yang menguraikan definisi e-learning dari berbagai sudut pandang. Definisi yang sering digunakan banyak pihak. Pembelajaran elektronik atau e-Learning telah dimulai pada tahun 1970-an (Waller and Wilson, 2001). Berbagai istilah digunakan untuk mengemukakan pendapat/gagasan tentang pembelajaran elektronik, antara lain adalah: on-line learning, internet-enabled learning, virtual learning, atau web-based learning. Dalam kaitan ini, yang diperlukan adalah kejelasan tentang kegiatan belajar yang bagaimanakah yang dapat dikatakan sebagai "E-Learning"? Apakah seseorang yang menggunakan komputer dalam kegiatan belajarnya dan melakukan akses berbagai informasi (materi pembelajaran) dari Internet, dapat dikatakan telah melakukan e-Learning?. Banyak sekali situs-situs yang menyediakan fasilitan E-learning seperti halnya http://www.w3schools.com/ adalah situs yang menyediakan fasilitas E-Learning tentang pemograman html, java script, asp, css, php, dan lain-lain.
Untuk menjawab pertanyaan tersebut di atas, ilustrasi berikut ini mungkin akan dapat membantu memperjelas pengertian tentang E-Learning (Newsletter of ODLQC, 2001). Ada seseorang yang membawa laptop ke sebuah tempat yang berada jauh di gugusan kepulauan kecil yang terpencil. Dari tempat yang sangat terpencil ini, orang tersebut mulai menggunakan laptop-nya dan melakukan akses terhadap berbagai materi program pelatihan yang tersedia. Tidak ada layanan bantuan belajar dari tutor maupun dukungan layanan belajar bentuk lainnya. Dalam konteks ini, apakah orang tersebut dapat dikatakan telah melaksanakan E-learning? Jawabannya adalah TIDAK.
Mengapa? Karena yang bersangkutan di dalam kegiatan pembelajaran yang dilakukannya tidak memperoleh layanan bantuan belajar dari tutor maupun layanan bantuan belajar lainnya. Bagaimana kalau yang bersangkutan mempunyai telepon genggam dan kemudian berhasil menggunakannya untuk menghubungi seorang tutor? Apakah dalam konteks yang demikian ini dapat dikatakan bahwa yang bersangkutan telah melaksanakan E-Learning? Jawabannya adalah YA.
Dari ilustrasi tersebut di atas, setidak-tidaknya dapat ditarik 3 (tiga) hal penting sebagai persyaratan kegiatan belajar elektronik (E-Learning), yaitu:
- Kegiatan pembelajaran dilakukan melalui pemanfaatan jaringan (“jaringan” dalam uraian ini dibatasi pada penggunaan internet. Jaringan dapat saja mencakup LAN atau WAN). (Website eLearners.com)
- Tersedianya dukungan layanan belajar yang dapat dimanfaatkan oleh peserta belajar, misalnya CD-ROM, atau bahan cetak
- Tersedianya dukungan layanan tutor yang dapat membantu peserta belajar apabila mengalami kesulitan.
Di samping ketiga persyaratan tersebut di atas masih dapat ditambahkan persyaratan lainnya, seperti adanya:
- lembaga yang menyelenggarakan/mengelola kegiatan e-Learning,
- sikap positif dari peserta didik dan tenaga kependidikan terhadap teknologi komputer dan internet,
- rancangan sistem pembelajaran yang dapat dipelajari/diketahui oleh setiap peserta belajar,
- sistem evaluasi terhadap kemajuan atau perkembangan belajar peserta belajar, dan
- mekanisme umpan balik yang dikembangkan oleh lembaga penyelenggara.
Seiring dengan kemajuan teknologi dan perubahan trend serta gaya hidup manusia yang cenderung bergerak secara dinamis (mobile), kebutuhan akan proses belajar jarak jauh atau yang biasa disebut dengan " teleedukasi" semakin meningkat pula. E-learning sebagai salah satu bagian dari teleedukasi memberikan alternatif cara belajar baru dimana antara murid dan guru tidak berada dalam ruang dan waktu yang sama, meskipun demikian, proses belajar dan mengajar tetap dapat berjalan dalam lingkungan virtual oleh karena itu E-learning sering disebut juga dengan Virtual Learning Environment (VLE).
Pengertian Lebih Mendetail Mengenai e-Learning bisa anda Klik disini atau kunjungi situs http://www.nusaku.com dan jika Anda berminat untuk mengunduh artikel tentang E-Learning ini bisa ada Klik disini Download
Free Web Hosting
Rasanya seneng banget kalau punya Hosting sendiri, apa lagi di berikan secara free alias gratis, pastinya anda yang suka dengan dunia internet ga akan menyia-nyiakan fasilitas free web hosting ini. Jika bosen dengan segala limitasi yang ada pada blog-blog gratisan (wordpress.com dan blogger.com), berikut 2 free web hosting yang bisa Anda gunakan untuk menginstalasikan berbagai CMS sesuai kebutuhanmu masing-masing, yaitu :
ZeroHost
Memiliki kapasitas sebesar 250 MB, 6 Gigabytes Bandwidth, 3 mySWL database, 5 add-on domain, 5 sub domain, FTP, Webmail, POP, Automatic Installer (seperti Fantastico, didalamnya sudah termasuk Wordpress, Joomla, phpBB, dsb).
Kesan info-baru saat & setelah melakukan pendaftaran disana sebagai berikut:
- Proses pendaftaran (sign-up) cukup mudah. Instan. Selesai nulis form, cek email, login. Siap pakai.
- Adanya fasilitas automatic installer cukup menjadi pilihan menarik bagi rekan-rekan yang ingin belajar utak-atik di hosting sendiri, namun belum siap jika harus menggunakan jasa paid hosting. Hanya saja, automatic installer ini tidak sama dengan punya Fantastico, sebab anda masih harus membuat sendiri SQL Database, SQL username, renaming wp-config-sample.php menjadi wp-config.php + mengisinya dengan username SQL, password SQL dan host SQL.
- Tampilan control panel mudah dimengerti.
3Host.Biz
Free Web Hosting ini berkapasitas cukup besar, yaitu sebesar 5 Gigabytes dengan bandwidth bulanan sebesar 50 Gigabytes. Bagi anda yang selama ini menempati hosting berbayar dengan kapasitas kecil + bandwidth sa upil (baca: kecil), gada salahnya untuk pindah ke hosting gratisan ini.
Seperti halnya Zerohost, 3Host juga bebas iklan, jadi walaupun gratisan, tidak akan nampak. Menariknya, keduanya membolehkan user untuk memasang iklan sekalipun hosting di tempat gratisan.
Kesan info-baru setelah mendaftar & mencoba (sesaat) di 3Host:
- Kapasitas besar & bandwidth besar. Kecepatan akses pada waktu Ken Reidy coba sih tidak ada masalah, relatif sama dengan tempat lain. Ntah di kemudian hari.
- Support domain sendiri, sekalipun tidak disebutkan berapa jumlahnya.
- Jika anda bermaksud untuk menginstalasikan software sebangsa Wordpress, phpBB dan lainnya, pastikan anda sudah menghapus file index.html melalui file manager-nya, agar script yang sudah anda instalasikan dapat berjalan normal.
- Saya tidak tahu dengan software CMS lainnya, namun setelah saya coba menginstalasikan wordpress ke dalam 3Host account, Ken Reidy hanya mendapatkan Wordpress versi yang sudah terbelakang (versi 2.0.5). Sekalipun bukan masalah besar dan masih bisa upload installer sendiri, tidak semua orang mau melakukannya + tidak semua suka menggunakan barang lama (tua).
Manfaatkan sesuatu yang gratisan selagi ada, tetapi jangan terlalu berharap dengan sesuatu yang gratis, selamat mencoba semoga sukses..!
Menu Dtree dengan Java Script
Sebenernya untuk membuat menu dtree saya juga belum terlalu bisa, dan saya juga belajar membuat menu dtree ini dari blognya kang Rohman yang saya favoritekan. Anda juga sebenernya juga bisa belajar membuat menu dtree ini di blognya kang Rohman, mungkin karena terlalu banyak tutorial Anda jadi bingung untuk mencarinya. Karena ada yang bertanya di chat box tertarik ingin membuat menu dtree, saya akan mecoba postingkan juga walaupun menu dtree ini telah di posting dengan jelas di tutorialnya kang rohman. Sebelumnya saya minta maaf sama kang Rohman bukan bermaksud untuk "menyaingin" postingan kang Rohman, ini hanya sekedar untuk menambah wawasan saya saja dan mengingatkan kepada saya kalau suatu saat saya lupa dengan script menu dtree ini, dan apabila kang Rohman merasa keberatan saya akan segera menghapus postingan ini.
Anda cukup menggunakan account Google Page Creator, jika anda belum mempunyai hosting sendiri untuk meletakan file-file menu dtree tersebut dan jika anda belum mempunyai account google page creator coba anda daftar di sini, karena saran kang Rohman jika file-file menu dtreenya pengen aman mesti di letakan di accout sendiri soalnya anda ga akan was-was kalau nanti file-file menu dtree di hapus oleh pemiliknya.
Untuk membuat menu dree dengan java script ini saya ambil contoh untuk yang template baru, jika anda belum menggunakan template baru saya sarankan untuk segera mengupdate disini Download free Teplate 3 column. Jika Anda telah menggunakan template yang baru selanjutnya ikuti langakah-langkah di bawah ini :
- Sign in di blogger
- Klik menu Layout
- Klik menu Edit HTML
- Klik tulisan Download Template Lengkap, save dulu untuk backup data biar aman
- Copy paste kode berikut di atas kode </head>
- Klik tombol Simpan Template
- Klik menu Elemen Halaman yang ada di sebelah atas monitor
- Klik tulisan Tambahkan sebuah Elemen Halaman
- Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
- Copy paste kode berikut pada kotak yang muncul (ganti link nya dengan milik Anda)
<div class="dtree">
<p><a href="javascript: d.openAll();"><img src="http://kacrut82.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://kacrut82.googlepages.com/minus.gif"><b>Close all</b></a></p>
<script type="text/javascript">
<!--d = new dTree('d');
d.add(0,-1,'Home','http://info-baru.blogspot.com');
d.add(1,0,'Free template & navigation')
d.add(3,1,'free template','');
d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html');
d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html');
d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html');
d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html');
d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html');
d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html');
d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html');
d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html');
d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html');
d.add(100,3,'template klasik');
d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html');
d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html');
d.add(5,1,'Free css menu navigation');
d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html');
d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html');
d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html');
d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html');
d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html');
d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html');
d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html');
d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://kacrut82.googlepages.com/globe.gif');
d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://http://kacrut82.googlepages.com/icon_user.gif');
d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://kacrut82.googlepages.com/icon_user.gif');
d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://kacrut82.googlepages.com/icon_user.gif');
d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://kacrut82.googlepages.com/icon_user.gif');
d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://kacrut82.googlepages.com/icon_user.gif');
d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://kacrut82.googlepages.com/icon_user.gif');
d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://kacrut82.googlepages.com/icon_user.gif');
d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://kacrut82.googlepages.com/action_save.gif');
d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://kacrut82.googlepages.com/cd.gif');
d.add(7,0,'My friendster!','http://ecokacrut.blogspot.com','my friendster','','http://kacrut82.googlepages.com/friendsterku.gif');
d.add(8,0,'Recycle Bin','http://info-baru.blogspot.com/index.html','Recycle bin','','http://kacrut82.googlepages.com/trash.gif');
document.write(d);//-->
</script></div>
- Klik tombol Simpan
- Klik pada elemen yang barusan di buat, tahan lalu geser pada tempat yang di inginkan (di drag & drop)
- Klik tombol Simpan yang berada di sebelah atas
- Selesai. Silahkan lihat hasilny
<link rel="StyleSheet" href="http://kacrut82.googlepages.com/dtree.css" type="text/css" />
<script type="text/javascript" src="http://kacrut82.googlepages.com/dtree.js"></script>
Selamat mencoba dengan menu dreenya, jika anda ingi tahu lebih lanjut tentang menu dree ini langsung aja anda kunjungi kolom-tutorial atau Anda juga bisa mengunjungi situs http://www.destroydrop.com
Pengenalan HTML
Pada postigan sebelumnya telah kita bahas tentang "pengertian html" yang artinya HTML adalah (HyperText Markup Language) adalah “bahasa” yang digunakan pada untuk membuat halaman web di internet. HTML memungkinkan kita untuk menampilkan teks, gambar, link ke halaman lain, membuat form isian, menyisipkan video, suara, dan lain-lain. Struktur Dokumen HTML Dokumen HTML sebenarnya hanya berupa file teks biasa yang dilengkapi dengan tanda-tanda khusus (tag) yang menentukan bagaimana teks tersebut ditampilkan.
Karena itu, dokumen HTML dapat dibuat menggunakan teks editor sederhana seperti Notepad, EditPlus, vi, dan sebagainya. Namun sekarang ini telah banyak visual editor untuk HTML seperti: Microsoft Front Page, Macromedia Dreamweaver, Adobe GoLive, dan lain-lain. Tag HTML biasanya adalah tag-tag yang berpasangan dan ditandai dengan simbol < dan >, sedangkan ‘pasangan’ atau akhir perintah dari sebuah tag ditandai dengan tanda ‘/’, misalnya pasangan dari tag <tag> adalah </tag>. Dokumen HTML biasanya disimpan dengan extension .HTM atau HTML. Untuk membuka dokumen HTML ini, diperlukan sebuah Web Browser. Contoh web browser yang banyak dipakai adalah: Microsoft Internet Explorer, Netscape Navigator, Opera, dan sebagainya. Berikut ini adalah sebuah contoh dokumen HTML sederhana:
<HTML> |
Leftover of PHP
Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin ditinggalkan karena dianggap sudah tidak memenuhi keinginan pasar karena situs tersebut harus tetap dinamis selama setiap hari. Pada saat ini bahasa PERL dan CGI sudah jauh ketinggalan jaman sehingga sebagian besar designer web banyak beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP. Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah :
- Oracle
- MySQL
- Sybase
- PostgreSQL
- dan lainnya
PHP dapat berjalan di berbagai system operasi seperti windows 98/NT, UNIX/LINUX, solaris maupun macintosh. PHP merupakan software yang open source yang dapat anda download secara gratis dari situs resminya yaitu http://www.php.net, ataupun dari situs-situs yang menyediakan software tersebut seperti di ftp://gerbang.che.itb.ac.id.
Software ini juga dapat berjalan pada web server seperti PWS (Personal Web Server), Apache, IIS, AOLServer, fhttpd, phttpd dan sebagainya. PHP juga merupakan bahasa pemograman yang dapat kita kembangkan sendiri seperti menambah fungsi-fungsi baru.
Keunggulan lainnya dari PHP adalah PHP juga mendukung komunikasi dengan layanan seperti protocol IMAP, SNMP, NNTP, POP3 bahkan HTTP. PHP dapat diinstal sebagai bagian atau modul dari apache web server atau sebagai CGI script yang mandiri.
Banyak keuntungan yang dapat diperoleh jika menggunakan PHP sebagai modul dari apache di antaranya adalah :
Tingkat keamanan yang cukup tinggi
waktu eksekusi yang lebih cepat dibandingkan dengan bahasa pemograman web lainnya yang berorientasi pada server-side scripting.
Akses ke system database yang lebih fleksibel. seperti MySQL.
Adapun kelebihan-kelebihan dari PHP yaitu:
- Mudah dibuat dan berkecepatan tinggi
- PHP dapat berjalan lintas platform, yaitu dapat berjalan dalam sistem operasi dan web server apapun.
- Dapat digunakan secara gratis.
- Termasuk bahasa yang embedded, yakni dapat diletakkan dalam tag HTML.
- Termasuk server side programming, sehingga kode asli/source code PHP tidak dapat dlihat di browser pengguna, yang terlihat hanya kode dalam format HTML.
- Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh server, seperti misalnya untuk keperluan database connection. PHP dapat melakukan koneksi dengan berbagai database seperti MySQL, Oracle, Sybase, mSQL, Solid, Generic ODBC, Postgres SQL, dBase, Direct MS-SQL, Velocis, IBM DB2, Interbase, Frontbase, Empress, dan semua database yang mempunyai profider ODBC seperti misalnya MS Access dan lain-lain.
- PHP dapat melakukan semua aplikasi program CGI, seperti mengambil nilai form, menghasilkan halaman web yang dinamis, mengirimkan dan menerima cookies.
- PHP juga mendukung komunikasi dengan layanan lain melalui protokol IMAP, SNMP, NNTP, POP3 dan HTTP dan lainnya.
History of PHP
PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah mampu mengakses database dan dapat terintegrasi dengan HTML. Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya..
Tahun 1995 dianggap sebagai tahun kelahiran dari PHP /FI yang kemudian membuat pertumbuhan aplikasi web yang pesat, dan banyak orang kemudian berkontribusi mengembangkan PHP/FI. Sulit untuk mendapatkan statistik yang tepat untuk memperkirakan penggunakan PHP/FI,tetapi diperkirakan pada akhir 1996 telah digunakan oleh sedikitnya 15000 Website diseluruh didunia. Dan pertengahan 1997 mencapai 50000 situs.
Pada pertengahan 1997 juga terjadi perubahan pengembangan PHP. Pengembangan dilakukan oleh tim yang terorganisasi bukan oleh Rasmus sendiri saja lagi. Parser dikembangkan oleh Zeev Suraski dan Andi Gutsmans yang kemudian menjadi dasar untuk versi 3, dan banyak utilitas tambahan yang diprogram untuk menambah kemampuan dari versi 2. Versi terbaru yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya. Perubahan yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP3 scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP3.
Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Sejak januari 2001 PHP3 dan PHP4 disertakan pada sejumlah produk server web komersial seperti server web StrongHold Redhat. Perkiraan konservatip yang didapat dari angka yang diberikan oleh Netcraft yang diekstrapolasi, pengguna PHP sekitar 5.100.000 sedikit lebih banyak dari server web yang menggunakan Microsoft IIS di internet.
Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan web server. Jika anda ingin mengunduh yang versi terbaru pada saat ini bisa anda kunjungi situ ini www.php.net atau bisa langsung anda klik di sini Untuk mengetahui lebih lanjut tentang "Sejarah PHP" yang lebih detail lagi bisa anda Klik disini
Prepare Before starting PHP
Pada postingan sebelumnya telah di jelaskan pengeritan tentang PHP dan hubungan antara PHP dengan HTML, berikut ini adalah persiapan-persiapan yang harus ada lakukan terlebih dahulu untuk memulai membuat website dengan bahasa script PHP. File PHP dapat berisi teks, tag HTML dan script. Script dalam file PHP file dijalankan pada server menghasilkan suatu file yang dapat ditampilkan di browser, seperti halaman HTML
Dasar Pengetahuan
Sebelum anda mempelajari tentang PHP seharusnya ada telah memiliki pengetahuan dasar :
- WWW, HTML dan dasar pembuatan Web page
- Mengetahui dasar teknik scripting
- PHP adalah singkatan dari PHP: Hypertext Preprocessor
- PHP adalah server-side scripting language (script sisi server)
- PHP script dijalankan pada komputer server
- PHP mendukung banyak database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, dll.)
- PHP gratis, open source software (OSS)
- PHP bebas di download dan digunakan
• PHP file dapat berisi teks, tag HTML dan script
• PHP file menghasilkan struktur dokumen HTML untuk ditampilkan
• PHP file memiliki extensi ".php", ".php3", atau ".phtml"
Apakah MySQL itu ?
• MySQL adalah database server kecil
• MySQL mendukung aplikasi kecil dan menengah
• MySQL mendukung perintah standar SQL
• MySQL mendukung banyak platform
• MySQL gratis, bebas di download dan digunakan
PHP + MySQL
PHP dikombinasikan dengan MySQL adalah program ideal untuk website umumnya, ia bersifat cross-platform (dalam arti anda dapat menggunakannya pada sistem Windows ataupun Unix)
Mengapa menggunakan PHP?
• PHP mendukung banyak platform (Windows, Linux, Unix, dll.)
• PHP didukung oleh banyak sistem server (Apache, IIS, dll.)
• PHP gratis, bebas download. Sumber PHP : www.php.net
• PHP mudah dipelajari dan dapat berjalan efisien pada server.
Dari mana memulainya?
• Install Apache server pada Windows atau Linux
• Install PHP dan MySQL pada Windows atau Linux
Apa yang anda perlukan ?
Tutorial kali ini membutuhkan beberapa software tambahan untuk diinstall yaitu PHP, MySQL, atau Apache Server. Jika server anda mendukung PHP – anda tidak perlu melakukan install apapun!. Anda tidak perlu menambahkan tool apapun- anda cukup menempatkan file anda pada web directory – dan aktifkan server. Buka browser. Tetapi, jika server anda tidak mendukung PHP, anda harus menginstall PHP. Berikut link tutorial dari Webmonkey tentang bagaimana menginstall PHP4:
Download PHP
Download PHP gratis di: Klik Disini
Download MySQL Database
Download MySQL gratis di: Klik Disini
Download Apache Server
Download Apache gratis di: Klik Disini
PHP: Hypertext Preprocessor
PHP merupakan singkatan dari "PHP: Hypertext Preprocessor", bahasa scripting yang menyatu dengan HTML dan dijalankan pada serverside. Artinya semua sintaks yang kita berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja. Ketika seorang pengguna internet membuka suatu situs yang menggunakan fasilitas server side scripting PHP, maka terlebih dahulu server yang bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web server pengguna internet tadi. Sehingga kode asli yang ditulis dengan PHP tidak terlihat di browser pengguna. PHP merupakan software yang open source bebas. Jadi anda dapat merubah source code dan mendistribusikan secara bebas dan gratis. PHP juga dapat berjalan lintas platform, yaitu dapat digunakan dengan sistem operasi (Windows dan Linux) dan web server apapun (misalnya: PWS, IIS, Apache dll).
Hubungan PHP dengan HTML pada Halaman web biasanya disusun dari kode-kode html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file) ke browser, kemudian browser menerjemahkan kode-kode tersebut sehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan program php, program ini harus diterjemahkan oleh web-server sehingga menghasilkan kode html yang dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun disisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengan kode-kode html tersebut.
Program php dapat ditambahkan dengan mengapit program tersebut di antara tanda <? dan ?>. Tanda-tanda tersebut biasanya disebut tanda untuk escaping (kabur) dari kode html. File html yang telah dibubuhi program php harus diganti ekstensi-nya menjadi .php atau .php3. PHP merupakan bahasa pemograman web yang bersifat server-side HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebgai bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti ASP (active Server Pages) dan JSP (Java Server Pages).
Web Statis dan Dinamis
Website dapat dibedakan menjadi dua yaitu Web Statis dan Web Dinamis. Web Statis adalah web yang berisi informasi-informasi yang bersifat statis (tetap), sedangkan Web Dinamis adalah web yang menampilkan informasi yang bersifat dinamis (berubah-ubah) dan dapat saling berinteraksi dengan user. Biasanya untuk web statis yang ditonjolkan adalah sisi tampilan yang banyak mengandung grafis sehingga untuk merancang web statis tidak diperlukan kemampuan pemrograman yang handal. Yang dibutuhkan hanya kemampuan design grafis/web dan cita rasa seni belaka. Sedangkan untuk web dinamis yang banyak ditonjolkan adalah pengolahan data sehingga dibutuhkan kemampuan dalam pemrograman web.
Ada dua jenis pemrograman web, yaitu Server Side Programming dan Client Side Programming. Pada Server Side Programming, semua sintaks dan perintah program yang diberikan akan dijalankan/diproses di Web Server, kemudian hasilnya dikirimkan ke browser pengguna dalam bentuk HTML biasa. Sehingga pengguna tidak dapat melihat kode asli yang ditulis dalam bentuk server side programming tersebut. Yang tergolong dalam server side programming seperti: CGI/Perl, Active Server Pages, Java Server Page, PHP, ColdFussion dan lain-lain.
Sebaliknya, pada "Client Side Programming" semua sintaks dan perintah program dijalankan di web browser, sehingga ketika client meminta dokumen yang mengandung script, script tersebut akan diambil dari web server kemudian dijalankan di web browser yang bersangkutan. Contoh dari client side programming seperti: JavaScript, VbScript, HTML. avast! 4 Professional Edition is a complete ICSA certified antivirus package for your company. It obtained twice VB100% award in 2002 Virus Bulletin comparative reviews. avast! scans for viruses, worms and Trojans: On Demand - with two User Interfaces, On Access, E-mail, during Boot Time, in File Explorer and Screen Saver. It maintains Virus Chest. True incremental updates based on iAVS technology updates twice a week virus definition file. Banyak sekali anti virus yang dapat kita pakai sebagai salah satu pelindung keamanan komputer anda dari berbagai virus, salah satunya adalah virus trojan yang paling terkenal dari jaman bahola sampai sekarang juga virus ini masih ada. Untuk melingungi komputer anda dari virus trojan ini bisa anda gunakan Avast! 4 Professional Edition yang bisa anda dapatkan secara langsung di website http://www.avast.com/, namun karena Avast! 4 Professional Edition ini gratis anda harus rajin-rajin untuk mengupdatenya dari internet agar anti virus Avast! 4 Professional Edition ini dapat melindungi virus yang ada di komputer anda dengan baik. Nah jika anda berminat untuk mengunduh anti virus ini silahkan klik ling download di bawah ini : Home Page : http://www.avast.com/ Download : http://download17.avast.com//iavs4pro/setupengpro.exe File Size : 16.8 MB No any fee forever Support ASP, support PHP Support access database, no MYSQL Web Space105M, Web files 0.00M, Log files 0.00M, Free 105.00M Unlimited transfer FTP upload (FTP Address: ftp.ipdz.com) Domain like http://USER.ipdz.com, can't use top level domain Sebenernya banyak sekali layanan-layanan hosting gratis, baik dari situs negara lain atapun situs dalam negri, namun kita enggan untuk mencarinya. Kalau menurut saya buat apa kita mesti bayar kalau ada yang gratis. kalau hanya untuk sekedar belajar atau hanya untuk mecoba-coba saja saya rasa itu lebih baik dari pada ga tahu sama sekali. sebenernya udah lama saya menemukan free web hosting ini dengan space 105MB dan suport databse Access, mysql, asp dan php, tentunnya ini suatu kabar yang sangat baik buat para mahasiswa atau temen-temen yang ingin belajar tetang web design. Sayang sekali ada Free web hosting yang sangat bagus tapi ga bisa di manfaatin. nah buat temen-temen yang ingin mencoba free web hosting ini saya juga akan mencoba menuliskan lankah-lankahnya, tapi mohon maaf apabila dalam langkah - langkah ini saya tidak menyertakan gambarnya, saya hanya akan menuliskan cara-caranya melalui penjelasan tulisan saya saja. Simak baik-baik langkah-langkah di bawah ini : Nah mudah-mudahan anda bisa dengan cara-cara yang saya tuliskan tadi, jika anda masih bingung silahkan tinggal kan pesan di chat box yang ada di blog info-baru. Silahkan coba anda lihat web yang saya buat di Free web Hosting ini, untuk melihatnya anda bisa klik disini "4shared is your Free Virtual Drive with 500Mb online storage space. It offers you an easy and fast way to store your files, access them from anywhere at any time, and share them with people from all over the world". Membuat website adalah suatu hal yang sudah biasa di masa sekarang ini. Setelah kita membuat website, supaya bisa diakses dari internet, maka kita harus mempublishnya/meletakkan di "Server Hosting". Atau istilahnya kita meminjam tempat /space pada hardisk yang berada di computer server milik penyedia layanan Web Hosting. Sudah banyak sekali tempat yang menyediakan layanan ini. Yang namanya pinjam, ya tentunya atau biasanya kita harus membayar, kecuali kalo minjem sama temen baru boleh ga bayar, itu juga ga semua temen kayaknya . Apalagi di jaman seperti sekarang ini yang segalanya diukur dengan uang. Akan tetapi dari sekian banyak penyedia layanan hosting yang sudah menjamur, baik di luar maupun dalam negeri, ada juga yang mau berbaik hati sama kita dengan menyediakan layanan secara gratis. Salah satunya adalah http://www.4shared.com. Dengan 4shared ini Anda dapat menyimpan file-file anda yang berupa photo, music, 3gp, Vidio, zip, rar, Dll yang nantinya file-file anda yang sudah di upload di http://www.4shared.com. bisa anda akses melalui internet di manapun anda berada. Saran saya jangan terlalu berharap dengan sesuatu yang sifatnya gratisan, tapi ga ada salahnya kan kalau kita coba memanfaatkan sesuatu hal yang gratis. ya paling resikonya file anda bisa saja akan di hapus oleh pemiliknya tanpa memberitahukan dulu kepada anda. Anda ga usah kuwatir dengan Free Upload File ini saya telah membuktikan kurang satu tahun menitip kan file saya di 4share, salah satunya adalah file Tutorial database MS. Access yang pernah saya buat sampai sekarang telah di download kurang lebih dari 266 orang yang datang ke blog saya. Nah tunggu apa lagi jika anda berminat silahkan saja anda klik di sini "Joint 4Shared Now!"
Free Download avast! 4 Professional Edition
Free Web Hosting 105MB
Free Upload File 4shared
Thanks for the posts we are the professional web design and development company offering an array of services like template customization,web designing, CMS solutions, eCommerce solutions, Search engine optimization and Internet marketing.
BalasHapusCMS DESIGN