28.3.16

Membuat Efek Link Membesar Ketika Tersentuh Kursor

Membuat Efek Link Membesar Ketika Tersentuh Kursor
Moch Adnan Blog akan coba kembali 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.

Sebagai catatan saja, 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

→ About the author

Moch Adnan adalah Admin Blog yang mempunyai ketertarikan dengan Dunia Blogging,kamu bisa Menemukan saya dan memfollow saya di Google + Twitter Facebook


Terima Kasih Telah Membaca Artikel Membuat Efek Link Membesar Ketika Tersentuh Kursor . Jika Anda tertarik dengan artikel seperti ini, silahkan untuk berlangganan artikel Gratis dengan cara mengetikkan alamat e-mail anda pada kotak berlangganan berikut:
Subscribe via Email

Silahkan tinggalkan komentarnya
Mohon untuk tidak memasukkan link hidup dalam berkomentar