Penulis: Moch Adnan dipublikasikan: 28 Maret 2016
Membuat Efek Link Membesar Ketika Tersentuh Kursor
Moch Adnan Blog - Tutorial kali ini admin akan coba kembali dengan cara membuat efek link membesar ketika tersorot pointer/kursor, sama dengan tutorial kemarin yang pernah saya tulis sebelumnya, yakni cara membuat tulisan dalam blog membesar. Harapan saya sih moga saja artikel-artikel seperti ini bisa bermanfaat buat sobat semua.
menyajikan tutorial blog kepada sobat semua dan kali ini mengenai tentang

Sedikit agak berbeda, pada tutorial kali ini sobat akan saya ajak untuk melakukan pengeditan pada kode CSS blog. Sehingga saya sarankan agar sebelumnya sobat melakukan backup data template terlebih dahulu, agar ketika terjadi error pada tampilan blog, sobat tetap memiliki keseluruhan kode template aslinya. Dan bagi sobat yang belum tahu caranya silahkan baca sejenak tulisan saya yang berikut ini: cara mencadangkan atau backup template blog

Membuat Efek Link Membesar Ketika Tersentuh Kursor


1- Masuk kedalam dasbor blog.
2- Pilih 'Template' kemudian pilih 'Edit HTML'.
3- Temukan kode yang mirip seperti berikut ini, gunakan pencarian cepat dengan cara menekan 'ctrl+f'

a:hover {
color:#325C1C;
text-decoration:underline;
text-shadow:5px 5px 5px #000;}

4- Jika sudah bisa menemukannya, silahkan tambahkan kode berikut kedalam akhiran kode diatas.
font-size:19px; 
5- Hingga urutannya menjadi seperti berikut, ketika sudah dibubuhi kode dari no.4 diatas.
a:hover {
color:#325C1C;
text-decoration:underline;
text-shadow:5px 5px 5px #000;
font-size:19px;
}
6- Pilih 'Simpan' dan selesai.

Catatan : sobat bisa juga bisa mengatur besar dan kecilnya ketika link url tersorot kursor dengan cara mengganti angka pada font size yang sengaja saya warnai merah diatas.


Selamat mencoba  :D