Anda di halaman 1dari 23

Cara Membuat Halaman Login di PHP dan MySQL dengan Session

########################## ########################## NEW UPDATE!!! NEW UPDATE! PHPMySimpleLogin 0.3 PHPMySimpleLogin 0,3 Download full source code: Mendownload source code lengkap: http://rapidshare.com/files/404808631/phpmysimplelogin-0.3-frozenade.co.nr.zip.html http://rapidshare.com/files/404808631/phpmysimplelogin-0.3-frozenade.co.nr.zip.html ########################## ########################## The production of login page using PHP and MySQL is actually very simple. Produksi halaman login menggunakan PHP dan MySQL sebenarnya sangat sederhana. I assume that you use local web server connection (Apache and PHP) and your MySQL database configuration use 'localhost' as hostname and 'root' as username with blank password. Saya berasumsi bahwa Anda menggunakan web server lokal koneksi (Apache dan PHP) dan 'localhost' MySQL database konfigurasi Anda gunakan sebagai nama host dan 'root' sebagai nama pengguna dengan password kosong. For this case, I recommend you to using XAMPP ( http://www.apachefriends.org/en/xamppwindows.html ). Untuk kasus ini, saya sarankan Anda untuk menggunakan XAMPP ( http://www.apachefriends.org/en/xampp-windows.html ). Please download and install it to your path choice. Silahkan download dan install dengan pilihan jalan Anda. eg: C:\xampp misalnya: C: \ xampp

Run XAMPP Control Panel on desktop. Jalankan XAMPP Control Panel pada desktop.

Start Apache and PHP modules. Mulai Apache dan modul PHP.

Let's create a database with PHPMyAdmin. Mari kita membuat database dengan PHPMyAdmin. Open your favorite browser, then type 'http://localhost/phpmyadmin' at your browser address bar. Buka browser favorit Anda, kemudian ketik 'http://localhost/phpmyadmin' di address bar browser anda. Create database 'phpmysimplelogin'. Membuat database 'phpmysimplelogin'.

Click 'Create'. Klik 'Buat'. Now, let's create a table, name it 'user' with '2 (two) number of fields. Sekarang, mari kita membuat tabel, nama itu 'pengguna' dengan '2 '(dua) nomor bidang.

Click 'Go'. Klik 'Go'. First field, name it 'username', type 'varchar', lenght/values '25 . Lapangan pertama, nama itu 'username', ketik 'varchar', lenght / nilai-nilai '25 '. Second field, name it 'password', type 'varchar', lenght/values '255 . Kolom kedua, nama itu 'password', ketik 'varchar', lenght / nilai '255 '.

Click 'Save'. Klik 'Simpan'. After that, we will fill the table. Setelah itu, kita akan mengisi meja. Click 'SQL' menu, then type this query on textbox: Klik menu 'SQL', kemudian ketik query ini pada textbox: INSERT INTO user (username, password) VALUES ('admin', md5('admin')) INSERT INTO user (username, password) VALUES ('admin', md5 ('admin'))

Click 'Go'. Klik 'Go'. It means, you fill 'username' field with string 'admin' and 'username' field with an encryption string of 'admin'. Ini berarti, Anda mengisi kolom 'username' dengan 'admin' string dan 'username' lapangan dengan sebuah string enkripsi dari 'admin'. MD5 ia a function to create one-way encryption (hashing) from our password, so it can be more secure. MD5 AGLOCO fungsi untuk membuat enkripsi satu arah (hashing) dari password kita, sehingga dapat lebih aman. For detail, please check: http://www.php.net/manual/en/function.md5.php Untuk detail, silakan cek: http://www.php.net/manual/en/function.md5.php

Okay, now let's prepare the web pages. Oke, sekarang mari kita mempersiapkan halaman web. Create folder 'phpmysimplelogin' in your XAMPP's htdocs. Buat folder 'phpmysimplelogin' di htdocs XAMPP Anda. So, it will be 'C:\xampp\htdocs\phpmysimplelogin'. Jadi, akan 'C: \ xampp \ htdocs \ phpmysimplelogin'. Remember to save all of your files you will create, inside this folder. Ingatlah untuk menyimpan semua file Anda akan menciptakan, di dalam folder ini. Run your favorite PHP code editor, eg: PHP Expert Editor, RapidPHP, etc; or just Microsoft Notepad is fine. Jalankan favorit Anda PHP editor kode, misalnya: PHP Expert Editor, RapidPHP, dll, atau hanya Microsoft Notepad baik-baik saja. Save document below with name 'config.inc'. Simpan dokumen di bawah ini dengan nama 'config.inc'.
<?php

$hostname = 'localhost'; // Your MySQL hostname. $ Hostname = 'localhost'; / / MySQL hostname Anda. Usualy named as 'localhost', so you're NOT necessary to change this even this script has already online on the internet. Biasanya disebut sebagai 'localhost', sehingga Anda TIDAK perlu untuk mengubah ini bahkan script ini sudah online di internet. $dbname = 'phpmysimplelogin'; // Your database name. $ Dbname = 'phpmysimplelogin'; / / nama database Anda. $username = 'root'; // Your database username. $ Username = 'root'; / / username database Anda. $password = ''; // Your database password. $ Password =''; / / password database Anda. If your database has no password, leave it empty. Jika database Anda tanpa password, biarkan kosong. // Let's connect to host / / Mari kita terhubung ke host mysql_connect($hostname, $username, $password) or DIE('Connection to host is failed, perhaps the service is down!'); mysql_connect ($ hostname, $ username, $ password) atau MATI ('Koneksi ke host gagal, mungkin layanan ini turun!'); // Select the database / / Pilih database mysql_select_db($dbname) or DIE('Database name is not available!'); mysql_select_db ($ dbname) atau MATI ('Nama database tidak tersedia!'); ?> ?> Next step, save document below and name it as 'index.php': Langkah selanjutnya, menyimpan dokumen di bawah ini dan nama itu sebagai 'index.php':
<?php

// Inialize session / / Inialize sesi session_start(); session_start (); // Check, if user is already login, then jump to secured page / / Periksa, jika pengguna sudah login, kemudian melompat ke halaman dijamin if (isset($_SESSION['username'])) { if (isset ($ _SESSION ['username'])) {

header('Location: securedpage.php'); header ('Location: securedpage.php'); }} ?> ?> <html> <html> <head> <head> <title>PHPMySimpleLogin 0.3</title> <title> PHPMySimpleLogin 0,3 </ title> </head> </ Head> <body> <body> <h3>User Login</h3> <h3> Login User </ h3> <table border="0"> <table border="0"> <form method="POST" action="loginproc.php"> <form method="post" action="loginproc.php"> <tr><td>Username</td><td>:</td><td><input type="text" name="username" size="20"></td></tr> <tr> <td> Nama </ td> <td>: </ td> <td> <input type="text" name="username" size="20"> </ td> </ tr> <tr><td>Password</td><td>:</td><td><input type="password" name="password" size="20"></td></tr> <tr> <td> Sandi </ td> <td>: </ td> <td> <input type="password" name="password" size="20"> </ td> </ tr> <tr><td>&nbsp;</td><td>&nbsp;</td><td><input type="submit" value="Login"></td></tr> <tr> <td> </ td> <td> </ td> <td> <input type="submit" value="Login"> </ td> </ tr> </form> </ Form> </table> </ Table> </body> </ Body> </html> </ Html> As you see, there is 'session_start();'. Seperti yang Anda lihat, ada 'session_start ();'. This function is used to initializes a data session. Fungsi ini digunakan untuk menginisialisasi data sesi. It will creates a new session or continues previous session from data session changed by GET, POST or cookie. Ini akan menciptakan sesi baru atau terus sesi sebelumnya dari data sesi diubah oleh GET, POST atau cookie. See the detail information about session here: http://id.php.net/function.session-start Lihat informasi detail tentang sesi sini: http://id.php.net/function.session-start Now, prepare a file and give it name 'loginproc.php' to check the validity of username and password. Sekarang, siapkan sebuah file dan berikan nama 'loginproc.php' untuk memeriksa validitas username dan password.
<?php

// Inialize session / / Inialize sesi session_start(); session_start ();

// Include database connection settings / / Sertakan pengaturan koneksi database include('config.inc'); include ('config.inc'); // Retrieve username and password from database according to user's input / / Ambil nama pengguna dan password dari database sesuai dengan masukan pengguna $login = mysql_query("SELECT * FROM user WHERE (username = '" . mysql_real_escape_string($_POST['username']) . "') and (password = '" . mysql_real_escape_string(md5($_POST['password'])) . "')"); $ Login = mysql_query ("SELECT * FROM pengguna WHERE (username = '" mysql_real_escape_string ($ _POST. [' Username ']). "') Dan (password = '" mysql_real_escape_string (md5 ($ _POST. [' Password ']) ). "')"); // Check username and password match / / Periksa username dan password yang sesuai if (mysql_num_rows($login) == 1) { if (mysql_num_rows ($ login) == 1) { // Set username session variable / Username / Set variabel sesi $_SESSION['username'] = $_POST['username']; $ _SESSION ['Username'] = $ _POST ['username']; // Jump to secured page / / Ke halaman dijamin header('Location: securedpage.php'); header ('Location: securedpage.php'); }} else { else { // Jump to login page / / Langsung ke halaman login header('Location: index.php'); header ('Location: index.php'); }} ?> ?> If username and password are correct, then we'll be directed to 'securedpage.php'. Jika username dan password benar, maka kita akan diarahkan ke 'securedpage.php'. This is the page that we want to show if login is successful. Ini adalah halaman yang kita ingin menunjukkan jika login berhasil. This page cannot be accessed if the correct data session is not found when login check is passed. Halaman ini tidak dapat diakses jika sesi data yang benar tak ditemukan saat cek login berlalu. This page also contains 'logout' menu, so we can destroy our login data session then return to login page. Halaman ini juga berisi menu 'logout', sehingga kita dapat menghancurkan data sesi login kita kemudian kembali ke halaman login. This is content of 'securedpage.php': Ini adalah isi dari 'securedpage.php':
<?php

// Inialize session / / Inialize sesi session_start(); session_start ();

// Check, if username session is NOT set then this page will jump to login page / / Periksa, jika sesi username TIDAK diatur maka halaman ini akan melompat ke halaman login if (!isset($_SESSION['username'])) { if (isset ($ _SESSION ['username'])) { header('Location: index.php'); header ('Location: index.php'); }} ?> ?> <html> <html> <head> <head> <title>Secured Page</title> <title> Dijamin Halaman </ title> </head> </ Head> <body> <body> <p>This is secured page with session: <b><?php echo $_SESSION['username']; ?></b> <p> Ini adalah halaman dijamin dengan sesi: <b> <? php echo $ _SESSION ['username'];> </ b> <br>You can put your restricted information here.</p> <br> Anda dapat menempatkan informasi yang dibatasi Anda di sini. </ p> <p><a href="logout.php">Logout</a></p> <p> href="logout.php"> <a Keluar </ a> </ p> </body> </ Body> </html> </ Html> This is content of 'logout.php': Ini adalah isi dari 'logout.php':
<?php

// Inialize session / / Inialize sesi session_start(); session_start (); // Delete certain session / / Hapus sesi tertentu unset($_SESSION['username']); unset ($ _SESSION ['username']); // Delete all session variables / / Hapus semua variabel sesi // session_destroy(); / / Session_destroy (); // Jump to login page / / Langsung ke halaman login header('Location: index.php'); header ('Location: index.php'); ?> ?> Try on your favorite browser, 'http://localhost/phpmysimplelogin/'. Coba pada browser favorit Anda, 'http://localhost/phpmysimplelogin/'.

So easy cake, isn't it.

}); 039 040 041 042 043 044 045 046 047 048 049 050 051 052 053 054 055 056 057 058 059 060 061 062 063 064 065 066 067 068 069 070 071 072 073 074 075 076 077 078 079 080 081 082 083 } } }

</script> <style type="text/css"> * { font-family: Arial, "Free Sans"; } body { margin: 0; padding: 0; } #container { border-left: 8px dashed #666666; border-right: 8px dashed #666666; width: 500px; margin: 0 auto; height: 1800px; #tb_top { -webkit-border-radius: 0 0 1.0em 1.0em; -moz-border-radius: 0 0 1.0em 1.0em; border-radius: 0 0 1.0em 1.0em; } #tb_bottom { -webkit-border-radius: 1.0em 1.0em 0 0; -moz-border-radius: 1.0em 1.0em 0 0; border-radius: 1.0em 1.0em 0 0; .tb { position: fixed; width: 550px; text-align: center; font-size: 18px; font-weight: bold; background: #666666; color: #ffffff; padding: 10px 0; .mid { font-size: 18px; font-weight: bold; position: absolute; background: #666666; color: #ffffff; padding: 20px; -webkit-border-radius: 1.0em;

084 085 086 087 088 089 090 091 092 093 094 095

-moz-border-radius: 1.0em; border-radius: 1.0em; } #mid { top: 200px; left: 300px; } #mid_animate { top: 300px; left: 300px; } </style>

096 </head> 097 <body> 098 099 100 <div id="container"></div> <div id="mid" class="mid">CSS { position: absolute }</div>

<div id="mid_animate" class="mid">CSS { position: absolute } with JQuery Animate</div> 101 <div id="tb_top" class="tb">CSS { position: fixed }</div> 102 <div id="tb_bottom" class="tb">CSS { position: fixed }</div> 103 </body> 104 </html>

Mengakses tabel link. To do this Untuk melakukan hal ini ...


y y y y

Click Start > Settings > Control Panel and open Administrative Tools Klik Start> Settings> Control Panel dan buka Administrative Tools Click on Data Sources (ODBC) Klik pada Data Sources (ODBC) Click the Add button Klik tombol Add ... Scroll to the bottom of the driver list and select MySQL ODBC 3.51 Driver and click Finish. Gulir ke bawah daftar driver dan pilih MySQL ODBC 3.51 Driver dan klik Finish. NB: You will need to have the MySQL ODBC driver installed). NB: Anda akan perlu memiliki driver MySQL ODBC diinstal). If you haven't download it by visiting the MySql website . Jika Anda belum mendownload dengan mengunjungi situs MySql .

You now need to enter details of your database connection. Anda sekarang perlu memasukkan rincian koneksi database Anda.

Microsoft Access Microsoft Access To access the data in your database's tables easily, you can go through Microsoft Access. Untuk mengakses data dalam tabel database Anda dengan mudah, Anda dapat pergi melalui Microsoft Access. Again these couldn't be easier. Sekali lagi ini tidak bisa lebih mudah. Simply open up Access, right click in your database window and select Link Table. Cukup membuka akses, klik kanan di jendela database Anda dan pilih "Tabel Link". Now drop down the Files of type option and select ODBC databases. Sekarang drop down Berkas pilihan jenis dan pilih database ODBC. Select Machine Data Source and select the name you have just set up in the odbc setup. Pilih "Mesin Data Source" dan pilih nama Anda baru saja didirikan di setup ODBC. You will now see the tables within your database. Anda sekarang akan melihat tabel dalam database Anda.

Likewise you can also export tables to your MySQL database using the same method. Demikian juga Anda juga dapat mengekspor tabel ke database MySQL Anda menggunakan metode yang sama. Set up a new table in Access and right click on your table. Mengatur tabel baru di Access dan klik kanan di atas meja Anda. Select Export and follow the same method as above (for link tables). Pilih Ekspor dan ikuti metode yang sama seperti di atas (untuk tabel link). This will send your table to your MySQL database. Ini akan mengirim meja Anda ke database MySQL Anda. All in all XAMPP should improve the speed at which you can develop sites and hopefully make the all important (but sometimes less glamorous) job of testing that bit more bearable! Semua di XAMPP semua harus meningkatkan kecepatan di mana Anda dapat mengembangkan situs dan mudah-mudahan membuat semua penting (tapi kadang-kadang kurang glamor) Pekerjaan pengujian bit yang lebih lumayan! Visit the XAMPP site Kunjungi situs XAMPP ... Kode PHP untuk koneksi
<?php create table ` smf_test(id int(8),name varchar(50),age int(2)); <?php /* Connect to the Database */ $conn= mysql_connect("localhost", "username", "password"); if (!conn) { echo 'db link fail'; } /* Select the database */ mysql_select_db("databaseName"); /* Query and get the results */ $query = "SELECT * FROM test"; $result = mysql_query($query); /* Loop through the results */ while($row = mysql_fetch_assoc($result)) { echo "Name: " . $row [ 'name']; // print Name echo "Age: ".$row [ 'age']; // Print ag e } ?>

Admin .php
<?php session_start(); //Start the session define(ADMIN,$_SESSION['name']); //Get the user name from the previously registered super global variable if(!session_is_registered("admin")){ //If session not registered header("location:login.php"); // Redirect to login.php page } else //Continue to current page header( 'Content -Type: text/html; charset=utf -8' ); ?>

<!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 -transitional.dtd "> <html xmlns="http://www.w3.org/1999/xhtml " xml:lang="en" lang="en"> <head> <title>Welcome To Admin Page Demonstration</title > </head> <body> <h1>Welcome To Admin Page <?php echo ADMIN /*Echo the username */ ?></h1> <p><a href="logout.php">Logout</a></p> <! -- A link for the logout page --> <p>Put Admin Contents</p> </body> </html>

Log out

<?php session_start(); //Start the current session session_destroy(); //Destroy it! So we are logged out now header("location:login.php?msg=Successfully Logged out"); // Move back to login.php with a logout message ?> Database Mysql
CREATE TABLE login_admin ( id INT NOT NULL AUTO_INCREMENT, user_name VARCHAR(100), user_pass VARCHAR(200), PRIMARY KEY (id) ) INSERT INTO login_admin (user_name, user_pass) VALUES ( swashata, SHA(swashata) ) INSERT INTO login_admin (user_name, user_pass) VALUES ( admin, SHA(admin) )

Config.php
<?php /********************************************************************** *Contains all the basic Configuration *dbHost = Host of your MySQL DataBase Server... Usually it is localhost *dbUser = Username of your DataBase

*dbPass = Password of your DataBase *dbName = Name of your DataBase **********************************************************************/ $dbHost = 'localhost'; $dbUser = 'Data Base User Name'; $dbPass = 'Data Base Password'; $dbName = 'Data Base Name'; $dbC = mysqli_connect($dbHost, $dbUser, $dbPass, $dbName) or die('Error Connecting to MySQL DataBase'); ?>

Login.php
<!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 -transitional.dtd "> <html xmlns="http://www.w3.org/1999/xhtml " xml:lang="en" lang="en"> <head> <title>Login Demo</title> </head> <body> <?php $login_form = <<<EOD <form name="login" id="login" method="POST" action="check_login.php"> <p><label for="username">Please Enter Username: </label><input type="text" size="100" name="username" id="username" value="Enter Username here" /></p> <p><label for="password">Please Enter Password: </label><input type="password" size="40" name="password" id="password" value="abracadabra" /></p> <p><input type="submit" name="submit" id="submit" value="Submit"/> <input type="reset" name="reset" id="reset" value="reset"/></p> </form> EOD; $msg = $_GET['msg']; //GET the message if($msg!='') echo '<p>'.$msg.'</p>'; //If message is set echo it echo "<h1>Please enter your Login Information</h1>"; echo $login_form; ?> </body> </html> Check-login <?php define(DOC_ROOT,dirname(__FILE__)); // To properly get the config.php file $username = $_POST['username']; //Set UserName $password = $_POST['password']; //Set Password $msg =''; if(isset($username, $password)) { ob_start(); include(DOC_ROOT.'/config.php'); //Initiate the MySQL connection // To protect MySQL injection (more detail about MySQL injection) $myusername = stripslashes($username); $mypassword = stripslashes($password); $myusername = mysqli_real_escape_string($dbC, $myusername); $mypassword = mysqli_real_escape _string($dbC, $mypassword); $sql="SELECT * FROM login_admin WHERE user_name='$myusername' and user_pass=SHA('$mypassword')"; $result=mysqli_query($dbC, $sql); // Mysql_num_row is counting table row $count=mysqli_num_rows($result);

// If result matched $myusername and $mypassword, table row must be 1 row if($count==1){ // Register $myusername, $mypassword and redirect to file "admin.php" session_register("admin"); session_register("password"); $_SESSION ['name']= $myusername; header("location:admin.php"); } else { $msg = "Wrong Username or Password. Please retry"; header("location:login.php?msg=$msg"); } ob_end_flush(); } else { header("location:login.php?msg=Please enter some username and password"); } ?>

Script koneksi ke database <? $dbhost = 'localhost'; //alamat database server $dbuser = 'root'; //user database server $dbpass = ''; //password database server $dbname = 'shutbox'; //nama database //skrip koneksi ke database server $koneksi = mysql_connect($dbhost, $dbuser, $dbpass); //skript koneksi ke nama database shutbox mysql_select_db($dbname, $koneksi) or die(); ?> Membuat status fungsi cek status login <? function AMAN()//fungsi untuk mengecek setatus admid { $admin=$_SESSION['admin'];//variable SESSION dimasukkan ke variable $admin if($admin=='1')//pengecekan variable { return True; }//jika benar diberi nilai True else { return False; }//jika salah diberi nilai False } function masuk($username, $password)//fungsi untuk mengecek login admin { if ($username=='admin' && $password=='rahasia' )//sek user & password admin { $_SESSION['admin']=1;//SESSION admin diberi nilai1 $_SESSION['username']=$username;//username dimasukkan ke variable SESSION AMAN();//pemanggilan fungsi AMAN() } } ?>

Selanjutnya kita memerlukan pemanggilan fungsi masuk( ) dan fungsi AMAN( ) untuk dapat melakukan pengecekan user yang melakukan login yang disimpan dalam file admin_login.php. <? session_start();//memulai session incluade'fungtion.php';//penyertaan file fungtion.php if(!AMAN())//cek status admin, jika tidak ada status makam cek status login { masuk($_POST['username'],$_POST['password'); }//pemanggilan fungsi masuk if(AMAN())//cek status admin kembali { header ('location:admin_shoutbox.php');//jika True, arahkan ke admin_shoutbox.php

di ;// l

ii

der('l ti :l kembali die;//akhiri proses } ?>

');//ji

l e, arahkan ke l in.php

Cara membuat website den an frame Kegunaan Frame biasanya digunakan untuk membuat suatu halaman yang inte aktif di dalam dokumen HTML. Dengan F ame kita dapat menampilkan lebih dari satu halama web dalam n halaman browser yang sama. Setiap dokumen HTML dapat ditampilkan didalam Frame dan setiap frame adalah bebas antara satu dengan yang lain.berikut cara membuat frame pada website..

Contoh penggunaan frame pada website:

Contoh penggunaan tag Frame:

<html> <head> <title>Frame</title> </head> <frameset rows="*,80" cols="*" frameborder="NO" border="0" framespacing="0"> <frameset cols="80,*" frameborder="NO" border="0" framespacing="0"> <frame src="UntitledFrame-2" name="leftFrame" scrolling="NO" noresize> <frame src="Untitled-3" name="mainFrame"> </frameset> <frame src="UntitledFrame-3" name="bottomFrame" scrolling="NO" noresize > </frameset> <noframes><body> </body></noframes> </html>

Tag Frame: <frameset> ... .......</frameset> = Mendefinisikan frameset <frameset rows> ...<fremset> = Frame baris Untuk mengatur tinggi baris frame. Ukuran dalam pixel atau %. <frameset cols> ... <frameset> = Frame kolom Untuk mengatur lebar kolom frame. Ukuran dalam pixe atau %. <frame> ......... </frame> <noframes> ... </noframes> <iframe> ....... </iframe> = mendefinisikan jendela (sub) frame = mendefinisikan browser yang tidak mendukung frame = mendefinisikan inline (sub) frame

Src Name Scrolling

= Berisi URL yang menjadi sumber dari frame = nama yang digunakan untuk tujuan/target link. = menentukan apakah frame bisa digulung atau tidak. Diisi dengan Yes/No/Auto.

Marginwidth = jarak antara tepi kiri/kanan frame dengan tulisan dalam frame (satuan pixel). Noresize Border = Mencegah pengguna untuk mengubah ukuran dari frame. = Mengubah ketebalan pembatas frame

BorderColor = Memberikan warna pada pembatas frame FrameBorder = Pembatas frame. Dapat dihilangkan dengan memberi nilai NO

Contoh Lain: a. Frameset Vertikal

<html> <head><title>FRAMESET VERTIKAL</title> </head> <body> <frameset cols="25%,50%,25%"> <frame src="frame_a.html"> <frame src="frame_b.html"> <frame src="frame_c.html"> </frameset> </body> </html

b.Frameset Horoisontal

<html> <head><title>CONTOH PENGGUNAAN FRAMESET HORISONTAL</title> </head> <body> <frameset rows="25%,50%,25%"> <frame src="frame_a.html"> <frame src="frame_b.html"> <frame src="frame_c.html"> </frameset> </body> </html>

c. Penggunaan Noframe

<html> <head><title>CONTOH PENGGUNAAN NOFRAME</title>

</head> <body> <frameset cols="25%,50%,25%"> <frame src="frame_a.html"> <frame src="frame_b.html"> <frame src="frame_c.html"> <noframes> <body>Your browser does not handle frames! </body> </noframes> </frameset> </body> </html>

d. Penggunaan Navigation Frame

<html> <head><title>CONTOH PENGGUNAAN NAVIGATION FRAME</title> </head> <body> <frameset cols="120,*"> <frame src="frame_isi.html"> <frame src="frame_a.html" name="showframe"> </frameset> </body> </html>

File : frame_isi.html

<html> <body> <a href ="frame_a.html" target ="showframe">Frame a</a><br> <a href ="frame_b.html" target ="showframe">Frame b</a><br> <a href ="frame_c.html" target ="showframe">Frame c</a> </body> </html>

e. Penggunaan iframe <html> <head><title>CONTOH PENGGUNAAN iFRAMESET</title></head> <body>

<iframe src="frame_a.html"></iframe> <p>Some older browsers don't support iframes.</p> <p>If they don't, the iframe will not be visible.</p> </body> </html>

Cara Membuat Teks Scroll Lama sekali sudah gak ngeblog, huuuu. Oya sebelum membahas Cara Membuat Teks scroll mungkin ada yang ingin bertanya masalah Cara pasang auto read more otomatis?. Cara Membuat Teks Scroll, temen - temen hanya membuat kode seperti ini :

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">


Teks isi Halaman </div>

Contoh Cara Membuat Teks Scroll :


<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

<a href="http://putroweb.blogspot.com/2009/03/cara-memebuat-label-berputar-putartag.html">Cara membuat label berputar putar</a> <a href="http://putroweb.blogspot.com/2009/04/cara-mudah-membuat-favicon.html">Cara mudah membuat favicon</a> <a href="http://putroweb.blogspot.com/2009/04/cara-memasang-translatebendera.html">Memasang translator bendera</a> <a href="http://putroweb.blogspot.com/2009/04/pasang-kotak-pencarian-di-blogger.html">Pasang kotak pencarian di blogger </a> <a href="http://putroweb.blogspot.com/2009/04/blogger -punya-emoticons.html">Blogger punya emoticons</a> <a href="http://putroweb.blogspot.com/2009/04/code -emoticon-yahoo.html">Code emoticon yahoo </a> <a href="http://putroweb.blogspot.com/2009/04/cara-menghapus-angka-pada-label.html">Cara menghapus angka pada label </a> <a href="http://putroweb.blogspot.com/2009/04/cara-mengganti-background-blogmenjadi.html">Membuat background blog berbeda</a> <a href="http://putroweb.blogspot.com/2009/04/cara-pasang-total-post.html">Pasang total post </a> <a href="http://putroweb.blogspot.com/2009/04/pasang -jam-di-blog.html">Pasang jam di blog</a> <a href="http://putroweb.blogspot.com/2009/04/cara-menampilkan-status-ym-di-blog.html">Cara menampilkan status YM</a> <a href="http://putroweb.blogspot.com/2009/04/widget-melayang.html">Cara membuat widget melayang </a>

<a href="http://putroweb.blogspot.com/2009/04/cara -pasang-emoticon-di-kotakkomentar.html">Memasang emoticons di kotak komentar </a> <a href="http://putroweb.blogspot.com/2009/04/cara-memebuat-shoutbox-diblogger.html">Membuat shoutbox di blogger</a> <a href="http://putroweb.blogspot.com/2009/04/cara-pasang-total-comments.html">Cara pasang total comments </a> ><a href="http://putroweb.blogspot.com/2009/04/menghilangkan -garis-bawahlink.html">Menghilangkan garis bawah link </a> <a href="http://putroweb.blogspot.com/2009/04/cara-membuat-contact-form.html">Cara membuat kontak kami </a> <a href="http://putroweb.blogspot.com/2009/04/pasang-image-pada-judul-artikel.html">Pasang image pada judul artikel </a> <a href="http://putroweb.blogspot.com/2009/04/membuat-top-post-di-blogspot.html">membuat top post di blogspot</a> <a href="http://putroweb.blogspot.com/2009/04/free -blog-tools.html">Free tool </a> <a href="http://putroweb.blogspot.com/2009/04/membuat -icon-back-to-top.html">Membuat icon back to top</a> <a href="http://putroweb.blogspot.com/2009/04/cara-membuat-iklan-float-image.html">Cara membuat iklan melayang</a> </div>

Cara Menghilangkan Tanggal Posting Temen - temen pernah coba cara menghilangkan tanggal posting, gimana berhasil?, disini akan dijelaskan lebih sederhana. Pertama masuk halaman Tata Letak terus klik Edit HTML kemudian cari h2.date-header { jika sudah ketemu tambahkan visibility: hidden; diantara kode tersebut. lihat contoh kodenya dibawah:

h2.date-header { margin:.3em 0 0; padding:0; font-size:80%; color:#777; height: 0px; visibility: hidden; }