![CSS Style CSS](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1HGYLEdDSmy6nJWfeATV3uGjEONrJ3FW_LfjEauc6xX7-KcY2oDHOl0olvPJgMuD9PGEUVBhWdngfjqbJ1FkaxQFrMyDVElAcN2-rlluaZm_zQunpaBfQXjZDNCL4y7kk3Tua0edzAIx-/s320/CSS.png)
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 {*Jangan lupa gunakan tombol Ctrl+F untuk memudahkan pencarian kode
color: #4680C2;
outline: none;
}
a: hover {
text-decoration:underline;
outline: none;
}
4. Saya anggap sudah ketemu ya?, langkah selanjutnya hapus seluruh kode yang seprti diatas tadi dan ganti dengan kode dibawah ini :
a: link {*Catatan :
color: #FF0000;
font-size: 10px;
text-decoration: none;
cursor:default;
}
a: hover {
color: #81F781;
font-size: 14px;
text-decoration: none;
cursor: wait;
}
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 :)
ini bisa nggak yah di terapkan di wprdpress kayaknya bisa deh
ReplyDeleteWaduuh, saya gak tau deh mas kalo di wepe :D soalnya blm pernah pakai. Tp kayaknya bs juga kok
ReplyDeletetd dah saya coba, waktu saya sorot linknya malah cursornya malah getar2
ReplyDeleteinfo keren gan,,,,
ReplyDeletetak coba y,
bang, nari kodenya susah ..
ReplyDeletegan cara bwat byangan nya g mna kya pnya lo
ReplyDelete