Sharing Mie

Cara Membuat Form LOG IN dengan Menggunakan CSS

10/20/2012 01:29:00 PM Palma Hutabarat 1

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="post-item" style="background-color: white; font-family: 'Droid Serif', Arial, serif; font-size: 14px;">
<div style="text-align: center;">
<img alt="form login css" height="180" src="http://www.zainalhakim.web.id/uploads/image/form-login.jpg" style="margin: 5px; padding: 5px;" width="600" /></div>
<div style="text-align: justify;">
Membuat form login dengan css tidaklah susah hanya perlu beberapa menit untuk menyusun kode cssnya karena isian form yang dibuat hanya username, password dan tombol loginya. Beda kalau kita membuat form dengan css untuk keperluan yang lengkap seperti form pendaftaran yang pasti isiannya cukup merepotkan. Sekarang <a class="linkC" href="http://www.zainalhakim.web.id/tentang-saya.html" style="color: #444444; text-decoration: none;">saya</a> akan berbagi tentang <a class="linkC" href="http://www.zainalhakim.web.id/posting/membuat-form-login-dengan-css.html" style="color: #444444; text-decoration: none;">cara</a>membuat form login dengan css.</div>
<div style="text-align: justify;">
Banyak variasi form login css yang bisa kita buat, baik nanti beda warna, posisi maupun ataupun gambar latarnya. Langkah pertama adalah membuat susunan kode form html ditempatkan dibagian dalam <body>...</bodu>, lihat kode berikut :</div>
<pre style="background-color: #f0f0f0; background-image: url(http://www.zainalhakim.web.id/images/bg-code.png); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(175, 175, 175); font-family: consolas, courier, monospace; font-size: 1em; line-height: 1.2em; margin: 3px; overflow: auto; padding: 10px;"><div id="form-login">
<form id="FLogin" name="FLogin" method="post" action="">
<h1>Login Member</h1>
  <label>Username </label> : <input name="username" type="text" id="username" size="20" maxlength="20" class="txt" /><br />
  <label>Password </label> : <input name="password" type="password" id="password" size="20" maxlength="20" class="txt" />
  <div id="tombol"><input name="btnLogin" type="submit" value="Login" class="button" /><input name="btnLogin" type="reset" value="Reset" class="button" /></div>
</form>
</div></pre>
<div style="text-align: justify;">
kemudian kita buat kode css agar semua objek yang ada pada form disesuikan posisi serta pewarnaanya. letakkan css dalam file css yang sudah ada atau letakkan di bagian dalam <head>..</head>.</div>
<pre style="background-color: #f0f0f0; background-image: url(http://www.zainalhakim.web.id/images/bg-code.png); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(175, 175, 175); font-family: consolas, courier, monospace; font-size: 1em; line-height: 1.2em; margin: 3px; overflow: auto; padding: 10px;">div#form-login {
width:400px; margin:0 auto;
padding:20px; background-color:#009900;
border-radius:15px; -moz-border-radius:15px; 
-webkit-border-radius:15px;border:1px solid #666;
text-align:center;font-size: small;
font-family: "Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;
letter-spacing: .01em;
color:#009900;
}
div#form-login form { 
margin:0;padding:0;border-radius:15px; -moz-border-radius:15px; 
-webkit-border-radius:15px;border:1px solid #666;
background-color:#E7FCD8;
-webkit-box-shadow: rgba(0,0,0,0.25) 5px 5px 10px;
-moz-box-shadow: rgba(0,0,0,0.25) 5px 5px 10px;
box-shadow: rgba(0,0,0,0.25) 5px 5px 10px;
}
div#form-login form label { float:left; width:120px;}
div#form-login form .txt { padding:3px;margin:3px;}
div#form-login h1 { font:20px "Trebuchet MS"; border-bottom:1px dotted #009900;padding:5px;margin:10px;}
div#tombol { clear:both;padding:10px;}
.button{ box-shadow: rgba(0,0,0,0.1) 0px 1px 1px;padding:3px 20px; }
.button:hover,.button:focus{
color: #000; -webkit-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px; 
-moz-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px; box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
}
</style>
</pre>
<div style="text-align: justify;">
Selesai, tinggal kita lihat hasilnya berikut..</div>
<div style="text-align: center;">
<img alt="form login dengan cs" height="250" src="http://www.zainalhakim.web.id/uploads/image/capture-form-login-css.gif" style="margin: 5px; padding: 5px;" width="500" /></div>
<div style="text-align: center;">
<a href="http://www.zainalhakim.web.id/demo/form-login-css.html" style="color: #444444;"><img alt="Lihat demo" height="32" src="http://www.zainalhakim.web.id/uploads/image/tombol-demo.png" style="margin: 5px; padding: 5px;" width="128" /></a></div>
<div style="text-align: justify;">
Contoh langkah <a href="http://www.zainalhakim.web.id/posting/cara-membuat-form-dengan-html.html" style="color: #444444;">membuat form</a> login dengan css diatas hanya tampilanya saja, untuk script php proses loginnya <a class="linkC" href="http://www.zainalhakim.web.id/tentang-saya.html" style="color: #444444; text-decoration: none;">saya</a> akan bahas berikut ini :</div>
<h3 style="clear: both; font-size: 16px; margin-top: 10px;">
<cufon alt="Membuat " class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 78px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 97px;" width="97"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon><cufon alt="tabel " class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 44px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 62px;" width="62"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon><cufon alt="mysql " class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 49px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 68px;" width="68"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon><cufon alt="untuk " class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 48px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 67px;" width="67"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon><cufon alt="login" class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 38px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 53px;" width="53"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon></h3>
<div style="text-align: justify;">
Asumsi <a class="linkC" href="http://www.zainalhakim.web.id/tentang-saya.html" style="color: #444444; text-decoration: none;">saya</a> anda sudah memiliki sebuah database jadi tinggal menambahkan loginnya saja. Berikut ini rancangan susunan tabel untuk login :</div>
<div style="text-align: justify;">
Nama tabel : tb_pengguna</div>
<div style="text-align: justify;">
Field tabel :</div>
<ol>
<li>username tipe varchar (20) primary key</li>
<li>password tipe varchar (255)</li>
<li>nama tipe varchar (30)</li>
<li>login_terakhir datetime</li>
</ol>
<div style="text-align: justify;">
susunan query untuk membuat tabel pengguna</div>
<pre style="background-color: #f0f0f0; background-image: url(http://www.zainalhakim.web.id/images/bg-code.png); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(175, 175, 175); font-family: consolas, courier, monospace; font-size: 1em; line-height: 1.2em; margin: 3px; overflow: auto; padding: 10px;">CREATE TABLE `db_datamhs`.`tb_pengguna` (
`username` VARCHAR( 20 ) NOT NULL ,
`password` VARCHAR( 255 ) NOT NULL ,
`nama` VARCHAR( 30 ) NOT NULL ,
`login_terakhir` DATETIME NOT NULL ,
PRIMARY KEY ( `username` )
) ENGINE = MYISAM ;
</pre>
<div style="text-align: justify;">
dan hasil view struktur tabelnya seperti gambar berikut :</div>
<div style="text-align: justify;">
<img alt="view tabel pengguna pada phpmyadmin" height="215" src="http://www.zainalhakim.web.id/uploads/image/php-data-mahasiswa/php-data-mahasiswa-8.gif" style="margin: 5px; padding: 5px;" width="500" /></div>
<h3 style="clear: both; font-size: 16px; margin-top: 10px;">
<cufon alt="Menyisipkan " class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 100px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 119px;" width="119"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon><cufon alt="data " class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 40px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 58px;" width="58"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon><cufon alt="awal " class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 42px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 61px;" width="61"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon><cufon alt="pengguna" class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 78px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 92px;" width="92"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon></h3>
<div style="text-align: justify;">
Kemudian untuk simulasi ini <a class="linkC" href="http://www.zainalhakim.web.id/tentang-saya.html" style="color: #444444; text-decoration: none;">saya</a> input data awal secara manual melalui phpmyadmin (nanti kalo sudah ada adminnya baru dibuatkan menu untuk mengelola pengguna). Menambahnya bisa langsung tekan menu insert pada bagian atas informasi tabel pada phpmyadmin, seperti gambar :</div>
<div style="text-align: justify;">
<img alt="insert data tabel pengguna pada phpmyadmin" height="215" src="http://www.zainalhakim.web.id/uploads/image/php-data-mahasiswa/php-data-mahasiswa-9.gif" style="margin: 5px; padding: 5px;" width="500" /></div>
<div style="text-align: justify;">
atau dengan susunan query :</div>
<pre style="background-color: #f0f0f0; background-image: url(http://www.zainalhakim.web.id/images/bg-code.png); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(175, 175, 175); font-family: consolas, courier, monospace; font-size: 1em; line-height: 1.2em; margin: 3px; overflow: auto; padding: 10px;">INSERT INTO `db_datamhs`.`tb_pengguna` (
`username`,`password`,`nama`,`login_terakhir`
) VALUES ('admin', MD5( '12345' ) , 'Nama Admin', '2012-08-08 23:49:35');
</pre>
<div style="text-align: justify;">
Dalam tabel pengguna <a class="linkC" href="http://www.zainalhakim.web.id/tentang-saya.html" style="color: #444444; text-decoration: none;">saya</a> tambahkan user dengan password MD5(`12345`), ini maksudnya nanti password akan disimpan dalam mode algoritma sistem acak <b>md5</b>(Message-Digest algorithm 5) sehingga password tidak tersimpan dalam bentuk aslinya `12345' tapi dikodekan khusus dalam 128-bit.</div>
<div style="text-align: justify;">
Pada tabel juga <a class="linkC" href="http://www.zainalhakim.web.id/tentang-saya.html" style="color: #444444; text-decoration: none;">saya</a> tambahkan field login_terakhir yang nanti digunakan sebagai tempat mencatat tanggal dan jam login terakhir.</div>
<div style="text-align: justify;">
Setelah tabel selesai dan sudah ada 1 user ditambahkan kita buat proses loginnya.</div>
<h3 style="clear: both; font-size: 16px; margin-top: 10px;">
<cufon alt="Membuat " class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 78px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 97px;" width="97"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon><cufon alt="script " class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 45px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 64px;" width="64"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon><cufon alt="login " class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 43px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 62px;" width="62"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon><cufon alt="dengan " class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 63px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 82px;" width="82"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon><cufon alt="PHP" class="cufon cufon-canvas" style="display: inline-block !important; font-size: 1px !important; height: 16px; line-height: 1px !important; position: relative !important; vertical-align: middle !important; width: 31px;"><canvas height="20" style="height: 20px; left: -3px; position: relative !important; top: -3px; width: 46px;" width="46"></canvas><cufontext style="display: inline-block !important; height: 0px !important; overflow: hidden !important; text-indent: -10000in !important; width: 0px !important;"></cufontext></cufon></h3>
<div style="text-align: justify;">
Pertama kita buat koneksi database dulu seperti berikut, jika sudah ada lewati :</div>
<pre style="background-color: #f0f0f0; background-image: url(http://www.zainalhakim.web.id/images/bg-code.png); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(175, 175, 175); font-family: consolas, courier, monospace; font-size: 1em; line-height: 1.2em; margin: 3px; overflow: auto; padding: 10px;"><?php
    ob_start();
    session_start();
    $dbserver="localhost";
    $dbusername="root";
    $dbpassword="";
    $dbname="nama_database";
    mysql_connect($dbserver,$dbusername,$dbpassword) or die(mysql_error());
    mysql_select_db($dbname) or die (mysql_error());
?></pre>
<div style="text-align: justify;">
Pada bagian form <form id="FLogin" name="FLogin" method="post" action="">, sengaja action<a class="linkC" href="http://www.zainalhakim.web.id/tentang-saya.html" style="color: #444444; text-decoration: none;">saya</a> buat tanpa nilai, ini artinya form akan diproses pada file itu sendiri. Jadi proses login kita sisipkan pada halaman yang sama.</div>
<div style="text-align: justify;">
Koneksi sudah sekarang kita akan modif halaman loginnya dengan menambahkan kode berikut pada baris paling atas :<br />
(<i>Ingat jika anda sudah punya koneksi, jangan lupa tambahkan ob_start() dan session_start() agar sistem penyimpanan informasi login bisa bekerja pada semua halaman</i>). Jika koneksi sudah ada lewati ini.</div>
<pre style="background-color: #f0f0f0; background-image: url(http://www.zainalhakim.web.id/images/bg-code.png); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(175, 175, 175); font-family: consolas, courier, monospace; font-size: 1em; line-height: 1.2em; margin: 3px; overflow: auto; padding: 10px;"><?php
    include("koneksi.php");
?></pre>
<div style="text-align: justify;">
Kemudian tambahkan lagi pada bagian setelah <body> sebelum form tadi :</div>
<pre style="background-color: #f0f0f0; background-image: url(http://www.zainalhakim.web.id/images/bg-code.png); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(175, 175, 175); font-family: consolas, courier, monospace; font-size: 1em; line-height: 1.2em; margin: 3px; overflow: auto; padding: 10px;"><?php
//Penangganan login jika form diisi
if(isset($_POST['username']) && isset($_POST['password']))
{
   //cek isian
   if(!empty($_POST['username']) && !empty($_POST['password']))
   {
     $username=htmlspecialchars(stripslashes($_POST['username']));
     $password=md5(htmlspecialchars(stripslashes($_POST['password'])));
     $myquery="select username,nama,DATE_FORMAT(login_terakhir, '%d-%m-%Y %H:%i:%s') as login_terakhir from tb_pengguna where username='$username' and password='$password' limit 1";
     $result=mysql_query($myquery) or die (mysql_error());
     if (mysql_num_rows($result) == 1) 
     {
 //jika username dan password cocok
 $pengguna=mysql_fetch_object($result);
 $_SESSION['login']=true;
 $_SESSION['username']=$pengguna->username;
 $_SESSION['nama']=$pengguna->nama;
 $_SESSION['login_terakhir']=$pengguna->login_terakhir;
        mysql_query("update tb_pengguna set login_terakhir=NOW() where username='$username' limit 1") or die("Gagal memperbaharui terakhir login");
 header("location:index.php"); //ini disesuaikan tujuan halaman setelah login berhasil
      } else {
 //jika username dan password tidak cocok
 echo "<h1 align=\"center\">Username atau password salah!</h1>";
      }
   } else {
      //jika form kosong munculkan pesan
      echo "<h1 align=\"center\">Isikan username dan password!</h1>";
    }
} 
?>
</pre>
<div style="text-align: justify;">
Setelah itu, pastikan semua halaman yang anda ingin proteksi dengan password sudah ditambahkan kode berikut pada setiap awal bagian atas halaman :</div>
<pre style="background-color: #f0f0f0; background-image: url(http://www.zainalhakim.web.id/images/bg-code.png); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(175, 175, 175); font-family: consolas, courier, monospace; font-size: 1em; line-height: 1.2em; margin: 3px; overflow: auto; padding: 10px;"><?php
include("koneksi.php");
if(!isset($_SESSION['login'])) {
    header("location:login.php"); //ini diisi dengan nama file halaman login
}
?></pre>
<div style="text-align: justify;">
Kode diatas tujuannya adalah, memindah ke halaman login jika status login belum ada (belum login).</div>
<div style="text-align: justify;">
Jika anda ingin melihat aplikasi lengkap bisa dibaca <a class="linkC" href="http://www.zainalhakim.web.id/posting/membuat-form-login-dengan-css.html" style="color: #444444; text-decoration: none;" title="http://www.zainalhakim.web.id/">artikel</a> <a class="linkC" href="http://www.zainalhakim.web.id/tentang-saya.html" style="color: #444444; text-decoration: none;">saya</a> tentang <a href="http://www.zainalhakim.web.id/posting/membuat-aplikasi-data-mahasiswa-1.html" style="color: #444444;" target="_blank">Membuat Aplikasi Data Mahasiswa dengan PHP Bagian 1</a>, <a href="http://www.zainalhakim.web.id/posting/membuat-aplikasi-data-mahasiswa-2.html" style="color: #444444;" target="_blank">Bagian 2</a>, <a href="http://www.zainalhakim.web.id/posting/membuat-aplikasi-data-mahasiswa-3.html" style="color: #444444;" target="_blank">Bagian 3</a>, <a href="http://www.zainalhakim.web.id/posting/membuat-aplikasi-data-mahasiswa-4.html" style="color: #444444;">Bagian 4</a>, <a href="http://www.zainalhakim.web.id/posting/membuat-http://www.zainalhakim.web.id/posting/membuat-aplikasi-data-mahasiswa-bagian-5.html" style="color: #444444;" target="_blank">Bagian 5</a> dan <a href="http://www.zainalhakim.web.id/posting/membuat-http://www.zainalhakim.web.id/posting/membuat-aplikasi-data-mahasiswa-bagian-6.html" style="color: #444444;" target="_blank">Bagian 6</a></div>
<div style="text-align: justify;">
Semoga bermanfaat, jika ada pertanyaan silahkan kirimkan melalui komentar dibawah.</div>
<div style="text-align: justify;">
<a class="LinkOwner" href="http://www.zainalhakim.web.id/tentang-saya.html" style="color: #444444; text-decoration: none;" title="Zainal Hakim">Zainal Hakim</a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<pre style="background-color: #f0f0f0; background-image: url(http://www.zainalhakim.web.id/images/bg-code.png); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(175, 175, 175); font-family: consolas, courier, monospace; line-height: 1.2em; margin: 3px; overflow: auto; padding: 10px;"><?php
include("koneksi.php");
if(!isset($_SESSION['login'])) {
    header("location:login.php"); //ini diisi dengan nama file halaman login
}
?></pre>
</div>
</div>
</div>

Membuat form login dengan css tidaklah susah hanya perlu beberapa menit untuk menyusun kode cssnya karena isian form yang dibuat hanya username, password dan tombol loginya. Beda kalau kita membuat form dengan css untuk keperluan yang lengkap sepert…

Chopper-tattoo - Top Tattoo Offer

10/20/2012 01:28:00 PM Palma Hutabarat 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<b style="background-color: white; font-size: small;">Chopper Tattoo </b><span style="background-color: white; font-size: x-small;">is by far the most favored tattoo gallery on the Internet. They have the largest collection of award winning tattoo designs and they are still growing. It is probably almost impossible not to find your dream tattoo.</span><br style="background-color: white; font-size: small;" /><b style="background-color: white; font-size: small;">Chopper tattoo’s website</b><span style="background-color: white; font-size: x-small;"> is very user friendly. It lets you navigate in an easy and effective way.</span><br style="background-color: white; font-size: small;" /><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;"> </span><span style="background-color: white; font-size: medium;"><b><a href="http://04d4dulezc2qcv9blewfsgw-4q.hop.clickbank.net/" rel="nofollow" style="color: #0b5394; text-decoration: none;" target="_blank" title="Chopper Tattoo">Join the Chopper Tattoo Gallery today!</a></b></span><br style="background-color: white; font-size: small;" /><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">You can search by size, color and keywords. This is a much better option than looking through several pages. It gives you a rather pleasant browsing experience as well as enabling you to find your ideal tattoo a lot faster than usual.</span><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">They have some quite interesting categories like Monkey Tattoos, Cat Tattoos and Harley Tattoos among the more popular ones including Tribal Tattoos, Dragon Tattoos, Cross Tattoos, Star Tattoos, Lower Back Tattoos, Butterfly Tattoos, Celtic Tattoos, Fish Tattoos, Egyptian Tattoos, Gothic Tattoos and Armband Tattoos just to name a few.</span><br style="background-color: white; font-size: small;" /><a href="http://04d4dulezc2qcv9blewfsgw-4q.hop.clickbank.net/" rel="nofollow" style="background-color: white; color: #0b5394; font-size: small; text-decoration: none;">Chopper Tattoo</a><span style="background-color: white; font-size: x-small;"> offers tattoo lettering as well. Here, you are able to select from various lettering suggestions, which means that you can have a complete personal modification of your tattoos.</span><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">Another great aspect about Chopper Tattoo is, they continuously inspire tattoo artists to submit their top designs in return for payment. As a result, their own design collection is in an ongoing growth process.</span><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">Once you have signed up as a member, you can print out as many designs as you like. Chopper Tattoo offers three membership levels: a 30-day and a 60-day level as well as a lifetime membership.</span><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">I felt that the only negative aspect of Chopper Tattoo’s website was some banner ads. This might be a bit annoying for some. However, just disregard them, and it shouldn’t distract you much from viewing their award-winning tattoo designs.</span><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">If you are searching for top quality tattoo designs, at Chopper Tattoo you will definitely find it. The various tattoo designs are displayed as cristal clear images. No guessing about the smaller parts of the artwork. You can see all the details, even the tiny ones.</span><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">With thousands of award-winning tattoo designs available, you will certainly have no difficulties choosing your dream tattoo. Take advantage of the many benefits inside the member’s area and join the Chopper Tattoo gallery today, print your dream tattoo out and take it to your tattoo artist.</span><br style="background-color: white; font-size: small;" /><br />
<div class="separator" style="background-color: white; clear: both; font-size: small; text-align: center;">
<a href="http://04d4dulezc2qcv9blewfsgw-4q.hop.clickbank.net/" rel="nofollow" style="color: #0b5394; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3g-RgroiWlm4KyOxqDbE-KLGsHU5TMWOxZzK0rqopv-LypO1ETjMmE4RF3VFGXspgVsgEmImudHm6Ypo4Du_XPG8svFVW6lMSEut6R6fO90bcVEmxZW0GtlQwImhUl2DM9YnydTavSjJF/s1600/dowload.jpeg" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" /></a></div>
<span style="background-color: white; font-size: x-small;"><br /></span></div>

Body Art SeputarBerita World Chopper-tattoo - Top Tattoo Offer

Chopper Tattoo is by far the most favored tattoo gallery on the Internet. They have the largest collection of award winning tattoo designs and they are still growing. It is probably almost impossible not to find your dream tattoo.Chopper tattoo’s we…

Get Rid Tattoo - Natural Tattoo Removal Solution

10/20/2012 01:28:00 PM Palma Hutabarat 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<b style="background-color: white; font-size: small;">Get Rid Tattoo - Natural Tattoo Removal Solution</b><span style="background-color: white; font-size: x-small;"> The product you"re looking for. This is how to make it happen, you can use it efficiently. If you are looking with this thing, our company offers what you need to care about the pleasure guarantee together with a refund if you are not satisfied. Make sure you read the specifics.</span><br />
<div style="background-color: white; font-size: small; text-align: center;">
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm4iJkb7mEsTlmuDBYBqWyduOLBqwa3uzMu-xmOtHl29w-3_Q9ww84XI9AcDDXxYwt1fgJPb_H9Rb8xf6Jlf-hp4Oj_Sec52mJQUFVH-84a0Iga_TlGMY6Y9aH3SUM2tAR2E86LQcIb9lH/s1600/Get+Rid+Tattoo.jpg" style="color: #0b5394; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Get Rid Tattoo " border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm4iJkb7mEsTlmuDBYBqWyduOLBqwa3uzMu-xmOtHl29w-3_Q9ww84XI9AcDDXxYwt1fgJPb_H9Rb8xf6Jlf-hp4Oj_Sec52mJQUFVH-84a0Iga_TlGMY6Y9aH3SUM2tAR2E86LQcIb9lH/s400/Get+Rid+Tattoo.jpg" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" title="Get Rid Tattoo " width="400" /></a></div>
<br style="background-color: white; font-size: small;" /><div class="separator" style="background-color: white; clear: both; font-size: small; text-align: center;">
<a href="http://95c1bmwnr34l9zckwb13xev99h.hop.clickbank.net/" rel="nofollow" style="color: #0b5394; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidMmNQXe0NduxB81iunVPoTRdPu88kXA0MRJBW-ZISeqn3mzQllNKTAMZ7Xn-eqwRX4-wgpb4tjbHDMavkJurvnOVbisb05_Bm64mvX10eIj2Lr8-PWGG-m-n947ZY3-UdFSlSc0HQRdTI/s1600/VisitWebsiteButton_red.gif" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" /></a></div>
<br style="background-color: white; font-size: small;" /><h3 style="background-color: white; color: #111111; font-family: 'Josefin Slab', serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<span style="font-size: small;">Get Rid Tattoo - Natural Tattoo Removal Solution Details</span></h3>
<span style="background-color: white; font-size: x-small;">They have tried and tested the </span><i style="background-color: white; font-size: small;">Get Rid Tattoo - Natural Tattoo Removal Solution</i><span style="background-color: white; font-size: x-small;">. and in our document it is just a powerful creation that gives price to the clientele, and they strongly suggest purchasing the idea.</span><br style="background-color: white; font-size: small;" /><h3 style="background-color: white; color: #111111; font-family: 'Josefin Slab', serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<span style="font-size: small;">Is Get Rid Tattoo - Natural Tattoo Removal Solution worth the resources or is this a scam?</span></h3>
<span style="background-color: white; font-size: x-small;">They have also inspected other dependable reviews online and they are 97.5% encouraging to enable them to safely highly recommend it in addition to know that it"s not a scam. Lots of clients have purchased it along with reporting their results are exceptional, and they are enthusiastic about the acquisition.</span><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">There are lots of scam e-courses in the General niche, which promise a lot but certainly not delivered. This is not advisors: the </span><u style="background-color: white; font-size: small;">Get Rid Tattoo - Natural Tattoo Removal Solution</u><span style="background-color: white; font-size: x-small;">. gets the job completed and provides you along with actual value & a new approach.</span><br style="background-color: white; font-size: small;" /><b style="background-color: white; font-size: small;">The Positive Side:</b><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">It is Unique: In contrast to majority of products generally speaking, this is matchless as well as delivers on it"s promises. Nice for Newbies: </span><a href="http://95c1bmwnr34l9zckwb13xev99h.hop.clickbank.net/" rel="nofollow" style="background-color: white; color: #0b5394; font-size: small; text-decoration: none;" target="_blank"><b>Get Rid Tattoo - Natural Tattoo Removal Solution</b></a><span style="background-color: white; font-size: x-small;">. is helpful for beginners normally as it starts through the basics and enables someone to make use of it.</span><br style="background-color: white; font-size: small;" /><div class="separator" style="background-color: white; clear: both; font-size: small; text-align: center;">
<a href="http://95c1bmwnr34l9zckwb13xev99h.hop.clickbank.net/" rel="nofollow" style="color: #0b5394; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3g-RgroiWlm4KyOxqDbE-KLGsHU5TMWOxZzK0rqopv-LypO1ETjMmE4RF3VFGXspgVsgEmImudHm6Ypo4Du_XPG8svFVW6lMSEut6R6fO90bcVEmxZW0GtlQwImhUl2DM9YnydTavSjJF/s1600/dowload.jpeg" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" /></a></div>
<br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;"><br /></span></div>

Body Art SeputarBerita World Get Rid Tattoo - Natural Tattoo Removal Solution

Get Rid Tattoo - Natural Tattoo Removal Solution The product you"re looking for. This is how to make it happen, you can use it efficiently. If you are looking with this thing, our company offers what you need to care about the pleasure guarantee tog…

Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge!

10/20/2012 01:26:00 PM Palma Hutabarat 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<b style="background-color: white; font-size: small;">Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge EBook </b><span style="background-color: white; font-size: x-small;">has been around in the community longer than any direct competitor. However, only a few can rival its general approach .</span><br style="background-color: white; font-size: small;" /><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">It is penned by Colin ,one of the guys at 18356 from Missouri , and it is one of the few EBooks available today that actually focuses on assisting beginners in ths field. Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge is newbie friendly but lets find out by going into detail about its strengths and weaknesses through a brief Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge Review.</span><br style="background-color: white; font-size: small;" /><br />
<div class="separator" style="background-color: white; clear: both; font-size: small; text-align: center;">
<a href="http://28d73ywmr3aweuf-jpevcyfk8m.hop.clickbank.net/" rel="nofollow" style="color: #0b5394; text-decoration: none;"><img alt="Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge!" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzxmBPSJP9b8JKe_v664LYiNkOro9Ncptk8OcEGRIeDgNp5mreJxlpQFuCSlWHpeoRtszd3m8HkcKf0X8LhSBDBFhBsSalSzVWd0B-jesNrFYZr_Gegm0PQVhhy5sLmr5Hl1q5Ha6sI2r/s400/thumbs.jpg" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" title="Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge!" width="400" /></a></div>
<div class="separator" style="background-color: white; clear: both; font-size: small; text-align: center;">
<a href="http://28d73ywmr3aweuf-jpevcyfk8m.hop.clickbank.net/" rel="nofollow" style="color: #0b5394; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidMmNQXe0NduxB81iunVPoTRdPu88kXA0MRJBW-ZISeqn3mzQllNKTAMZ7Xn-eqwRX4-wgpb4tjbHDMavkJurvnOVbisb05_Bm64mvX10eIj2Lr8-PWGG-m-n947ZY3-UdFSlSc0HQRdTI/s1600/VisitWebsiteButton_red.gif" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" /></a></div>
<br style="background-color: white; font-size: small;" /><b style="background-color: white; font-size: small;">THE GOOD</b><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge is probably the most popular since it was published. Written mainly to support and enlighten beginners, it contains a load of high-quality advice on the dos and donts. Presenting advice in a short and concise format, anyone can easily understand this EBook - Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge, experienced or not. </span><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">Jan -11 Update: 43% Increased Conversions From New Landing Page Design Number 1 Ranked Tattoo Site On Cb. Check Out The huge Demand And Low Supply In This Enormous Market. Cash In Now Get Your Marketing Tools Here: Tattoomenow.com/affiliates</span><br style="background-color: white; font-size: small;" /><b style="background-color: white; font-size: small;">THE BAD</b><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">Well there is no bad part about Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge ..nonetheless there is no denying that this is an excellent product in its genre.</span><br style="background-color: white; font-size: small;" /><b style="background-color: white; font-size: small;">THE BOTTOM LINE</b><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">All in all, this is a highly recommended ebook/product for novices who are looking for a starting point. This EBook can help create foundations easily. Since it is geared to be understood by beginners, no experience is required to comprehend the concepts it presents. In addition, it is written in a conversational style and as such, Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge is comfortable enough for any to read. </span><br style="background-color: white; font-size: small;" /><span style="background-color: white; font-size: x-small;">If you want to start learning about Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge...</span><br style="background-color: white; font-size: small;" /><div class="separator" style="background-color: white; clear: both; font-size: small; text-align: center;">
<a href="http://28d73ywmr3aweuf-jpevcyfk8m.hop.clickbank.net/" rel="nofollow" style="color: #0b5394; text-decoration: none;"><img border="0" src="http://3.bp.blogspot.com/-sDxX-Kqns80/UHlZNBPo4DI/AAAAAAAAARM/CyWu8NUesvY/s320/dowload.jpeg" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" /></a></div>
<span style="background-color: white; font-size: x-small;"><br /></span></div>

Body Art SeputarBerita World Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge!

Tattoo Me Now - Ever Thought Of Promoting Tattoos? They're Huge EBook has been around in the community longer than any direct competitor. However, only a few can rival its general approach .It is penned by Colin ,one of the guys at 18356 from Missou…

Cara Mudah Memasang Widget Fans Page Facebook Pada BLOG Kita

10/20/2012 01:18:00 PM Palma Hutabarat 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="font-family: 'trebuchet ms'; font-size: 13px;">
<b><a href="http://sharingwithmee.blogspot.com/2012/10/cara-mudah-memasang-widget-fans-page.html" rel="nofollow" target="_blank">SharingWithmee</a></b> BLOG NGEPOST tetang salah satu cara untuk <b><a href="http://sharingwithmee.blogspot.com/2012/10/cara-mudah-memasang-widget-fans-page.html" rel="nofollow" target="_blank">mempercantik tampilan blog</a></b> yaitu Tutorial Cara Memasang FansPage Facebook dan akan share tetang cara memasang Fans Page Facebook Tersembunyi Pada halaman Blog Agan Dengan Gampang dan Murah, Yaitu Hanya Tinggal Memasukan URL Page Fans Anda dan setelah itu... beres dehhhh.<br />
<br />
Munggkin Sebagaian sobat blogger ada yang bingung ingin meletakan <b><a href="http://sharingwithmee.blogspot.com/2012/10/cara-mudah-memasang-widget-fans-page.html" rel="nofollow" target="_blank">Widget Fans Page Facebooknya</a></b> karena sudah terlalubayak Widget pada halaman Blognya, Nah.....jika benar demikian sobat Blogger SharingWithmee Blogspot dapat menggunakan trik berikut ini untuk mengatur letak Fans page Facebook sobat.</div>
<div style="font-family: 'trebuchet ms'; font-size: 13px;">
contoh yang dibawah Keren Kan Sahabat BLOGGER.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://i.imgur.com/v9fgJ.gif" imageanchor="1" style="color: #a9f5f2; margin-left: auto; margin-right: auto; text-decoration: none;"><img border="0" height="354" src="http://i.imgur.com/v9fgJ.gif" style="border-width: 0px;" width="323" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Fans Page OH Best In Facebook</td></tr>
</tbody></table>
<br style="font-family: 'trebuchet ms'; font-size: 13px;" />
<span style="background-color: white; font-family: 'trebuchet ms'; font-size: 13px;">Kalau buat sobat blogger yang belum memiliki halaman <a href="http://sharingwithmee.blogspot.com/2012/10/cara-mudah-memasang-widget-fans-page.html" rel="nofollow" target="_blank">Fans Page Facebook</a> bisa mempelajari caranya pada </span>SharingBLOG juga BIsa Kok<span style="background-color: white; font-family: 'trebuchet ms'; font-size: 13px;"> Sebelumnya mengenai </span>Cara Membuat Halaman Fans Page/Penggemar Facebook.<span style="background-color: white; font-family: 'trebuchet ms'; font-size: 13px;"> setelah sobat blogger mempelajarinya sobat blogger bisa menrapkan trik ini untuk sembunyikan widget fans page facebook pada halaman blog.</span><br />
<br style="font-family: 'trebuchet ms'; font-size: 13px;" />
<span style="background-color: white; font-family: 'trebuchet ms'; font-size: 13px;">Berikut langkah-langkah untuk memasang Fans Page Facebook di blog</span><br />
<br style="font-family: 'trebuchet ms'; font-size: 13px;" />
<u style="font-family: 'trebuchet ms'; font-size: 13px;"><b>Lankah Ke I : </b></u><br />
<ol style="font-family: 'trebuchet ms'; font-size: 13px;">
<li>login ke akun blogger anda</li>
<li>Pilih menu <b>Template</b></li>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2KIUKpIMWURAldohYcGjBlslIMXjFtmnnOnyPSs4dujaFO9U6yJFSz1yf6NN3tBPvNmSh00dsG5onBhjnCIf-MgOxCFA5sGmqMYnVQtOkC8wjiNb5F1X29U6CJpII8CdSjVDvqk0fKYVu/s400/1.png" imageanchor="1" style="color: #a9f5f2; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2KIUKpIMWURAldohYcGjBlslIMXjFtmnnOnyPSs4dujaFO9U6yJFSz1yf6NN3tBPvNmSh00dsG5onBhjnCIf-MgOxCFA5sGmqMYnVQtOkC8wjiNb5F1X29U6CJpII8CdSjVDvqk0fKYVu/s400/1.png" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="400" /></a></div>
<li>Klik Pada Tombol <b>Edit HTML</b></li>
</ol>
<div>
<span style="font-family: 'trebuchet ms'; font-size: x-small;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizIEOeK6LDtOPumNoseHX7eB_YHQPR-5Z67UPsJQvSk8tPRSCIyYmj8I8W9IIPtz2EnJSheEt8U6m_vi6G7mXrlj2hBsKYtWS1V1smezb6TqTP8X-B-yuZwvhHw7vbgU4C84unScksufvk/s1600/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizIEOeK6LDtOPumNoseHX7eB_YHQPR-5Z67UPsJQvSk8tPRSCIyYmj8I8W9IIPtz2EnJSheEt8U6m_vi6G7mXrlj2hBsKYtWS1V1smezb6TqTP8X-B-yuZwvhHw7vbgU4C84unScksufvk/s320/1.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: 'trebuchet ms'; font-size: 13px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
4.<span style="font-family: 'trebuchet ms'; font-size: 13px;">Klik </span><b style="font-family: 'trebuchet ms'; font-size: 13px;">Tombol Proses</b><span style="font-family: 'trebuchet ms'; font-size: 13px;"> Atau </span><b style="font-family: 'trebuchet ms'; font-size: 13px;">Lanjutkan</b></div>
<ol style="font-family: 'trebuchet ms'; font-size: 13px;">
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPFYkUw_xep5MT21jTtjgMrRyPaNIx_GvOvcJ5QGWMrlSfVzmalgXgZ-D2UaIzrCzho-dFgp70kNqMGkk_xvvPJgs5chKwTp98H-f-vXiwG-MF2L62ijvK1EeBP5ait9rDyztS6m0pweG5/s320/1.PNG" imageanchor="1" style="color: #a9f5f2; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPFYkUw_xep5MT21jTtjgMrRyPaNIx_GvOvcJ5QGWMrlSfVzmalgXgZ-D2UaIzrCzho-dFgp70kNqMGkk_xvvPJgs5chKwTp98H-f-vXiwG-MF2L62ijvK1EeBP5ait9rDyztS6m0pweG5/s320/1.PNG" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
5.Jangan Lupa Download Template Lengkap Terlebih dahulu untuk mengantisifasi kesalahan dalan edit HTML (Baca caranya Download dan Upload template lengkap )</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
6. Cari kode <span class="fullpost"><b></head></b> (Gunakan Tombol CTRL + F untuk mempermudah pencarian kode)</span></div>
<div class="separator" style="clear: both; text-align: left;">
7. Copy kode dibawah dan letakan datas kode <b></head></b></div>
<blockquote>
<span class="fullpost"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/></span></blockquote>
8. Sekarang Klik<b> Simpan</b><br />

<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqPDc7XHXxBcpic8vsLhY9c2fHnxLdKjEkDxaT_LliTQWeOOXtSTnvm-SS0eJXCf_9KXpGwKRq3t75zdcEjmWvtX7c4bXb6tbRqVM_cD0lv3lQkvts-bNpiE2bzmh5cepVpVvV56IAh_2U/s400/2.PNG" imageanchor="1" style="color: #a9f5f2; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqPDc7XHXxBcpic8vsLhY9c2fHnxLdKjEkDxaT_LliTQWeOOXtSTnvm-SS0eJXCf_9KXpGwKRq3t75zdcEjmWvtX7c4bXb6tbRqVM_cD0lv3lQkvts-bNpiE2bzmh5cepVpVvV56IAh_2U/s400/2.PNG" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="400" /></a></div>
</ol>
<b style="font-family: 'trebuchet ms'; font-size: 13px;">Langkah Ke II :</b><br />
<span style="font-family: 'trebuchet ms'; font-size: 13px;"><br /></span>
<span style="font-family: 'trebuchet ms'; font-size: 13px;"><b>9.</b>Pilih Menu Tata Letak Atau Layout</span><br />
<ol style="font-family: 'trebuchet ms';">
<div class="separator" style="clear: both; font-size: 13px; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoHXtbfhhxhM33Zz8AweNx2Wb0I_eCorUvyOlU5N-dxvkwYLvfiMxFR0FYVoK1iLOptNgB1coVEJdXo5I6jTC59AkOud_0FCfOFt66TY5DlvZ-rAWqAyMNV41RgFp4qrenbBSI4wbSdEgY/s400/3.png" imageanchor="1" style="color: #a9f5f2; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoHXtbfhhxhM33Zz8AweNx2Wb0I_eCorUvyOlU5N-dxvkwYLvfiMxFR0FYVoK1iLOptNgB1coVEJdXo5I6jTC59AkOud_0FCfOFt66TY5DlvZ-rAWqAyMNV41RgFp4qrenbBSI4wbSdEgY/s400/3.png" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="400" /></a></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: left;">
10.Klik Tambah Gadget atau Add a Gadget</div>
</ol>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqO3mjDzfyxw0nUYUaTKQmWJCj6yD9HWYpGZMpeM4V7T-FXtGyMkmDMbHAtUGUhIZQH9OIy_SK8NvODUp0k22HEuijwBGaiGBofeUjPM7s80C9CvXw4YoIhB7fdd6UekYWqcAxN2Hz0B7/s1600/99.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqO3mjDzfyxw0nUYUaTKQmWJCj6yD9HWYpGZMpeM4V7T-FXtGyMkmDMbHAtUGUhIZQH9OIy_SK8NvODUp0k22HEuijwBGaiGBofeUjPM7s80C9CvXw4YoIhB7fdd6UekYWqcAxN2Hz0B7/s320/99.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: 'trebuchet ms'; font-size: 13px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
11. <span style="font-family: 'trebuchet ms'; font-size: 13px;">Pilih HTML/JavaScript</span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUzgk8MkZhdunqZkIHaLgyBzgTVXwoW0s0_u8_jsObEpBvtRH5MIX507oTfWJUcM6CgsmTrjzb43adXm-eMG_RBsMjLGevQDRvuO8U4DrNd6VzYHMxO-BvRa2IGR_s5eoHU0MhlrAluELH/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUzgk8MkZhdunqZkIHaLgyBzgTVXwoW0s0_u8_jsObEpBvtRH5MIX507oTfWJUcM6CgsmTrjzb43adXm-eMG_RBsMjLGevQDRvuO8U4DrNd6VzYHMxO-BvRa2IGR_s5eoHU0MhlrAluELH/s320/5.JPG" width="280" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: 'trebuchet ms'; font-size: 13px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
12. <span style="font-family: 'trebuchet ms'; font-size: 13px;">Copy kode berikut</span></div>
<ol style="font-family: 'trebuchet ms';">
<blockquote>
<span style="font-size: x-small;"><script type="text/javascript"></span><br />
<span style="font-size: x-small;">//</span><br />
<span style="font-size: x-small;"></script></span><br />
<span style="font-size: x-small;"><style type="text/css"></span><br />
<span style="font-size: x-small;">.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}</span><br />
<span style="font-size: x-small;">.w2bslikebox div{border:none;position:relative;display:block;}</span><br />
<span style="font-size: x-small;">.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}</span><br />
<span style="font-size: x-small;">.w2bslikebox span a{color: #808080;text-decoration:none;}</span><br />
<span style="font-size: x-small;">.w2bslikebox span a:hover{text-decoration:underline;}</span><br />
<span style="font-size: x-small;"></style><div class="w2bslikebox" style=""><div></span></blockquote>
<blockquote>
<span style="font-size: x-small;"><iframe src="http://www.facebook.com/plugins/likebox.php?href=</span><b><i><span style="color: lime;">URL PAGE ANDA</span></i></b><span style="font-size: x-small;">&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div></span></blockquote>
<br />
<br />
<ol><i>Dan Masukan Deh Sciprt Di Atas ,Sepert Keda</i><i>lam KOLOM yang Dibawah Ini </i>:<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip7ffzeZ9UI0Uab54WGstFasgTWkCOmntTKEz53S5dmibjL3yZp7J03V3E8n5kOXgS4kab0JzFq2tXF6i4Hn2zS_AjH902JG8Y3cJb46wFN1sbSAPDQEe6_bc3rMQyV86pUD-vckhMiAGW/s1600/66.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip7ffzeZ9UI0Uab54WGstFasgTWkCOmntTKEz53S5dmibjL3yZp7J03V3E8n5kOXgS4kab0JzFq2tXF6i4Hn2zS_AjH902JG8Y3cJb46wFN1sbSAPDQEe6_bc3rMQyV86pUD-vckhMiAGW/s320/66.JPG" width="285" /></a></div>
<br />
<blockquote>
</blockquote>
</ol>
<br class="Apple-interchange-newline" /><br />
<br />

<span style="font-size: x-small;">Keterangan :</span><br /><span style="font-size: x-small;">Perhatikan Tulisan </span><b><span style="color: lime;"><i>URL PAGE ANDA</i></span></b><span style="font-size: x-small;"> ganti Dengan URL Fans Page Facebook anda (Contoh URL Fans Facebook lihat gambar dibawah)</span><br /><div class="separator" style="clear: both; font-size: 13px; text-align: left;">
<a href="http://2.bp.blogspot.com/-gF8pSq9nqmw/TpA_ggIZHrI/AAAAAAAAGwI/R7Sne9YuS0U/tutorial%2Bletak%2Bpage%2Bfacebook%2Bdi%2Btepi%2Bblog2.jpg" imageanchor="1" style="color: #a9f5f2; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="33" src="http://2.bp.blogspot.com/-gF8pSq9nqmw/TpA_ggIZHrI/AAAAAAAAGwI/R7Sne9YuS0U/tutorial%2Bletak%2Bpage%2Bfacebook%2Bdi%2Btepi%2Bblog2.jpg" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="242" /></a></div>
<li style="font-size: 13px;">Sekarang Paste kode diatas pada box<b> HTML/JavaScript</b> yang sudah anda pilih tadi</li>
<li style="font-size: 13px;">Klik <b>simpan</b></li>
<li style="font-size: 13px;">Selesai dan lihat hasilnya</li>
</ol>
<span style="background-color: white; font-family: 'trebuchet ms'; font-size: 13px;">Demikian Tetang </span><b><i><a href="http://sharingwithmee.blogspot.com/2012/10/cara-mudah-memasang-widget-fans-page.html" rel="nofollow" target="_blank">Tutorial Blog<span style="background-color: white; font-family: 'trebuchet ms'; font-size: 13px;"> </span>Cara Memasang Fans Page Facebook Tersembunyi di Blog</a></i></b><span style="background-color: white; font-family: 'trebuchet ms'; font-size: 13px;">. Senang bisa menulis lagi kali ini dan semoga bisa bermanfaat untuk kita semua</span><span style="font-family: 'trebuchet ms'; font-size: 13px;"><br /></span></div>

CSS HTML Javascript jQuery Tips'N'Trik Cara Mudah Memasang Widget Fans Page Facebook Pada BLOG Kita

SharingWithmee BLOG NGEPOST tetang salah satu cara untuk mempercantik tampilan blog yaitu Tutorial Cara Memasang FansPage Facebook dan akan share tetang cara memasang Fans Page Facebook Tersembunyi Pada halaman Blog Agan Dengan Gampang dan Murah, Ya…

Froknowsphoto: Go Above And Beyond Auto

10/20/2012 12:45:00 PM Palma Hutabarat 0

<div dir="ltr" style="text-align: left;" trbidi="on">
This Video Guide Is 3 Hours Of Killer Education That Will Help 
Photographers &quot;go Above And Beyond Auto&quot;. Learn From 
World World Examples And Photo Shoots, Not Just Boring Classroom 
Teachings. Includes A 20min Bonus Video.<br />
You can obtain more details about Froknowsphoto: Go Above And Beyond 
Auto and the customer comments in our site. Your valuable comments and 
opinions are also welcomed.<br />
30% is offered to its affiliate for each sale of Froknowsphoto: Go 
Above And Beyond Auto.Unsatisfied customers can always request for 
refund within 60 days of the purchase date . It is worth to give 
Froknowsphoto: Go Above And Beyond Auto a try.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://9346buvqy5cnds5b1bxhts-r1v.hop.clickbank.net/" rel="nofollow" target="_blank"><img alt="FroKnowsPhoto" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEXz9jzpuOxTWrmN50foZlWPOI6yrh8rgdp3DbryFepRJ0C8uanEKsOQFfK777XtZohZQc7drXVM32Agr55hYtKYa9AE92CWuigmWf3hyphenhyphenmdI14m-J9Yhqzx5mpxDlcH6J40GCefLaMVqZ4/s400/Froknowsphoto.png" title="FroKnowsPhoto Review" width="400" /></a> </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://9346buvqy5cnds5b1bxhts-r1v.hop.clickbank.net/" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Click Here To Visit Site" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE1eMkxFKFu68afOZqYnoKexyH8M9xhvyFKxvw5fqHQUSmKgePrRPrdwPRuPyc7UXJgSH5G-QtE1AWQM8tDIAeghwUDKYQksRxoNldcigkMeHvFPb7xZV2wwxwvMbmfNzhu0vhYBE4HTJa/s1600/VisitSiteButton.gif" title="Click Here To Visit Site" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
With <b>FroKnowsPhoto: Go Above and Beyond Auto</b>, pro photographer and FroKnowsPhoto.com creator <b>Jared Polin</b>
 provides you a enjoyable and educational approach to knowledge 
photography, as of assembling your camera to knowledge terms, with huge 
motivational tips about diverse habits of seeing and capturing your 
world along the method.<br />
If you’ve now picked up your first DSLR or you’ve been by means of 
one for a while, you’ll walk gone as of this direct with a richer 
appreciation for what you can do with your camera and the assurance to 
catch amazing, dynamic photos.<br />
The most excellent part is that this isn’t just classroom knowledge – instead of now listening to <b>Jared Polin</b>
 converse concerning photography, you’ll see him capture real 
illustrations that show the reason and result of each change on the same
 image and watch genuine world photo shoots play out with these teaching
 in mind. By the end, you determination not just find out of Auto and 
unlock the authority of your camera, you’ll unlock your skill to capture
 huge images.<br />
Once you have a strong understanding of your camera, you’ll decode 
the key conditions of photography, like composition, aperture, ISO and 
shutter speed, as long as you with an still better comprehension of how 
images in fact find captured.<br />
After that, you’ll study how to push past the essential features 
offered by your camera’s Auto mode to get your photography to the after 
that level. You’ll be using your DSLR’s light meter and understanding 
the significance of high-quality lenses in no time. If you’ve still 
yearned to get that ideal shot with a huge topic in focus and a 
good-looking, blown out background, you’ll be an specialist at it 
earlier than you can imagine.<br />
Lastly, you’ll get this new understanding of photography and watch it all play out in the genuine earth, as you join <b>Jared Polin</b>
 on four photo shoots that highlight sole options and diverse shooting 
types – portraits, actions, action shots and still capturing kids at 
play. This supreme right of entry will provide you the sense of an 
on-location shoot, total with the mistakes and options inherent to some 
knowledge.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://9346buvqy5cnds5b1bxhts-r1v.hop.clickbank.net/" rel="nofollow" target="_blank"><img alt="Download Now" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3g-RgroiWlm4KyOxqDbE-KLGsHU5TMWOxZzK0rqopv-LypO1ETjMmE4RF3VFGXspgVsgEmImudHm6Ypo4Du_XPG8svFVW6lMSEut6R6fO90bcVEmxZW0GtlQwImhUl2DM9YnydTavSjJF/s1600/dowload.jpeg" title="Download Now" /></a></div>
</div>

Tips'N'Trik Trick PhotoGraphy World Froknowsphoto: Go Above And Beyond Auto

This Video Guide Is 3 Hours Of Killer Education That Will Help Photographers "go Above And Beyond Auto". Learn From World World Examples And Photo Shoots, Not Just Boring Classroom Teachings. Includes A 20min Bonus Video. You can obtain…

Trick Photography And Special Effects E-book

10/20/2012 12:44:00 PM Palma Hutabarat 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" trbidi="on">
<b>Trick Photography and Special Effects </b>by Evan Sharboneau is a 
very popular instructional eBook that explains how to do most of the 
trick photos that often capture attention and amazement from viewers. 
With 190 pages of information, it is very detailed and includes 
extensive explanations of many complicated techniques that are very fun 
to learn. I found this eBook to be very useful and refreshingly 
original.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://331ccmosn27wft6-qn2lyk2mf4.hop.clickbank.net/" rel="nofollow" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img alt="Trick Photography and Special Effects" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkRKZbaGEZqTLehbdTfFjyisK3s9jK-tpNRzu3f_yWaG1LxulqNu56GdkWH3sOfj5CKdIHTSgudnUDNbko-lFGn6WxtBo_YHfhMGP_ZfyYo1dFX_UU_34bCYn14uDDu620o7vViBiMoWwy/s320/Trick+Photography+and+Special+Effects.jpg" title="Trick Photography and Special Effects" width="221" /></a></div>
The "<b>Trick Photography and Special Effects</b>" book might well be one of 
the most intriguing and captivating books on photography you will ever 
find. When you first take a look at the things the book would aim to 
teach you, however, you might be taken aback slightly, especially 
because the methods described are not necessarily too conventional.<br />
<br />
Some of the ideas that are presented might actually be considered 
controversial, as many would consider photography to be a type of art 
that requires the highest precision equipment, as well as qualities such
 as patience and dedication.<br />
<br />
According to the author of the book, however, this is not always the 
case, as even some of the most pretentious special effects can be 
learned quickly and achieved without the use of expensive equipment. 
This was the aspect that attracted me the most, as I had rarely seen a 
book that would paint such a colorful picture when presenting these 
types of techniques. <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://331ccmosn27wft6-qn2lyk2mf4.hop.clickbank.net/" rel="nofollow" target="_blank"><img alt="Get Started Now" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmsHWKrRswlgK7vlz9wTV0TZ1_Izw87Iw4JFb3_FdSMU6EnMhigQNAhIQK13kGKDKhnC6LvALZE6tXDs78lR5maTwubCXB4FEc1IQAZ2o4sAHKN0BoHmW3xTDYSql0WM_1rnW_L1Lwfd_b/s1600/Get-Started-Now.png" title="Get Started Now" /></a></div>
<span style="font-size: medium;"><b>Long Exposures Effects & Light Painting ( 80 Pages)</b></span><br />
<ul>
<li>Fundamental Lights and Techniques</li>
<li>Other Light Sources</li>
<li>Light Painting Techniques</li>
<li>Lightning</li>
<li>Motion Blur</li>
<li>Star Trails</li>
<li>Other Fun Long Exposures</li>
</ul>
<span style="font-size: medium;"> <b>Trick Photography and Special Effects (60 Pages)</b></span><br />
<ul>
</ul>
<ul>
<li>In-Camera Illusions</li>
<li>HDR Photography</li>
<li>Infrared Photography</li>
<li>360×180 Planet Panoramas</li>
<li>The Droste Effect</li>
<li>Time-Displacement Photography via Scanner</li>
<li>The Harris Shutter Effect</li>
</ul>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="http://331ccmosn27wft6-qn2lyk2mf4.hop.clickbank.net/" imageanchor="1" rel="nofollow" style="margin-left: auto; margin-right: auto;" target="_blank"><img alt="Trick Photography and Special Effects" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGah47dovK8FwkG7OIRonRX9oT1SWVCKBzpFtixXZtgtBkYkvjXklHmQ9mo1q9N96wpovQ8T83pcJjgHn6M3BLgwvXMn6JlAbZCYwLGX7OhB1Dbz7qdKEmDX5bvl-lzGxFsqNckjDcPp4p/s400/trick-photo-ebook2.jpg" title="Trick Photography and Special Effects" width="400" /></a></td></tr>
<tr><td class="tr-caption"><a href="http://331ccmosn27wft6-qn2lyk2mf4.hop.clickbank.net/" rel="nofollow" target="_blank">Trick Photography and Special Effects eBook</a></td><td class="tr-caption"></td><td class="tr-caption"></td></tr>
</tbody></table>
<span style="font-size: medium;"> Photoshop Projects ( 46 Pages)</span><br />
<ul>
<li>Introduction to Layer Masks and Blending Modes</li>
<li>Multiplicity Photography</li>
<li>Levitation Photography</li>
<li>The Invisible Man</li>
<li>Flesh Manipulations</li>
<li>Fake Tilt-Shift Photography</li>
<li>Mixing Day with Night</li>
</ul>
<h2 class="module_title ">
Conclusion          </h2>
Indeed it may be true that some of the well-versed photographers who are
 slightly more attracted by the conventional aspects of the practice 
might consider that the modern, controversial approach of the "Trick 
Photography and Special Effects" book is not in line with the spirit of 
the art.<br />
<br />
Nevertheless, the progress of the ages continues to unfold in all areas 
and practices, and in my opinion, it would be a pity to dismiss the 
positive aspects of all the remarkable, creative techniques presented in
 this book. I believe that photography equally depends on technology and
 art, and the tips presented by this book emphasize the importance of 
both of them. <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://331ccmosn27wft6-qn2lyk2mf4.hop.clickbank.net/" rel="nofollow" target="_blank"><img alt="Download Now" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3g-RgroiWlm4KyOxqDbE-KLGsHU5TMWOxZzK0rqopv-LypO1ETjMmE4RF3VFGXspgVsgEmImudHm6Ypo4Du_XPG8svFVW6lMSEut6R6fO90bcVEmxZW0GtlQwImhUl2DM9YnydTavSjJF/s1600/dowload.jpeg" title="Download Now" /></a></div>
</div>
<div style="background-color: white; border-bottom-style: none; border-bottom-width: medium; border-color: initial; border-image: initial; border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; overflow-x: hidden; overflow-y: hidden;">
<br /></div>
</div>

Tips'N'Trik Trick PhotoGraphy World Trick Photography And Special Effects E-book

Trick Photography and Special Effects by Evan Sharboneau is a very popular instructional eBook that explains how to do most of the trick photos that often capture attention and amazement from viewers. With 190 pages of information, it is very det…

10/17/2012 10:52:00 AM Palma Hutabarat 0

…

Cara Memperbaiki USB Device Not Recognized atau USB Tidak Terdeteksi [ Windows 7]

10/17/2012 10:36:00 AM Palma Hutabarat 0

<span class="data-post"></span><br />
<div style="text-align: justify;">
<span class="data-post"><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Munculnya notifikasi <i>USB device not recognized</i>
 saat kita mencolokkan Flashdisk ke laptop atau PC, bisa di sebabkan 2 
hal yaitu karena ada masalah pada Software dan masalah pada Hardware, 
pada posting sebelumnya kita sudah membahas cara memperbaiki Flashdisk <i>USB device not recognized </i>secara Software silakan <i><b>baca disini</b></i>. Sekarang kita akan membahas bagaimana cara memperbaikinya secara hardware</span></span><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">, berikut langkah-langkahnya:</span></span></span></div>
<span class="data-post">
<div style="color: blue; text-align: center;">
<span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;"><b>Langkah 1</b></span></span></div>
<div style="text-align: center;">
<span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Buka casing flashdisk dengan hati-hati menggunakan pisau cutter atau obeng kecil.<b> </b> </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cara%20memperbaiki%20usb%20device%20not%20recognized%20atau%20usb%20tidak%20terdeteksi/" rel="nofollow" target="_blank"><img alt="How To Repair USB Flash Drive and troiubleshooting" border="0" class="aligncenter size-full wp-image-297" height="191" src="http://www.bestelectronicarticles.com/wp-content/uploads/56.jpg" title="How To Repair USB Flash Drive and troiubleshooting" width="474" /></a></div>
<div style="color: blue; text-align: center;">
<b><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;"></span></span></b><br />
<a href="http://www.blogger.com/blogger.g?blogID=1605295280294105532" name="more"></a><b><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Langkah 2</span></span></b></div>
<div style="text-align: center;">
<b><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;"> </span></span></b><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Keluarkan papan sirkuit flashdisk</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cara%20memperbaiki%20usb%20device%20not%20recognized%20atau%20usb%20tidak%20terdeteksi/" rel="nofollow" target="_blank"><img alt="How To Repair USB Flash Drive and troiubleshooting" border="0" class="aligncenter size-full wp-image-298" height="224" src="http://www.bestelectronicarticles.com/wp-content/uploads/64.jpg" title="How To Repair USB Flash Drive and troiubleshooting" width="320" /></a></div>
<div style="color: blue; text-align: center;">
<b><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Langkah 3</span></span></b></div>
<div style="text-align: center;">
<span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Periksa
 fisik flashdisk apakah ada kerusakan atau ada komponen yang 
patah/longgar, gunakan kaca pembesar agar terlihat lebih jelas.</span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cara%20memperbaiki%20usb%20device%20not%20recognized%20atau%20usb%20tidak%20terdeteksi/" rel="nofollow" target="_blank"><img alt="How To Repair USB Flash Drive and servicing" border="0" class="aligncenter size-full wp-image-299" height="146" src="http://www.bestelectronicarticles.com/wp-content/uploads/74.jpg" title="How To Repair USB Flash Drive and servicing" width="320" /></a></div>
<div style="color: blue; text-align: center;">
<b><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Langkah 4</span></span></b></div>
<div style="text-align: center;">
<span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Solder
 kembali bagian connector USB lihat gambar, setelah di solder kemudian 
tes dengan mencolokkannya ke komputer, apabila masih bermasalah kita 
lanjutkan langkah berikutnya.</span></span><b><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;"><br /></span></span></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cara%20memperbaiki%20usb%20device%20not%20recognized%20atau%20usb%20tidak%20terdeteksi/" rel="nofollow" target="_blank"><img alt="How To Repair USB Flash Drive and service" border="0" class="aligncenter size-full wp-image-300" height="237" src="http://www.bestelectronicarticles.com/wp-content/uploads/84.jpg" title="How To Repair USB Flash Drive and service" width="320" /></a></div>
<div style="color: blue; text-align: center;">
<span style="font-weight: bold;"><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Langkah 5</span></span></span> </div>
<div style="font-family: Georgia, 'Times New Roman', serif; text-align: center;">
<span style="font-size: x-small;">Resolder semua komponen sekitar connector dan controller chip (lihat gambar bawah).</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cara%20memperbaiki%20usb%20device%20not%20recognized%20atau%20usb%20tidak%20terdeteksi/" rel="nofollow" target="_blank"><img alt="How To troubleshoot USB Flash Drive" border="0" class="aligncenter size-full wp-image-301" height="226" src="http://www.bestelectronicarticles.com/wp-content/uploads/91.jpg" title="How To troubleshoot USB Flash Drive" width="320" /></a></div>
<div style="color: blue; text-align: center;">
<b><span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Langkah 6</span></span></b></div>
<div style="text-align: center;">
<div class="" style="clear: both;">
<span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Resolder
 Osilator kristal 12Mhz (lihat gambar bawah) kemudian colokkan lagi 
flashdisk ke komputer, pada tahap ini biasanya sudah berhasil.</span></span></div>
<div class="" style="clear: both;">
</div>
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cara%20memperbaiki%20usb%20device%20not%20recognized%20atau%20usb%20tidak%20terdeteksi/" rel="nofollow" target="_blank"><img alt="How To troubleshoot USB Flash Drive" border="0" class="aligncenter size-full wp-image-302" height="228" src="http://www.bestelectronicarticles.com/wp-content/uploads/101.jpg" title="How To troubleshoot and repair USB Flash Drive" width="320" /></a></div>
<br />
<span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Namun
 apabila masih belum berhasil coba ganti osilator kristal 12Mhz, bisa 
memakai osilator kristal dari USB Card Reader, USB Drive, dll. walaupun 
bentuknya berbeda asal tegangannya sekitar 12Mhz dan buat sambungannya 
seperti dibawah ini.</span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cara%20memperbaiki%20usb%20device%20not%20recognized%20atau%20usb%20tidak%20terdeteksi/" rel="nofollow" target="_blank"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRet2QHBlFzHFAqqk4hG1yLVrkdkFWbvpfT0cqs-ir-LyL9sADDijK_1wBuS6eF1VOYjdZIGicuJai-uYxA9BXnNYn66etPM9A7SI3AW4xYVrky1Z9KEJLsZtWyrmvwlDdRy-MQYiAC748/s320/fd7.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><span style="font-family: Georgia,"Times New Roman",serif;">Semoga langkah-langkah diatas bisa membantu memperbaiki flashdisk sobat, dan terimakasih atas kunjungannya.</span></span></div>
</span><br />
<div style="left: -99999px; position: absolute;">
<span style="background-color: white;">Read more: </span><a href="http://www.tadungkung.com/2012/01/memperbaiki-flashdisk-usb-device-not.html#ixzz29ZvwrlzB" style="color: #003399;">http://www.tadungkung.com/2012/01/memperbaiki-flashdisk-usb-device-not.html#ixzz29ZvwrlzB</a> Sebenarnya ada banyak cara untuk memperbaiki flasdisk yang tidak 
terdeteksi oleh komputer atau laptop kita, baik menggunakan aplikasi 
bantuan maupun tidak. Disini saya akan memberikan sebuah software yang 
mungkin bermanfaat bagi sobat jusushare semua. Salah satu software untuk
 memperbaiki masalah usb flasdisk tersebut adalah Microsoft FixIt.

Ada yang pernah menggunakannya sebelumnya ?, kalau belum tahu apaitu, 
Microsoft FixIt? Microsoft FixIt adalah sebuah Tools dari Microsoft yang
 fungsinya khusus untuk mengatasi masalah USB yang tidak terdeteksi. 
Setelah halaman tersebut terbuka selanjutnya klik tombol Run Now, maka 
ada di download tools kecil FixIt. Setelah selesai jalankan file 
tersebut (memerlukan koneksi internet untuk menggunakan program ini, 
karena akan mengunduh file yang lebih besar dari Microsoft).
Screenshot :

Untuk mendapatkan Microsoft FixIt silahkan kunjungi halaman di bawah 
ini:
Diagnose and fix Windows USB problems automatically

Semoga Bermanfaat.

Read more: 
http://jusushare.blogspot.com/2012/06/cara-memperbaiki-usb-device-not.html#ixzz29ZvaQTbA
<br />
<br />
Sumber: <a href="http://jusushare.blogspot.com/2012/06/cara-memperbaiki-usb-device-not.html#axzz29ZqxfnD8">http://jusushare.blogspot.com/2012/06/cara-memperbaiki-usb-device-not.html#axzz29Zqxf</a></div>

Tips'N'Trik USB Cara Memperbaiki USB Device Not Recognized atau USB Tidak Terdeteksi [ Windows 7]

Munculnya notifikasi USB device not recognized saat kita mencolokkan Flashdisk ke laptop atau PC, bisa di sebabkan 2 hal yaitu karena ada masalah pada Software dan masalah pada Hardware, pada posting sebelumnya kita sudah membahas cara memperbaik…

Cara Buat Recent Post With Thumbnail And Simple Spy

10/14/2012 04:34:00 PM Palma Hutabarat 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div id="summary491445864365617677" style="font-family: 'Pt sans narrow', sans-serif; font-size: 13px; line-height: 19.5px;">
Pada Postingan saya sebelumnya pernah juga membahasa '<a href="http://ut2a-4down.blogspot.com/2012/03/cara-buat-recent-post-dan-total-comment.html" style="color: #aaaaaa; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; text-decoration: none;" target="_blank"><b><i>Cara Buat Recent Post dan Total Comment Berjalan (Marquee)</i></b></a>' dan sekarang kita membahas tutorial serupa, Widget  recent post ini selain memiliki effect animasi spy karena penggunaan script jquery juga dilengkapi dengan thumbnail dan captions.Cara pemakaiannya juga sangat mudah.<br />
<br />
Recent posts with thumbnail and simple spy adalah recent post hasil dari pengembangan <b><i>Mas Abu Farhan</i></b> seorang blogger indonesia juga. saya hanya mengubah dengan memberikan sedikit tampilan yang menarik.<br />
<br />
Baiklah Disini saya akan memberikan contoh tampilan  Recent Post With Thumbnail And Simple Spy. berikut contohnya :<br />
<br />
<center>
<br /><br /><div id="spylist" style="background-color: #48b5f2; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDcFYGPORrvhkFcw3xl2GhqVAGgQo-s7xeCHppNZaYVhASMBdu-PolwQhH9cdTxJZupE5SvNlR7DQ57_Ud8OoIZhYDeFht_oSmEK2N_sSesSflukM-hzcCIWvmu5VIpoWtObSceM_ACxk/s1600/button_bg.png); background-position: initial initial; background-repeat: initial initial; border-color: rgb(17, 17, 17) rgb(72, 181, 242); border-style: double; border-width: 5px; height: 350px; margin: 5px 0px; overflow: hidden; padding: 5px; width: 220px;">
<div class="spyWrapper" style="height: 280px;">
<ul class="spy" style="list-style: none; margin: 0px; overflow: hidden; padding: 0px; width: 220px;">
<li style="background-color: #1d1d1d; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px dotted rgb(132, 172, 195); display: block; float: none; height: 70px; list-style-type: none; margin: 0px 0px 5px; opacity: 1; overflow: hidden; padding: 5px; width: 208px;"><a href="http://ut2a-4down.blogspot.com/2012/10/inilah-manfaat-menjalin-hubungan-tanpa.html" style="color: #cccccc; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; font-size: 11px; height: 18px; margin: 0px; overflow: hidden; padding: 0px 0px 2px; text-decoration: none;"><img class="recent-thumb" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4OlniDAwKfJNIz2AUOrDoEP1aRNFtLMXGttC_ejKyemOmSqokZNn5GqFGPCd7Q99WeDieuPjX9a2DAuAiGae8nHZNysCEl00pynRoCEISDWlpWsKzp7xVSOeznpyyZlUmlSP8-5QYnHJh/s1600/fling.JPG" style="-webkit-box-shadow: rgb(72, 181, 242) 1px 1px 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; box-shadow: rgb(72, 181, 242) 1px 1px 10px; float: left; margin-right: 5px; max-width: 100%;" width="70" /></a><a class="recent-link" href="http://ut2a-4down.blogspot.com/2012/10/inilah-manfaat-menjalin-hubungan-tanpa.html" style="color: #cccccc; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; font-size: 11px; height: 18px; margin: 0px; overflow: hidden; padding: 0px 0px 2px; text-decoration: none;"><b>Inilah Manfaat Menjalin Hubungan Tanpa Status "Fling"</b></a><div class="spydate" style="color: #0284c2; font-family: Tahoma, Arial, verdana, sans-serif; font-size: 10px; height: 15px; margin: 1px 0px 0px; overflow: hidden; padding: 2px 0px;">
<i><span style="color: #666666;">(07 Oct 2012)</span></i></div>
<div class="spycomment" style="color: #262b2f; font-family: Tahoma, Arial, verdana, sans-serif; font-size: 10px; margin: 0px; overflow: hidden; padding: 0px;">
<i><span style="color: #666666;">(0 comments)</span></i></div>
</li>
<li style="background-color: #1d1d1d; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px dotted rgb(132, 172, 195); display: block; float: none; height: 70px; list-style-type: none; margin: 0px 0px 5px; opacity: 1; overflow: hidden; padding: 5px; width: 208px;"><a href="http://ut2a-4down.blogspot.com/2012/10/inilah-tipe-pria-yang-tidak-dapat.html" style="color: #cccccc; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; font-size: 11px; height: 18px; margin: 0px; overflow: hidden; padding: 0px 0px 2px; text-decoration: none;"><img class="recent-thumb" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjmpSV1grvh2sNnAe-211R25AVuXO2rVvzjQwJGdhLuJy57zejcFGux4g53rXGGW0ZQ4t77QGE55Im4r2_NhO9Aaeb4bsVg5Qfnxn6rA24rbbazZpWSPMzPM4DUwfB65mUCPp69Cm8yzB/s400/COVER.jpg" style="-webkit-box-shadow: rgb(72, 181, 242) 1px 1px 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; box-shadow: rgb(72, 181, 242) 1px 1px 10px; float: left; margin-right: 5px; max-width: 100%;" width="70" /></a><a class="recent-link" href="http://ut2a-4down.blogspot.com/2012/10/inilah-tipe-pria-yang-tidak-dapat.html" style="color: #cccccc; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; font-size: 11px; height: 18px; margin: 0px; overflow: hidden; padding: 0px 0px 2px; text-decoration: none;"><b>Inilah Tipe Pria Yang Tidak Dapat Membuat Anda Bahagia</b></a><div class="spydate" style="color: #0284c2; font-family: Tahoma, Arial, verdana, sans-serif; font-size: 10px; height: 15px; margin: 1px 0px 0px; overflow: hidden; padding: 2px 0px;">
<i><span style="color: #666666;">(09 Oct 2012)</span></i></div>
<div class="spycomment" style="color: #262b2f; font-family: Tahoma, Arial, verdana, sans-serif; font-size: 10px; margin: 0px; overflow: hidden; padding: 0px;">
<i><span style="color: #666666;">(2 comments)</span></i></div>
</li>
<li style="background-color: #1d1d1d; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px dotted rgb(132, 172, 195); display: block; float: none; height: 70px; list-style-type: none; margin: 0px 0px 5px; opacity: 1; overflow: hidden; padding: 5px; width: 208px;"><a href="http://ut2a-4down.blogspot.com/2012/10/benarkah-stres-bisa-membuat-wanita.html" style="color: #cccccc; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; font-size: 11px; height: 18px; margin: 0px; overflow: hidden; padding: 0px 0px 2px; text-decoration: none;"><img class="recent-thumb" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcFRUXFtaRLhmxweI0TP3MD0o9vNcvIaVGpdQyF1nvlBtOmq5fVvZ6GPDIwV-mo9L_hifBff1qejlo9jsJorueC_uz8nzRdaZFKy98ZAaYABdDdU3Eci8jQuyjB_CwxX8NJ4okumHjTS8g/s1600/woman_stress_photo.jpg" style="-webkit-box-shadow: rgb(72, 181, 242) 1px 1px 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; box-shadow: rgb(72, 181, 242) 1px 1px 10px; float: left; margin-right: 5px; max-width: 100%;" width="70" /></a><a class="recent-link" href="http://ut2a-4down.blogspot.com/2012/10/benarkah-stres-bisa-membuat-wanita.html" style="color: #cccccc; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; font-size: 11px; height: 18px; margin: 0px; overflow: hidden; padding: 0px 0px 2px; text-decoration: none;"><b>Benarkah?? Stres Bisa Membuat Wanita Sulit Hamil?</b></a><div class="spydate" style="color: #0284c2; font-family: Tahoma, Arial, verdana, sans-serif; font-size: 10px; height: 15px; margin: 1px 0px 0px; overflow: hidden; padding: 2px 0px;">
<i><span style="color: #666666;">(09 Oct 2012)</span></i></div>
<div class="spycomment" style="color: #262b2f; font-family: Tahoma, Arial, verdana, sans-serif; font-size: 10px; margin: 0px; overflow: hidden; padding: 0px;">
<i><span style="color: #666666;">(0 comments)</span></i></div>
</li>
<li style="background-color: #1d1d1d; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px dotted rgb(132, 172, 195); display: block; float: none; height: 70px; list-style-type: none; margin: 0px 0px 5px; opacity: 1; overflow: hidden; padding: 5px; width: 208px;"><a href="http://ut2a-4down.blogspot.com/2012/10/inilah-4-penyebab-wanita-sulit-hamil.html" style="color: #cccccc; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; font-size: 11px; height: 18px; margin: 0px; overflow: hidden; padding: 0px 0px 2px; text-decoration: none;"><img class="recent-thumb" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuzvJB3O01G0c5dKxb9EsNxxZ0UE4hlUDeCRzDROAfhaJTNQOqbBMhl-TJYtUNIVQH_msKqdmN2dcCpE43Wkkuz1sdNvBFQjZdVGQpqDWpb1mmaUkQg1Tv60T_ulNIV7c6h9nUeIvx-Bf5/s320/Sulit-Hamil.jpg" style="-webkit-box-shadow: rgb(72, 181, 242) 1px 1px 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; box-shadow: rgb(72, 181, 242) 1px 1px 10px; float: left; margin-right: 5px; max-width: 100%;" width="70" /></a><a class="recent-link" href="http://ut2a-4down.blogspot.com/2012/10/inilah-4-penyebab-wanita-sulit-hamil.html" style="color: #cccccc; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; font-size: 11px; height: 18px; margin: 0px; overflow: hidden; padding: 0px 0px 2px; text-decoration: none;"><b>Inilah 4 Penyebab Wanita Sulit Hamil</b></a><div class="spydate" style="color: #0284c2; font-family: Tahoma, Arial, verdana, sans-serif; font-size: 10px; height: 15px; margin: 1px 0px 0px; overflow: hidden; padding: 2px 0px;">
<i><span style="color: #666666;">(09 Oct 2012)</span></i></div>
<div class="spycomment" style="color: #262b2f; font-family: Tahoma, Arial, verdana, sans-serif; font-size: 10px; margin: 0px; overflow: hidden; padding: 0px;">
<i><span style="color: #666666;">(0 comments)</span></i></div>
</li>
</ul>
</div>
</div>
</center>
<br />
<br />
<b><span style="font-size: medium;"><i style="font-family: 'Courier New', Courier, monospace;"><u style="color: #93c47d;">Berikut Scriptnya :</u></i></span></b><br />
<br />
<br />
<blockquote>
<div align="left">
<span style="color: #6fa8dc;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script></span><br />
<style type="text/css" media="screen"><br />
#spylist {<br />
overflow:hidden;padding:5px 5px;<br />
margin:0px 0px 5px 0px;<br />
margin-top:5px;<br />
height:350px;width:220px;<br />
background:#48b5f2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDcFYGPORrvhkFcw3xl2GhqVAGgQo-s7xeCHppNZaYVhASMBdu-PolwQhH9cdTxJZupE5SvNlR7DQ57_Ud8OoIZhYDeFht_oSmEK2N_sSesSflukM-hzcCIWvmu5VIpoWtObSceM_ACxk/s1600/button_bg.png);<br />
border-bottom:5px double #111;border-left:5px double #48b5f2;border-top:5px double #111;border-right:5px double #48b5f2;<br />
}<br />
#spylist ul{<br />
width:220px;<br />
overflow:hidden;<br />
list-style-type: none;<br />
padding: 0px 0px;<br />
margin:0px 0px;<br />
}<br />
#spylist li {<br />
width:208px;<br />
padding:5px 5px;<br />
margin:0px 0px 5px 0px;<br />
list-style-type:none;<br />
float:none;<br />
height:70px;<br />
overflow:hidden;<br />
background:#1D1D1D;opacity:0.8;<br />
border:1px dotted #84acc3;border-radius:5px;<br />
}<br />
#spylist li a {<br />
text-decoration:none;<br />
color:#ccc;<br />
font-size:11px;<br />
height:18px;<br />
overflow:hidden;<br />
margin:0px 0px;<br />
padding:0px 0px 2px 0px;<br />
}<br />
#spylist li img {<br />
float:left;box-shadow:1px 1px 10px #48b5f2;-moz-box-shadow:1px 1px 10px #48b5f2;-webkit-box-shadow:1px 1px 10px #48b5f2;<br />
margin-right:5px;<br />
border:1px solid #fff;border-radius:5px;<br />
border:0;<br />
}<br />
.spydate{<br />
overflow:hidden;<br />
font-size:10px;<br />
color:#0284C2;<br />
padding:2px 0px;<br />
margin:1px 0px 0px 0px;<br />
height:15px;<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
}<br />
.spycomment{<br />
overflow:hidden;<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
font-size:10px;<br />
color:#262B2F;<br />
padding:0px 0px;<br />
margin:0px 0px;<br />
}<br />
</style><br />
<script language='javascript'><br />
    imgr = new Array();<br />
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiBm0mtZKqBXzS4hnCEIAL-f-HOdKOC-NyCSBtWa40nIc3GdGYBNByGTVxeviKhRYzIyHSIr2eUvxMpwZFGGQftJUy_RkBZqJ9wc9bMUhrgjAkzf_xwDv4p3aC1IadKjL6Vq84qMXrMu8/s1600/coretv+no_image.jpg";<br />
    imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiBm0mtZKqBXzS4hnCEIAL-f-HOdKOC-NyCSBtWa40nIc3GdGYBNByGTVxeviKhRYzIyHSIr2eUvxMpwZFGGQftJUy_RkBZqJ9wc9bMUhrgjAkzf_xwDv4p3aC1IadKjL6Vq84qMXrMu8/s1600/coretv+no_image.jpg";<br />
    imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiBm0mtZKqBXzS4hnCEIAL-f-HOdKOC-NyCSBtWa40nIc3GdGYBNByGTVxeviKhRYzIyHSIr2eUvxMpwZFGGQftJUy_RkBZqJ9wc9bMUhrgjAkzf_xwDv4p3aC1IadKjL6Vq84qMXrMu8/s1600/coretv+no_image.jpg";<br />
    imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiBm0mtZKqBXzS4hnCEIAL-f-HOdKOC-NyCSBtWa40nIc3GdGYBNByGTVxeviKhRYzIyHSIr2eUvxMpwZFGGQftJUy_RkBZqJ9wc9bMUhrgjAkzf_xwDv4p3aC1IadKjL6Vq84qMXrMu8/s1600/coretv+no_image.jpg";<br />
    imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiBm0mtZKqBXzS4hnCEIAL-f-HOdKOC-NyCSBtWa40nIc3GdGYBNByGTVxeviKhRYzIyHSIr2eUvxMpwZFGGQftJUy_RkBZqJ9wc9bMUhrgjAkzf_xwDv4p3aC1IadKjL6Vq84qMXrMu8/s1600/coretv+no_image.jpg";<br />
    showRandomImg = true;<br />
    boxwidth = 255;<br />
    cellspacing = 6;<br />
    borderColor = "#232c35";<br />
    bgTD = "#000000";<br />
    thumbwidth = 70;<br />
    thumbheight = 70;<br />
    fntsize = 12;<br />
    acolor = "#666";<br />
    aBold = true;<br />
    icon = " ";<br />
    text = "comments";<br />
    showPostDate = true;<br />
    summaryPost = 40;<br />
    summaryFontsize = 10;<br />
    summaryColor = "#666";<br />
    icon2 = " ";<br />
    numposts = 10;<br />
    home_page = "<b style="color: red;"><i>www.palmahutabarat69.blogspot.hk</i></b>";<br />
    limitspy=4<br />
    intervalspy=4000<br />
</script><br />
<div id="spylist"><br />
<script src='http://kangdadang.googlecode.com/files/recentpostthumbspy-by-abufarhan.js' type='text/javascript'></script><br />
</div></div>
</blockquote>
<br />
<span style="font-family: 'Courier New', Courier, monospace; font-size: medium;"><b><i><u>KET :</u></i></b></span><br />
- Ganti teks yang berwarna <u style="color: red;">Merah</u> dengan URL Blog sobat.<br />
- Perhatikan script diatas yang berwarna <b style="color: #6fa8dc;"><i>biru muda</i></b>, jika sobat sudah memasang, maka tidak perlu lagi memakai script diatas (biar gak double).<br />
<br />
Tertarik ingin memasangnya? berikut langkah singkat dan padatnya, tidak perlu backup template karena kita akan meletakkannya langsung di elemen halaman.<br />
<br />
Seperti biasa sobat langsung masuk aja ::>><br />
1. To the point aja .. klik Rancangan<br />
2. Kemudian klik <b>Tamhah Gadget</b><br />
<br />
<div style="text-align: center;">
<span class="fullpost"><img alt="image" border="0" height="191" src="http://lh5.ggpht.com/_7Y9pl24WpQY/TAkw0hqBmMI/AAAAAAAAEGY/K3RHUnI8WtY/image_thumb%5B1%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="image" width="444" /></span></div>
3. Cari yang <b>Tambah Halaman HTML / Javascript</b><br />
4. Masukkan salah satu kode diatas kedalamnya :<br />
5. Simpan. dan Lihat hasilnya.<br />
<br />
<div style="text-align: center;">
Semoga bermanfaat.</div>
</div>
<br style="font-family: 'Pt sans narrow', sans-serif; font-size: 13px; line-height: 19.5px;" />
<div align="left" style="color: #bbbbbb; font-family: lobster; font-size: 15px; text-shadow: rgb(0, 0, 0) 0px -1px 2px;">
Original Posted by : <a href="http://ut2a-down.blogspot.com/" style="color: #aaaaaa; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; text-decoration: none;">akaUTta...</a><br />
<br />
<center>
Komentar anda sangat membantu perkembangan blog ini!!</center>
<br />
<div style="text-align: center; width: 1648px;">
<a href="http://paidautosurf.net/backlinks.php" style="color: #aaaaaa; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; text-decoration: none;" target="_blank" title="Free Automatic Link"><img alt="Free Automatic Link" border="0" height="15" src="http://paidautosurf.net/backlinkseo.gif" style="border-width: 0px; max-width: 100%;" width="80" /></a> <a href="http://css-weaver.com/backlink" style="color: #aaaaaa; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; text-decoration: none;" target="_blank"><img border="0" src="http://css-weaver.com/banner/css-weaverbacklink.gif" style="border-width: 0px; max-width: 100%;" title="free BackLink by CSS-weaver" /> </a><a href="http://www.ping-fast.com/ping-my-blog8871" style="color: #aaaaaa; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; text-decoration: none;" target="_blank"><img alt="ping fast  my blog, website, or RSS feed for Free" border="0" src="http://www.ping-fast.com/iping.php?aut=EC153B028BB768C751D1AECB0139332477632C12B924A549760E6D8DA1DE7AC2F6397AA154DA55BEB7" style="border-width: 0px; max-width: 100%;" /></a> <a href="http://www.auto-ping.com/ping9441" style="color: #aaaaaa; cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bqiEZwRfMmO7ouvDg34x_k8ZD2HG-rHlNSiXIDNRgi9JYgMSMywrYee7KdaAqo1gIXygNBIkBKYLBjVgA1pcNmtp0fbWbgJ-jGQax9vv3niLHJZAYiyJurhdDYPkT_34EXycGEqPifBY/s1600/ass.png), auto; text-decoration: none;" target="_blank"><img alt="Ping your blog, website, or RSS feed for Free" border="0" src="http://www.auto-ping.com/iping.php?aut=EF603870F6B668C452D1AECB0139455201155A64B924A54A750E6D8DDBA47AC286497AD421D35CCBC2" style="border-width: 0px; max-width: 100%;" /></a></div>
</div>
<span itemprop="rating" style="font-family: 'Pt sans narrow', sans-serif; font-size: 13px; line-height: 19.5px;">4.5</span><span style="font-family: 'Pt sans narrow', sans-serif; font-size: 13px; line-height: 19.5px;"><br /><br />Original Posted by : <a href="http://ut2a-4down.blogspot.com/2012/03/cara-buat-recent-post-with-thumbnail.html#ixzz29JrZCh3c" rel="nofollow" target="_blank">AkaUTta</a></span></div>

CSS HTML Javascript jQuery Cara Buat Recent Post With Thumbnail And Simple Spy

Pada Postingan saya sebelumnya pernah juga membahasa 'Cara Buat Recent Post dan Total Comment Berjalan (Marquee)' dan sekarang kita membahas tutorial serupa, Widget recent post ini selain memiliki effect animasi spy karena penggunaan script jquery …

Cara Membuat Widget Daftar Isi Pada BLOG kita

10/14/2012 02:31:00 AM Palma Hutabarat 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; color: #333333; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size: 12px; text-align: justify;">
<i>Diposkan oleh <span class="fn">PalmaHutabarat</span> on Sabtu</i></div>
<div class="post-body entry-content" style="background-color: white; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size: 14px; line-height: 1.4em; margin: 0px 0px 0.75em; text-align: justify;">
<strong style="color: #333333;"><a href="http://yyulio.blogspot.com/2012/03/widget-daftar-isi.html" style="color: black; text-decoration: none;" title="Widget Daftar Isi">Widget Daftar Isi</a></strong><span style="color: #333333;"> -</span><div class="separator" style="clear: both; color: #333333; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHu-x5an_D4GmNlkO_p4L5Y-ZRSSy_OJS-1F-pOknPOlKJq496h8XINlIFlYFLcZRFoBUh7F5C-7auw3RLBQWeIYsYynJvZlgDMlXUdp0vJiMgEO1BXcsv16IE4LDARakB7oeo5h2co0Ox/s1600/1.png" imageanchor="1" style="clear: left; color: #444444; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHu-x5an_D4GmNlkO_p4L5Y-ZRSSy_OJS-1F-pOknPOlKJq496h8XINlIFlYFLcZRFoBUh7F5C-7auw3RLBQWeIYsYynJvZlgDMlXUdp0vJiMgEO1BXcsv16IE4LDARakB7oeo5h2co0Ox/s320/1.png" style="border: 4px solid rgb(221, 221, 221);" width="320" /></a></div>
<span style="color: #333333;">Hallo semua apa kabar.....</span><br /><span style="color: #333333;">Bagi sebuah buku daftar isi adalah hal yang sangat penting, kenapa karena dari daftar isi itu kita bisa melihat bagian-bagian penting yang ada di buku. Begitu pula juga sebuah Blog, blog juga membutuhkan sebuah daftar isi agar pengunjung blog kita tidak kesusahan mencari judul artikel yang diinginkan.</span><br /><br /><span style="color: #333333;">Tapi kali ini saya punya widget daftar isi keren yang saya dapatkan dari</span><a href="http://www.abu-farhan.com/" style="color: #444444; text-decoration: none;"> http://www.abu-farhan.com</a><br /><span style="color: #333333;">Ini widget daftar isinya copy paste widget di bawah ini dan taruh di blog kamu</span><br /><br /><br /><br /><br /><br /><span style="color: #333333;"><iframe frameborder="0" height="70px" marginheight="0" marginwidth="0" src="http://sebar.idblognetwork.com/psg_ppc_flash.php?b=9268&sz=468x60" width="478px"></iframe></span><br /><blockquote class="tr_bq" style="color: #666666; font-style: italic; line-height: 1.3em; margin: 1em 20px;">
<span style="background-color: cyan;"><b><script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></b><b></script></b><b><script src="<span style="color: red;">http://www.palmahutabarat69.blogspot.hk</span>/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></b><b></script></b></span></blockquote>
<br /><span style="color: #333333;">Cara memasangnya adalah sebagai berikut :</span><br /><br /><ul style="color: #333333;">
<li>Pertama masuk dulu ke akun Blogger</li>
<li>Kedua klik Entri Baru lalu judul tulis dengan  nama "Daftar Isi"</li>
</ul>
<span style="color: #333333;">Setelah itu taruh widget tadi di postingan, jangan lupa atur postingan pada tulisan "</span><b style="color: #333333;">post options"</b><br /><br /><div style="color: #333333;">
lalu ada tulisan "<b>Setelan Tulisan" </b>lalu pilih yang "<b>Tafsirkan HTML yang diketik</b>"</div>
<div style="color: #333333;">
seperti contoh gambar di bawah ini</div>
<div class="separator" style="clear: both; color: #333333; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0J6tv4tjTcsVC2K2jgIQjxSpmRSDifp8yshDxTvLu55P3oH_pUC7l-ojbquljCCLK2leoz8RW0mTQPxyOP5GerFbG2JvqVfIY_SJ5Rs0f0L8R5t1aKFhW8-I8J8P_wjwJiLx-XRdMJTE/s1600/2.png" imageanchor="1" style="color: #444444; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0J6tv4tjTcsVC2K2jgIQjxSpmRSDifp8yshDxTvLu55P3oH_pUC7l-ojbquljCCLK2leoz8RW0mTQPxyOP5GerFbG2JvqVfIY_SJ5Rs0f0L8R5t1aKFhW8-I8J8P_wjwJiLx-XRdMJTE/s320/2.png" style="border: 4px solid rgb(221, 221, 221);" width="320" /></a></div>
<div style="color: #333333;">
<br /></div>
<div style="color: #333333;">
Setelah itu klik Terbitkan Entri, udah dech mudahkan...</div>
<div>
<br /><span style="color: #333333;">Keterangan:</span><br /><span style="color: #333333;">Huruf yang berwarna </span><span style="color: red;">merah</span><span style="color: #333333;"> pada widget ganti dengan alamat blog/web sobat</span><br /></div>
<div style="color: #333333;">
Semoga artikel ini membawa manfaat.....</div>
<span style="color: #333333;">Description: </span><span itemprop="description" style="color: #333333;">Widget Daftar Isi</span><span style="color: #333333;"> Rating: </span><span itemprop="rating" style="color: #333333;">3.5</span><span style="color: #333333;"> Reviewer: </span><span itemprop="reviewer" style="color: #333333;">PalmaHutabarat</span><span style="color: #333333;"> ItemReviewed:</span><span itemprop="itemreviewed" style="color: #333333;">Widget Daftar Isi</span></div>
</div>

CSS HTML Javascript jQuery Cara Membuat Widget Daftar Isi Pada BLOG kita

Diposkan oleh PalmaHutabarat on Sabtu Widget Daftar Isi - Hallo semua apa kabar.....Bagi sebuah buku daftar isi adalah hal yang sangat penting, kenapa karena dari daftar isi itu kita bisa melihat bagian-bagian penting yang ada di buku. Begitu pula j…