Senin, 04 April 2011

Membuat File Upload Sederhana dengan PHP

Sebagai tambahan artikel, tidak ada salahnya menuliskan bagaimana cara membuat file upload sederhana dengan php. Sudah banyak tutorial tapi saya menuliskan di blog saya ini sebagai catatan saya, kalau besok saya butuhkan lagi. Langsung saja kita membuat nya
1. Buat file index.php

<head>
<title>Upload File sederhana</title>
</head>

<body>
Contoh Upload File sederhana
<form action="upload_exe.php" method="post" enctype="multipart/form-data" name="form1">
  Pilih File : 
  <label>
  <input type="file" name="file">
  </label>
  <label>
  <input type="submit" name="Submit" value="Upload">
  </label>
</form>
</body>
</html>

Senin, 28 Maret 2011

Membuat Radom Postingan di Blogger

Ini merupakan cara agar artikel / postingan yang kita buat bisa  terbaca, karena radom maka pengunjung blog kita akan tahu ada artikel menarik selain yang mereka cari. Langsung saja kita memulai nya :
1. Login ke blogger anda, dan masuk ke  Rancangan / Layout --> Edit HTML.
2. Cari "]]></b:skin>" dan inputkan code dibawah ini diatasnya.
.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}

.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}

Minggu, 27 Maret 2011

Rangkaian Kabel UTP ( Straight Through dan Cross Over )

Waktu dulu masih kerja di jaringan, memasang rangkaian kabel UTP mungkin sudah di luar kepala. Namun kalau sudah lama tidak menangani kasus pemasangan jaringan saya bisa lupa. Maklum manusia tempat salah dan lupa, untuk dibagi ilmunya dan sebagai catatan kalau-kalau saya lupa urutan kabelnya. Maka saya catat saja rangkaian kabelnya.
Kita mengunakan Kabel UTP dan RG45 serta Tang Krimping untuk mengunci kabel dengan RG45. Didalam Kabel UTP terdapat 8 kabel yang berbeda yaitu berwarna Putih Orange, Orange,Putih Hijau, Hijau, Putih Biru, Biru , Putih Coklat, Coklat. Sedangkan UTP sendiri singkatan dari Unshielded Twisted Pair. Langsung saja ke prakteknya dibawah ini.

Pemasangan kabel UTP terbagi dua jenis. Straight Through dan Cross Over:

1. Straight Through

Rangkaian kabel ini dipakai untuk LAN Ethernet 10 BaseT, untuk menghubungkan PC dengan HUB/SWITCHSecara warna, urutan kabel pada saat dipasang pada konektor RJ 45 adalah :
Pin 1 : Putih/Oranye
Pin 2 : Oranye
Pin 3 : Putih/Hijau
Pin 4 : Biru
Pin 5 : Putih Biru
Pin 6 : Hijau
Pin 7 : Putih/Coklat
Pin 8 : Coklat

Jumat, 25 Maret 2011

Membuat Mode Saving Energy di Blogger

Waktu saya mengunjungi blog teman, saat saya tinggal ke blog lainnya tiba-tiba tampilan gelap. Ternyata blog tersebut mengunakan Energy Saving Mode, apabila mouse anda gerakkan maka tampilan utama akan segera muncul. Bagi teman-teman yang ingin mengunakannya kalian dapat mengunjungi http://www.onlineleaf.com/.

Kalau sudah ke alamat tersebut, silahkan cari tulisan "install the standby engine". Di Klik saja, maka akan muncul halaman yang menampilkan source code seperti dibawah ini:
<script language="javaScript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

Atau anda bisa langsung copy paste code diatas, dan sisipkan ke tag HTML di atas "</head>". Setelah itu simpan, dan lihat beberapa saat kemudian apa yang terjadi di tampilan blog anda. Akan menjadi gelap, karena script tersebut akan membuat hemat energy yang digunakan. Silahkan mencoba

Membuat Menu Drop Down dengan CSS

Kali ini saya mendapatkan syntax atau script menu drop down mengunakan css. Dari pada disimpan di dalam buku ataupun disimpan di komputer, takutnya lupa diletakkan dimana ataupun file nya hilang terkena virus ataupun format ulang. Lebih baik saya simpan di blog saya ini, mungkin sudah banyak artikel yang sama. Langsung saja kita memulai membuat menu drop down.

  1. Membuat struktur Menu Drop Down, dengan HTML seperti dibawah ini
  2. <ul id="menudropdown">
        <li><a href="#">Home</a></li>    
        <li><a href="#">Artikel</a>
            <ul>
                <li><a href="#">PHP</a></li>
                <li><a href="#">CSS</a></li>
                <li><a href="#">JavaScript</a></li>
            </ul>
        </li>
        <li><a href="#">About US</a></li>
    </ul> 

Kamis, 24 Maret 2011

Membuat Menu Horizontal di Blog

Membuat Blog kita tampil beda dari yang lain memang membuat kita tertantang, salah satunya dengan menambahkan Menu Horizontal pada bagian atas. Untuk mempermudah pengunjung memilih kategori halaman yang akan di lihat nya. Artikel ini juga sudah banyak yang menulis, namun tidak ada salahnya saya menuliskan kembali ke blog saya, bila sewaktu-waktu nanti saya membutuhkannya. Dan sebagai catatan saya dan bagi anda yang ingin belajar. Baik kita mulai saja, pertama yang harus anda lakukan adalah anda sudah masuk atau login ke blog anda.

1. Pilih Rancangan atau Layout, kemudian pilih Edit HTML kemudian cari "]]>", untuk mempercepat silahkan gunakan ctrl + f untuk mencari syntax tersebut.

2. Copykan code CSS dibawah ini diatas syntax "]]>.

Membuat Navigasi Halaman (Next-Page) di Blogger

Mungkin sudah banyak artikel yang membahas tentang membuat navigasi Next - Page, mungkin ada dari kalian yang ingin tahu bagaimana membuat halaman 1, 2, 3,.....Next.

1. Login ke blog kalian dan pilih Rancangan atau Layout
2. Tambahkan Gadget pada bagian Fotter ( Add Page Element / Gedget   --> HTML/Javascrip )
3. Sebelumnya download dulu script Navigasinya disini
4. Copykan hasil file download anda tadi ke Gadget yang baru saja kalian tambahkan.

NB :
untuk mengatur jumlah dalam satu halaman lihat
var pageCount=5; (ada 5 posting tiap halaman)
bisa diganti sesuai keinginan .kalau ingin dalam satu halaman menampilkan 10 postingan ganti dengan
var pageCount=10;