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.

Xem thử

Để 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/AVvXsEg7kd_xRezZBk9QZatLhDRTOJ0JNQhEKEXOEXtW-RnTeJWRo_x2MI1m7oagMeX0fj5cHkEhvWP-3MTKuKEqOzPnGsUNlhHKzpE02PNoE_d8xcytWw8kbrs8N3AqI10Im9tNCoIbaHoZLLc/s1600/rainbow.gif);

}

a:hover, a.link:hover, a.navbar:hover {

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7kd_xRezZBk9QZatLhDRTOJ0JNQhEKEXOEXtW-RnTeJWRo_x2MI1m7oagMeX0fj5cHkEhvWP-3MTKuKEqOzPnGsUNlhHKzpE02PNoE_d8xcytWw8kbrs8N3AqI10Im9tNCoIbaHoZLLc/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.

Dưới đây, là một vài mẫu hiệu ứng cho link liên kết, bạn bấm phải chuột vào ảnh chọn Save as (lưu ảnh dưới dạng)... để tải về, sau đó upload để lấy link chèn vào dòng lệnh màu đỏ.