Monday, January 12, 2009

Navigasi dengan CSS

Tampilan yang menarik jika menggunakan CSS. Berikut cara-caranya :


DaftarMenu


Tutorial Blogger |
Komisi Gratis |

Tempat Download Gratis |
1 klik,600 rupiah


Lihat contoh diatas, tentu kamu harus mempunyai sebuah URL foto untuk dijadikan sebuah CSS.



1. Tambahkan kode berikut sesudah kode <style type="text/css"> dan sebelum kode </style>, ya di mana saja asalkan di antara kode tadi.


.unyil{
text-align:left;
display:block;
width:180px;
height:20px;
background:#f0f0f0 url() top right no-repeat;
padding:3px 4px 3px 8px;
margin:7px 10px 7px 0;
}

.unyil:hover{
background:#97A4B9 url() top right no-repeat;
text-decoration:none;
}

2. copy kode di bawah ini, lalu paste di tempat yang sobat inginkan, bisa di sidebar, footer atau dimana saja, kemudian rubahlah dengan link yang sobat punya :

<a class="button" href="http://konsep-blog.blogspot.com">Tutorial Blogger</a><span class="hide"> | </span>

<a class="button" href="http://www.komisigratis.com/?id=fandy_ooo">Komisi Gratis</a><span class="hide"> | </span>

<a class="button" href="http://fandy-abc.blogspot.com">Tempat Download Gratis</a><span class="hide"> | </span>

<a class="button" href="http://kumpulblogger.com/minibanner_desc.php?refid=28095&quot;>1 klik,600 rupiah</a><span class="hide"> | </span>

OK..
Cukup jelas kan??
Selamat Mencoba!!!!!!

0 komentar:

Post a Comment

Ikuti Blog Ini

Komentar Baru