MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda


SYAMSUDINNAMAKU telah hadir

Cara Membuat Efek Berganti Warna Background Plus Hover Pada Link


Seperti yang telah Saya katakan sebelumnya, bahwa
link yang ada di blog kita bisa kita berikan berbagai
macam efek. Salah salahnya lagi yang seperti
Anda lihat di bawah ini :


Belajar Membuat Gambar GIF Seri 1

Belajar Membuat Gambar GIF Seri 2

Belajar Membuat Gambar GIF Seri 3

Background pada link di atas berkedap-kedip dan
berganti warna dengan sendiribya. Dan bila cursor
Anda diletakkan tepat di atas link tersebut, maka
background pada link tersebut akan berganti lagi
warnanya. Nah, bila Anda tertarik ingin membuat
yang seperti itu, caranya adalah seperti ini :


1.   Masuk ke Edit HTML.

2.   Carilah kode </head>

3.   Letakkanlah di atas kode </head>,
      kode yang berikut ini kemudian
      simpanlah template Anda.

<script type="text/javascript" src="http://h1.ripway.com/syamsudin/flashinglinks.js"></script>

<style type="text/css">

a:link {
 text-decoration: none;
 background-color: #00FF00;
 background-position: 100%;
}

a:hover {
 text-decoration: none;
 background-color: #FF0000;
 background-position: 100%;
}

</style>

KETERANGAN :

Ubahlah warna background-color:
pada a:link dan a:hover
sesuai warna yang Anda inginkan.

4.   Untuk penerapan pada linknya.
      Sisipkan kode rel="flashbg[.....................]"
      diantara kode link Anda.

5.   Isilah titik-titik yang terdapat pada kode
      di atas dengan warna yang Anda inginkan.

Contohnya seperti ini :

<a href='URL link Anda' rel="flashbg[yellow]">Keterangan link</a>

KETERANGAN :

Gantilah warna backgroundnya pada kode [yellow]
dengan warna apa saja yang Anda kehendaki.

Warna setiap link-nya boleh saja berbeda satu dengan
lainnya, seperti yang Anda lihat pada contoh di atas.

Selamat mencoba, good luck!


0 comments:

Poskan Komentar