.png)
Membuat Efek Link Membesar Ketika Tersentuh Kursor
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
