Beberapa
waktu yang lalu saya pernah menulis tentang
'Cara Membuat Link Berwarna Pelangi'. Kali ini
saya
mencoba
menulis 'Cara Membuat Link Berkedap-kedip
Bintang',
bahkan bukan hanya sekedar berkedap-kedip
bintang
saja, tetapi link pun dapat berwarna pelangi dan
efek
hurufnya yang membesar atau mengecil bila
disentuh
cursor bisa kita atur sedemikian rupa. Anda
mau
mencobanya ??! Saya coba paparkan paling tidak
ada 3 (tiga)
cara yang saya ketahui yang bisa anda coba
dan pilih,
cara mana yang paling anda anggap mudah
untuk
diikuti. Berikut ini caranya :
•_•
CARA PERTAMA :
> Tentu login dahulu ke blog anda.
> Pada Dasbor, anda klik Edit HTML.
> Cari kode hover
> Setelah anda copy kode di bawah ini,
letakkan persis di bawah kode hover tadi
> Pratinjau, simpan template.
<style>
a:hover { text-decoration:blink; background: url('http://i1128.photobucket.com/albums/m486/syamsudin1/starsku.gif'); }
</style>
a:hover { text-decoration:blink; background: url('http://i1128.photobucket.com/albums/m486/syamsudin1/starsku.gif'); }
</style>
•_•
CARA KEDUA :
> Tetap dalam posisi Edit HTML.
> Cari kode a:link
Ganti menjadi
a:link
{
color:#00FFFF;
font-size:12px;
cursor:default;
}
> Cari kode a:hover
Ganti menjadi
a:hover
{
color:#FF0000;
font-size:20px;
font-style:bold;
cursor:wait;
}
> Pratinjau, simpan template.
+ Silahkan bila anda mau edit, yaitu pada
kode warna dan ukuran fontnya.
•_•
CARA KETIGA :
> Masih dalam posisi Edit HTML.
> Cari kode </head>
> Copy kode berikut ini dan
letakkan tepat di atas kode </head> tadi.
> Pratinjau dahulu, baru simpan template.
<style>
a:hover { text-decoration:blink; background: url('http://i1128.photobucket.com/albums/m486/syamsudin1/starsku.gif'); }
</style>
a:hover { text-decoration:blink; background: url('http://i1128.photobucket.com/albums/m486/syamsudin1/starsku.gif'); }
</style>
◙ Demikian trik dari saya kali ini,
semoga anda berhasil dan puas akan hasilnya.
Sampai jumpa dilain waktu, Good luck!
Read more: http://syamsudinnamaku.blogspot.com/2011/02/cara-membuat-link-berkedap-kedip.html#ixzz2mNeTOrbn
0 komentar:
Posting Komentar