Membuat Link Membesar Dan Berubah Warna Saat Disorot Mouse

CSS

Pada kesempatan siang yang sangat panas ini, ditempat biasa yaitu SkyNet (warnet langganan). Saya ingin kembali berbagi wawasan kepada temen-temen, khususnya buat sesama blogger pemula. Buat kakak-kakak blogger senior silahkan nyimak saja. Tolong kalau ada yang kurang bener dikoreksi :).
Sesuai dengan judulnya, diartikel ini kita akan belajar bagaimana cara membuat link pada blog agar bisa membesar dan berubah warna saat link tersebut tersentuh kursor.
Apa sih mas maksudnya ?
Biar cepet ngerti apa maksudnya, langsung saja lihat  live demo-nya pada link yang sudah saya modif dibawah ini :

 *Arahkan kursor pada link demo :
Atau mau yang lebih besar lagi ? Bisa!
Oh gitu ya, keren mas! bagaimana cara membuat link seperti itu mas?
Mudah kok, kita hanya tinggal merubah sedikit kode CSS didalam template blog.

Langkah-langkahnya seperti ini :

1. Login pada Blogspot
2. Pilih menu "Template" dan pilih "Edit HTML"
3. Selanjutnya ada pada menu edit HTML template, cari kode yang seperti dibawah ini. Atau setidaknya mirip dengan kode dibawah.
a: link {
    color: #4680C2;
    outline: none;
    }
a: hover {
    text-decoration:underline;
    outline: none;
    }
*Jangan lupa gunakan tombol Ctrl+F untuk memudahkan pencarian kode

4. Saya anggap sudah ketemu ya?, langkah selanjutnya hapus seluruh kode yang seprti diatas tadi dan ganti dengan kode dibawah ini :
a: link {
color: #FF0000;
font-size: 10px;
text-decoration: none;
cursor:default;
}
a: hover {
color: #81F781;
font-size: 14px;
text-decoration: none;
cursor: wait;
}
*Catatan :
Pada kode yang saya beri tanda teks warna merah dan biru bisa kamu ubah sesuai selera masing-masing.

Ada yang kurang jelas ? Jangan sungkan untuk bertanya melalui kotak komentar dibawah :)

Ceritakan ini di :

Facebook Google+ Twitter Digg

Tentang Penulis :

Ansory Esce
Dia bukanlah seseorang yang memiliki segudang ilmu untuk bisa diceritakan. Bukan juga seorang Blogger profesional yang bisa menggurui kalian tentang ilmu Blogging atau tentang ilmu Internet lainnya. Dia hanyalah seorang Blogger "alakadarnya" yang memiliki keterbatasan pengetahuan. Menulis di Blog ia lakukan sekedar untuk mengenal banyak teman baru serta sebagai media untuk belajar dan saling berbagi. Selengkapnya..
Berteman dengannya di: Facebook | Twitter | Google+

6 komentar untuk "Membuat Link Membesar Dan Berubah Warna Saat Disorot Mouse"

  1. ini bisa nggak yah di terapkan di wprdpress kayaknya bisa deh

    ReplyDelete
  2. Waduuh, saya gak tau deh mas kalo di wepe :D soalnya blm pernah pakai. Tp kayaknya bs juga kok

    ReplyDelete
  3. td dah saya coba, waktu saya sorot linknya malah cursornya malah getar2

    ReplyDelete
  4. gan cara bwat byangan nya g mna kya pnya lo

    ReplyDelete