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.

nama itu 'password'. silakan cek: http://www. name it 'password'. Click 'Save'. kemudian ketik query ini pada textbox: INSERT INTO user (username.php .net/manual/en/function. Klik 'Simpan'. sehingga dapat lebih aman. lenght / nilai '255 '. you fill 'username' field with string 'admin' and 'username' field with an encryption string of 'admin'. ketik 'varchar'. MD5 ia a function to create one-way encryption (hashing) from our password. For detail.php.Click 'Go'. Second field. password) VALUES ('admin'. Klik 'Go'. Ini berarti. please check: http://www. then type this query on textbox: Klik menu 'SQL'. password) VALUES ('admin'. md5('admin')) INSERT INTO user (username. Lapangan pertama.net/manual/en/function. lenght/values '25 . md5 ('admin')) Click 'Go'. It means. kita akan mengisi meja. nama itu 'username'. we will fill the table. type 'varchar'. MD5 AGLOCO fungsi untuk membuat enkripsi satu arah (hashing) dari password kita.md5. lenght / nilai-nilai '25 '. ketik 'varchar'.php. lenght/values '255 . First field. so it can be more secure.md5. Kolom kedua. Anda mengisi kolom 'username' dengan 'admin' string dan 'username' lapangan dengan sebuah string enkripsi dari 'admin'. Setelah itu.php Untuk detail. Klik 'Go'. Click 'SQL' menu. type 'varchar'. name it 'username'. After that.

mysql_select_db ($ dbname) atau MATI ('Nama database tidak tersedia!'). $ Password =''. <?php $hostname = 'localhost'. Jadi. Buat folder 'phpmysimplelogin' di htdocs XAMPP Anda. so you're NOT necessary to change this even this script has already online on the internet. RapidPHP. // Check. $ password) atau MATI ('Koneksi ke host gagal. then jump to secured page / / Periksa. menyimpan dokumen di bawah ini dan nama itu sebagai 'index. Ingatlah untuk menyimpan semua file Anda akan menciptakan. perhaps the service is down!'). inside this folder. session_start (). RapidPHP. di dalam folder ini. Save document below with name 'config. Run your favorite PHP code editor. jika pengguna sudah login. $ username.php': Langkah selanjutnya. / / MySQL hostname Anda. Biasanya disebut sebagai 'localhost'.Okay. $ Dbname = 'phpmysimplelogin'. etc. Jalankan favorit Anda PHP editor kode. atau hanya Microsoft Notepad baik-baik saja. eg: PHP Expert Editor. So. Jika database Anda tanpa password. if user is already login. $dbname = 'phpmysimplelogin'. it will be 'C:\xampp\htdocs\phpmysimplelogin'. mungkin layanan ini turun!'). misalnya: PHP Expert Editor. leave it empty. If your database has no password. $ Hostname = 'localhost'. biarkan kosong. or just Microsoft Notepad is fine. save document below and name it as 'index. / / password database Anda. // Select the database / / Pilih database mysql_select_db($dbname) or DIE('Database name is not available!'). / / nama database Anda. $password = ''. // Your MySQL hostname. $password) or DIE('Connection to host is failed. // Let's connect to host / / Mari kita terhubung ke host mysql_connect($hostname. Remember to save all of your files you will create. now let's prepare the web pages. Oke. / / username database Anda. kemudian melompat ke halaman dijamin if (isset($_SESSION['username'])) { if (isset ($ _SESSION ['username'])) { . akan 'C: \ xampp \ htdocs \ phpmysimplelogin'. sekarang mari kita mempersiapkan halaman web. $ Username = 'root'. $username = 'root'. Usualy named as 'localhost'. ?> ?> Next step. // Your database username.php': <?php // Inialize session / / Inialize sesi session_start(). sehingga Anda TIDAK perlu untuk mengubah ini bahkan script ini sudah online di internet. dll. Simpan dokumen di bawah ini dengan nama 'config. // Your database name. mysql_connect ($ hostname.inc'. $username. // Your database password.inc'. Create folder 'phpmysimplelogin' in your XAMPP's htdocs.

header('Location: securedpage.php. Seperti yang Anda lihat.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.session-start Now. <?php // Inialize session / / Inialize sesi session_start(). This function is used to initializes a data session. ada 'session_start ().</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. Fungsi ini digunakan untuk menginisialisasi data sesi.net/function.</td><td>&nbsp. It will creates a new session or continues previous session from data session changed by GET.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. header ('Location: securedpage.'.3</title> <title> PHPMySimpleLogin 0. there is 'session_start().session-start Lihat informasi detail tentang sesi sini: http://id. Sekarang.php"> <form method="post" action="loginproc. }} ?> ?> <html> <html> <head> <head> <title>PHPMySimpleLogin 0.php' untuk memeriksa validitas username dan password. . siapkan sebuah file dan berikan nama 'loginproc. prepare a file and give it name 'loginproc. Ini akan menciptakan sesi baru atau terus sesi sebelumnya dari data sesi diubah oleh GET. POST or cookie. session_start (). See the detail information about session here: http://id. POST atau cookie.'.php' to check the validity of username and password.php').net/function.php').php.

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

header ('Location: index. unset ($ _SESSION ['username']). // Delete all session variables / / Hapus semua variabel sesi // session_destroy(). ?> ?> Try on your favorite browser. header ('Location: index.php').</p> <br> Anda dapat menempatkan informasi yang dibatasi Anda di sini.// Check.php">Logout</a></p> <p> href="logout.> </ b> <br>You can put your restricted information here.php"> <a Keluar </ a> </ p> </body> </ Body> </html> </ Html> This is content of 'logout.php'). ?></b> <p> Ini adalah halaman dijamin dengan sesi: <b> <? php echo $ _SESSION ['username']. // Delete certain session / / Hapus sesi tertentu unset($_SESSION['username']). Coba pada browser favorit Anda.php': <?php // Inialize session / / Inialize sesi session_start(). 'http://localhost/phpmysimplelogin/'. / / Session_destroy (). if username session is NOT set then this page will jump to login page / / Periksa. session_start (). </ p> <p><a href="logout.php': Ini adalah isi dari 'logout.php'). jika sesi username TIDAK diatur maka halaman ini akan melompat ke halaman login if (!isset($_SESSION['username'])) { if (isset ($ _SESSION ['username'])) { header('Location: index. }} ?> ?> <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'].php'). // Jump to login page / / Langsung ke halaman login header('Location: index. . 'http://localhost/phpmysimplelogin/'.

isn't it. .So easy cake.

0em 1. #tb_top { -webkit-border-radius: 0 0 1. text-align: center. padding: 0. height: 1800px. color: #ffffff. width: 500px. } #container { border-left: 8px dashed #666666.0em 1. padding: 20px. background: #666666.0em 1. padding: 10px 0. background: #666666.0em 1. position: absolute. . margin: 0 auto. } body { margin: 0.}). -moz-border-radius: 1.0em. } #tb_bottom { -webkit-border-radius: 1. -webkit-border-radius: 1.0em 1. color: #ffffff. "Free Sans". border-radius: 1.0em. border-radius: 0 0 1. -moz-border-radius: 0 0 1. font-weight: bold. . 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. border-right: 8px dashed #666666. width: 550px.0em.0em 0 0. font-weight: bold.mid { font-size: 18px.0em 1.0em 0 0.tb { position: fixed. font-size: 18px.0em. .0em 0 0.

Scroll to the bottom of the driver list and select MySQL ODBC 3. If you haven't download it by visiting the MySql website .0em.. NB: Anda akan perlu memiliki driver MySQL ODBC diinstal). Jika Anda belum mendownload dengan mengunjungi situs MySql . To do this« Untuk melakukan hal ini . } #mid_animate { top: 300px. left: 300px. NB: You will need to have the MySQL ODBC driver installed).51 Driver and click Finish.. } </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..0em. left: 300px.51 Driver dan klik Finish.. } #mid { top: 200px. 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 . border-radius: 1. . Gulir ke bawah daftar driver dan pilih MySQL ODBC 3.084 085 086 087 088 089 090 091 092 093 094 095 -moz-border-radius: 1.

klik kanan di jendela database Anda dan pilih "Tabel Link". Again these couldn't be easier. Untuk mengakses data dalam tabel database Anda dengan mudah. right click in your database window and select ³Link Table´. Sekali lagi ini tidak bisa lebih mudah. . Anda sekarang perlu memasukkan rincian koneksi database Anda. Simply open up Access. Pilih "Mesin Data Source" dan pilih nama Anda baru saja didirikan di setup ODBC.You now need to enter details of your database connection. you can go through Microsoft Access. Cukup membuka akses. Anda dapat pergi melalui Microsoft Access. Microsoft Access Microsoft Access To access the data in your database's tables easily. Now drop down the Files of type option and select ODBC databases. You will now see the tables within your database. 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. Anda sekarang akan melihat tabel dalam database Anda.

Pilih Ekspor dan ikuti metode yang sama seperti di atas (untuk tabel link).$_SESSION['name']). /* Loop through the results */ while($row = mysql_fetch_assoc($result)) { echo "Name: " .. charset=utf -8' ). Demikian juga Anda juga dapat mengekspor tabel ke database MySQL Anda menggunakan metode yang sama.$row [ 'age']. Kode PHP untuk koneksi <?php create table ` smf_test(id int(8). $result = mysql_query($query). "username". "password").age int(2)). Mengatur tabel baru di Access dan klik kanan di atas meja Anda. Set up a new table in Access and right click on your table.php"). //Get the user name from the previously registered super global variable if(!session_is_registered("admin")){ //If session not registered header("location:login.Likewise you can also export tables to your MySQL database using the same method. ?> .name varchar(50). //Start the session define(ADMIN. // Redirect to login. // print Name echo "Age: ".. This will send your table to your MySQL database. Ini akan mengirim meja Anda ke database MySQL Anda. Select Export and follow the same method as above (for link tables). <?php /* Connect to the Database */ $conn= mysql_connect("localhost". } /* Select the database */ mysql_select_db("databaseName"). 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 . /* Query and get the results */ $query = "SELECT * FROM test".php <?php session_start(). $row [ 'name']. if (!conn) { echo 'db link fail'. // Print ag e } ?> Admin .php page } else //Continue to current page header( 'Content -Type: text/html.

w3. user_pass) VALUES ( µadmin¶.php with a logout message ?> Database Mysql CREATE TABLE login_admin ( id INT NOT NULL AUTO_INCREMENT. SHA(µadmin¶) ) Config..0 Transitional//EN" "http://www. user_name VARCHAR(100).php <?php /********************************************************************** *Contains all the basic Configuration *dbHost = Host of your MySQL DataBase Server. SHA(µswashata¶) ) INSERT INTO login_admin (user_name. //Destroy it! So we are logged out now header("location:login.<!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.org/TR/xhtml1/DTD/xhtml1 -transitional.php?msg=Successfully Logged out"). user_pass VARCHAR(200). user_pass) VALUES ( µswashata¶.dtd "> <html xmlns="http://www.. Usually it is localhost *dbUser = Username of your DataBase .php">Logout</a></p> <! -.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. PRIMARY KEY (id) ) INSERT INTO login_admin (user_name. // Move back to login. //Start the current session session_destroy().A link for the logout page --> <p>Put Admin Contents</p> </body> </html> Log out <?php session_start().

//GET the message if($msg!='') echo '<p>'.w3.org/TR/xhtml1/DTD/xhtml1 -transitional. . $myusername). $dbName = 'Data Base Name'. $dbUser. $mypassword = stripslashes($password).*dbPass = Password of your DataBase *dbName = Name of your DataBase **********************************************************************/ $dbHost = 'localhost'. //If message is set echo it echo "<h1>Please enter your Login Information</h1>".php'). $dbPass. // Mysql_num_row is counting table row $count=mysqli_num_rows($result).php file $username = $_POST['username']. ?> </body> </html> Check-login <?php define(DOC_ROOT. $sql="SELECT * FROM login_admin WHERE user_name='$myusername' and user_pass=SHA('$mypassword')". $dbUser = 'Data Base User Name'. $msg = $_GET['msg']. //Set Password $msg =''.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.0 Transitional//EN" "http://www. $password)) { ob_start().dirname(__FILE__)).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. include(DOC_ROOT.$msg. //Set UserName $password = $_POST['password']. $mypassword).'/config. ?> Login. // To properly get the config.w3. $myusername = mysqli_real_escape_string($dbC.dtd "> <html xmlns="http://www. $dbC = mysqli_connect($dbHost. echo $login_form. $dbName) or die('Error Connecting to MySQL DataBase'). $result=mysqli_query($dbC. if(isset($username.'</p>'. $sql). //Initiate the MySQL connection // To protect MySQL injection (more detail about MySQL injection) $myusername = stripslashes($username). $mypassword = mysqli_real_escape _string($dbC. $dbPass = 'Data Base Password'.php <!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.

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

//SESSION admin diberi nilai1 $_SESSION['username']=$username.php'). <? session_start(). jika tidak ada status makam cek status login { masuk($_POST['username']. $koneksi) or die(). }//jika salah diberi nilai False } function masuk($username. ?> Membuat status fungsi cek status login <? function AMAN()//fungsi untuk mengecek setatus admid { $admin=$_SESSION['admin']. //nama database //skrip koneksi ke database server $koneksi = mysql_connect($dbhost.php'. //skript koneksi ke nama database shutbox mysql_select_db($dbname.$_POST['password'). $password)//fungsi untuk mengecek login admin { if ($username=='admin' && $password=='rahasia' )//sek user & password admin { $_SESSION['admin']=1.php.php if(!AMAN())//cek status admin. //password database server $dbname = 'shutbox'.//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. //alamat database server $dbuser = 'root'. $dbuser.//memulai session incluade'fungtion. }//pemanggilan fungsi masuk if(AMAN())//cek status admin kembali { header ('location:admin_shoutbox.//username dimasukkan ke variable SESSION AMAN(). $dbpass). arahkan ke admin_shoutbox. //user database server $dbpass = ''.//jika True. }//jika benar diberi nilai True else { return False.Script koneksi ke database <? $dbhost = 'localhost'.php .//variable SESSION dimasukkan ke variable $admin if($admin=='1')//pengecekan variable { return True.//penyertaan file fungtion.

Dengan F ame kita dapat menampilkan lebih dari satu halama web dalam n halaman browser yang sama.// l ii der('l ti :l kembali die. Setiap dokumen HTML dapat ditampilkan didalam Frame dan setiap frame adalah bebas antara satu dengan yang lain. arahkan ke l in.berikut cara membuat frame pada website..di .//akhiri proses } ?> i '). ¡ ¡ Contoh penggunaan frame pada website: Contoh penggunaan tag Frame:   .php Cara membuat website den an frame Kegunaan Frame biasanya digunakan untuk membuat suatu halaman yang inte aktif di dalam dokumen HTML.//ji l e.

*" 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> ... Ukuran dalam pixel atau %.</frameset> = Mendefinisikan frameset <frameset rows> .. . = menentukan apakah frame bisa digulung atau tidak.80" cols="*" frameborder="NO" border="0" framespacing="0"> <frameset cols="80.<fremset> = Frame baris Untuk mengatur tinggi baris frame... Noresize Border = Mencegah pengguna untuk mengubah ukuran dari frame..... Diisi dengan Yes/No/Auto. </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.. Marginwidth = jarak antara tepi kiri/kanan frame dengan tulisan dalam frame (satuan pixel). </noframes> <iframe> ......... <frameset> = Frame kolom Untuk mengatur lebar kolom frame. <frameset cols> ....<html> <head> <title>Frame</title> </head> <frameset rows="*. <frame> . Ukuran dalam pixe atau %... = Mengubah ketebalan pembatas frame ..... </frame> <noframes> ..

Frameset Vertikal <html> <head><title>FRAMESET VERTIKAL</title> </head> <body> <frameset cols="25%.html"> </frameset> </body> </html> c.html"> <frame src="frame_b.html"> <frame src="frame_c.50%. Dapat dihilangkan dengan memberi nilai NO Contoh Lain: a.25%"> <frame src="frame_a.25%"> <frame src="frame_a. Penggunaan Noframe <html> <head><title>CONTOH PENGGUNAAN NOFRAME</title> .BorderColor = Memberikan warna pada pembatas frame FrameBorder = Pembatas frame.html"> <frame src="frame_c.Frameset Horoisontal <html> <head><title>CONTOH PENGGUNAAN FRAMESET HORISONTAL</title> </head> <body> <frameset rows="25%.50%.html"> <frame src="frame_b.html"> </frameset> </body> </html b.

html"> <noframes> <body>Your browser does not handle frames! </body> </noframes> </frameset> </body> </html> d.html" name="showframe"> </frameset> </body> </html> File : frame_isi.50%.</head> <body> <frameset cols="25%.html"> <frame src="frame_b.html" target ="showframe">Frame a</a><br> <a href ="frame_b.html"> <frame src="frame_c.html" target ="showframe">Frame b</a><br> <a href ="frame_c.html <html> <body> <a href ="frame_a. Penggunaan Navigation Frame <html> <head><title>CONTOH PENGGUNAAN NAVIGATION FRAME</title> </head> <body> <frameset cols="120.25%"> <frame src="frame_a.html" target ="showframe">Frame c</a> </body> </html> e.html"> <frame src="frame_a.*"> <frame src="frame_isi. Penggunaan iframe <html> <head><title>CONTOH PENGGUNAAN iFRAMESET</title></head> <body> .

blogspot.blogspot.com/2009/04/code -emoticon-yahoo.com/2009/03/cara-memebuat-label-berputar-putartag.html">Pasang jam di blog</a> <a href="http://putroweb.blogspot. the iframe will not be visible.border:1px solid #eee"> Teks isi Halaman </div> Contoh Cara Membuat Teks Scroll : <div style="overflow:auto.blogspot.blogspot.blogspot.padding:10px.height:200px.blogspot.html">Pasang total post </a> <a href="http://putroweb.com/2009/04/cara-menghapus-angka-pada-label.html">Memasang translator bendera</a> <a href="http://putroweb.padding:10px.width:300px.temen hanya membuat kode seperti ini : <div style="overflow:auto.html">Cara menampilkan status YM</a> <a href="http://putroweb.blogspot.blogspot.com/2009/04/pasang -jam-di-blog.com/2009/04/cara-memasang-translatebendera.blogspot. huuuu.com/2009/04/cara-menampilkan-status-ym-di-blog.</p> </body> </html> Cara Membuat Teks Scroll Lama sekali sudah gak ngeblog.</p> <p>If they don't.html">Membuat background blog berbeda</a> <a href="http://putroweb.height:200px.com/2009/04/pasang-kotak-pencarian-di-blogger.com/2009/04/widget-melayang. Cara Membuat Teks Scroll.html">Pasang kotak pencarian di blogger </a> <a href="http://putroweb.html">Cara mudah membuat favicon</a> <a href="http://putroweb.com/2009/04/cara-mudah-membuat-favicon.html">Cara membuat widget melayang </a> .html">Cara membuat label berputar putar</a> <a href="http://putroweb.html">Code emoticon yahoo </a> <a href="http://putroweb.html"></iframe> <p>Some older browsers don't support iframes. Oya sebelum membahas Cara Membuat Teks scroll mungkin ada yang ingin bertanya masalah Cara pasang auto read more otomatis?.blogspot.html">Blogger punya emoticons</a> <a href="http://putroweb.<iframe src="frame_a.com/2009/04/cara-pasang-total-post.blogspot.html">Cara menghapus angka pada label </a> <a href="http://putroweb.border:1px solid #eee"> <a href="http://putroweb.com/2009/04/blogger -punya-emoticons. temen .width:300px.com/2009/04/cara-mengganti-background-blogmenjadi.

com/2009/04/membuat -icon-back-to-top.com/2009/04/cara-membuat-contact-form.html">Cara pasang total comments </a> ><a href="http://putroweb.3em 0 0.html">Pasang image pada judul artikel </a> <a href="http://putroweb.blogspot.html">Membuat shoutbox di blogger</a> <a href="http://putroweb.blogspot.com/2009/04/cara -pasang-emoticon-di-kotakkomentar.com/2009/04/cara-membuat-iklan-float-image.html">membuat top post di blogspot</a> <a href="http://putroweb.com/2009/04/menghilangkan -garis-bawahlink. diantara kode tersebut.blogspot.com/2009/04/membuat-top-post-di-blogspot. visibility: hidden.blogspot.com/2009/04/cara-memebuat-shoutbox-diblogger.<a href="http://putroweb.blogspot.html">Menghilangkan garis bawah link </a> <a href="http://putroweb.blogspot.date-header { margin:. color:#777.date-header { jika sudah ketemu tambahkan visibility: hidden. } .com/2009/04/cara-pasang-total-comments.blogspot.blogspot.html">Cara membuat kontak kami </a> <a href="http://putroweb. font-size:80%. height: 0px.temen pernah coba cara menghilangkan tanggal posting. padding:0.blogspot.com/2009/04/free -blog-tools. disini akan dijelaskan lebih sederhana.html">Membuat icon back to top</a> <a href="http://putroweb.html">Memasang emoticons di kotak komentar </a> <a href="http://putroweb. gimana berhasil?.blogspot. lihat contoh kodenya dibawah: h2.html">Free tool </a> <a href="http://putroweb.html">Cara membuat iklan melayang</a> </div> Cara Menghilangkan Tanggal Posting Temen .com/2009/04/pasang-image-pada-judul-artikel. Pertama masuk halaman Tata Letak terus klik Edit HTML kemudian cari h2.

Sign up to vote on this title
UsefulNot useful