Dalam kasus ini kita harus bisa memahami css terlebih dahulu, jika tidak ada css, maka akan sulit untuk mengaplikasikannya. Memang sih trik ini sesungguhnya akan memperberat websait sobat jika di gunakan terlalu banyak.
Namun saya akan membagikannya bagi sobat yang baru mengenal dunia websait/pemula. Untuk para pemula, trik ini sangat - sangat tidak sulit kok. hanya saja sobat harus tekun dan giat hehehe. Sebelumnya sobat harus tahu dulu tenteng link pada websait.
Link adalah tempat dimana kita akan masuk/telusuri mulai dari berita, tutorial, musik dll atau sobat bisa menyebutnya dengan (pengarah). Oke.. langsung saja kita ke tkp :
Karena saya ingin menghemat tempat, maka saya akan membuat css internal.. jika sobat masih bingun.. sobat bisa kopas saja kode berikut :
<!DOCTYPE html>
<html>
<head>
<title> websait design</title>
<style>
body{
margin:0px;
background-color:#f2f2f2:;
}
header{
background-color:white;
width:100%;
height: 80px;
border-bottom:solid 2px #ccc;
float:left;
}
a{
text-decoration: none;
}
a:hover{
font-size:30px;
}
li{
list-style: none;
float:left;
padding: 11px;
}
li:hover{
border-bottom: solid 3px blue;
}
</style>
</head>
<body>
<header>
Menu<p>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Abaout</a></li>
<li><a href="#">Profile</a></li>
</ul>
</nav>
</header>
<content>
<a href="http://behspotku.blogspot.com">Saya</a>
</content>
</body>
</html>
Kode yang bewarna pink inilah yang membuat link akan membesar. Pada tulisan yang bewarna merah itulah linknya, jadi jika sobat ingin link itu langsung menuju lokasi jika di klik, sobat harus ganti tanda # dengan alamat yang akan di tuju.
Contoh :
<a href="http://behspotku.blogspot.com">Saya</a>
Tulisan yang bewarna biru itulah yang namanya alamatnya sobat.. gimana sobat.. mudah bukan?
Semoga tutorial singkat ini berfaedah bagi sobat semua
2 Komentar
Mantap gan.
BalasHapusTerus berkarya :-bd
oke gan.. tenks
Hapus