Tạo hiệu ứng cho link liên kết

Để cho link liên kết thêm sống động, bạn phải gắn hiệu ứng cho nó.
Bạn bấm vào "Xem thử" để thấy rõ hơn hiệu ứng của link liên kết.

Để làm được điều này, bạn đăng nhập vào blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi copy đoạn code phía dưới và dán vào.

<style type="text/css">
a.navbar:hover {
color:;
font-weight:bold;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOafyrerXucxL1oDqZqH2geZpspVUyAbSuxx_XZzp_ri5hwKYGrM4U6Vczb8M4PNfMIjezaK_QPYlT40sWm_lrtpMs6kgjE9BYCZ44nyS2tC3nRuBr3fD3ORR7yTqnKt3Et3h-TYk19fc/s1600/rainbow.gif);
}
a:hover, a.link:hover, a.navbar:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOafyrerXucxL1oDqZqH2geZpspVUyAbSuxx_XZzp_ri5hwKYGrM4U6Vczb8M4PNfMIjezaK_QPYlT40sWm_lrtpMs6kgjE9BYCZ44nyS2tC3nRuBr3fD3ORR7yTqnKt3Et3h-TYk19fc/s1600/rainbow.gif);
font-size:10t;
color:;
text-decoration:none;
border:1px solid;
}
</style>

Bây giờ, bạn có thể đổi các dòng lệnh màu xanh và màu đỏ tuỳ theo ý thích của bạn, cuối cùng bấm Lưu lại là xong.

Đăng nhận xét