Membuat link membesar ketika disentuh cursor akan membuat tampilan blog Anda lebih sedikit menarik dan cantik oleh karena itu blog Maknyus akan memberikan tutorial membuat link membesar saat disentuh cursor, bagi sobat Blogger semuanya bisa mencoba tutorial ini. Oke langsung saja bagi Anda yang ingin membuat link menjadi besar saat disentuh cursor silahkan baca tutorialnya dibawah ini :
1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode a:hover { atau a:hover{
Contoh hasilnya seperti ini :
4. Ganti kode diatas menjadi seperti ini :a:hover { color:#0D7BDF; font-size:12px; text-decoration:none; display:block; }
5. Klik Simpan Templatea:hover { color:#0D7BDF; font-size:18px; text-decoration:none; display:block; }
Catatan :
- Kode 18px bisa Anda ganti menjadi lebih besar atau lebih kecil lagi.
- Kode #0D7BDF untuk warna link, bisa Anda ganti disini Kode Warna.
- Jika ingin mengganti semua link agar membesar saat disentuh cursor, silahkan ganti semua kode a:hover dengan menambahkan nilai font-size.
- Jika tidak terdapat kode font-size pada a:hover silahkan tambahkan kode font-size:18px; pada bagian a:hover.
Cara Membuat Efek Membesar atau Zoom Pada Gambar
Cara Membuat Efek Gambar Berputar Zoom di Blog
Sekian artikel mengenai Membuat Link Membesar Saat Disentuh Cursor. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...
Tidak ada komentar:
Posting Komentar