Hot News
Loading...

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


BloggerTips

Nhằm mục đích tạo sự khác biệt cho các link liên kết trong weblog, các bạn có thể tạo hiệu ứng để

khi di chuột tới vị trí link liên kết thì link sẽ đổi màu và hiệu ứng link liên kết dịch chuyển

tạo sự chú ý trong weblog của bạn.

Rất đơn giản, phattrien@so giới thiệu với các bạn.

Cách thực hiện cụ thể như sau:

 

Các thủ thuật mới của vnpressnet:

>> Sửa lỗi cho tiện ích widget Bài mới đăng - Recent Posts hỗ trợ nhiều tính năng

>> Phiên bản mới tạo chức năng “Read more – Đọc tiếp” cho Blogspot

>> Tạo List catalog từ các nhãn cho Blogger

 

1. Truy cập vào Blogger –> Dashboard –> Layout –> Edit HTML

2. Click vào tuỳ chọn "Expand Widget Templates"

3. Tìm kiếm đoạn mã:

a:hover {
text-decoration:underline;
}

Thay thế bằng đoạn mã dưới:

a:hover {
position: relative;
bottom: 5px;
left: 1px;
color:#0000FF;
}

4. Lưu lại công việc các bạn đã thực hiện để có hiệu ứng cho link liên kết.

Chú ý : Bạn có thể thay thế #0000FF bằng màu tuỳ thích. (#0000FF là màu link liên kết khi bạn di chuột đến vị trí link).

Các bạn có thể tham khảo bảng mã màu tại đây.

Chúc các bạn thành công và cám ơn các bạn đã ủng hộ vnpressnet.

Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

3 nhận xét :

  1. Cái này mỗi lần J bỏ vào là nó biến đổi cái homepage xấu quá :(

    ReplyDelete
  2. Áp dụng vào blog mình thấy hay hay. Mỗi lần rê chuột tới text thì nó chồi lên một cái và đổi màu, còn hình thì cũng lồi lên 1 ít.

    Thanks

    ReplyDelete
  3. máy cái này chỉ là css đơn giản mà...

    ReplyDelete


♦ Mời bạn gửi Nhận xét của mình. Bạn có thể nhận xét bằng cách chọnComment asTên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống. Bạn vui lòng gõ tiếng Việt có dấu.

♦ Bấm vào Đăng ký qua email [Subscribe by email] để đăng ký theo dõi nhận xét của bài này.

♦ Các bạn tự chịu trách nhiệm với Nhận xét của mình. Nhận xét của bạn cho biết Bạn là ai? Là người như thế nào?.