Thứ Sáu, 10 tháng 10, 2014
Số lượt xem bài này:
Tạo hiệu ứng XOAY TRÒN cho ảnh trên Blog
Trong mấy ngày gần đây tôi có viết mấy bài liên quan đến tạo các hiệu ứng hover cho ảnh chèn ở bài viết của Blog. Hiệu ứng hover cho ảnh hiểu nôm na là khi ta rê chuột vào một ảnh nào đó hiệu ứng sẽ xẩy ra (phóng to, thu nhỏ, tịnh tiến, xoay tròn...).
Thực ra để thục hiện các hiệu ứng hover cho ảnh trên blog, ta có thể tác động trực tiếp vào HTML của Blog bằng cách thêm CSS rồi sau đó ở bài viết ta chỉ cần chèn phần code thủ thuật HTML thôi. Với cách tác động vào mẫu (Template) của Blog là cách làm bài bản nhất. Có điều không phải các bài viết có ảnh chúng ta đều muốn sứ dụng hiệu ứng hover.
Trong tất cả các hover cho ảnh theo ý kiến cá nhân thì hover phóng to ảnh là nên làm theo cách tác động vào mẫu của Blog thôi. Còn các hover khác ta nên chèn trực tiếp vào bài viết lúc cần thôi! Chèn trực tiếp vào bài viết thì bạn phải kết hợp CSS và HTML làm một.
Phần CSS được đặt trước HTML ! Phần CSS phải được đặt trong thẻ STYLE (đóng, mở) các bạn nhé thì CSS mới hoạt động ! (tham khảo thêm ở phần code mẫu tôi cho).
Hôm nay tôi chia sẽ với các bạn tạo hiệu ứng XOAY TRÒN cho ảnh nhé !
Các bạn kích vào hình bên cạnh để xem trước: 
Vì đã nói chi tiết ớ các bài trước rồi nên tôi không nói kỹ từng bước tiến hành nữa, OK ?
Các bạn dùng đoạn code mẫu sau đây:
Các bạn chỉ cần thay link ảnh của mình vào trong code mẫu là tạm ổn rồi. Bạn nào biết kha khá về CSS thì có thể thay đổi thêm. Những chỗ thay đổi được tôi đã có chú thích !
Các bạn copy code đã chỉnh sửa và dán vào nơi muốn nó xuất hiện ở chế độ HTML trong soạn thảo bài đăng rồi xuất bản là OK rồi.
Đăng nhận xét
1- Nhận xét chỉ nên liên quan đến bài đăng, phải có tính chất xây dựng và có văn hóa !
2- Để chèn biểu tượng cảm xúc vào nhận xét, các bạn nhập các ký hiệu bên dưới của hình vào phần viết nhận xét.
3- Việc nhập tài khoản Google của bạn và nhập 2 từ xác minh trước lúc gửi nhận xét là bắt buộc !
4- Các bạn có thể chèn Video trên Youtube hay ảnh bằng cách dán link của video (trên thanh địa chỉ) hay link ảnh trực tiếp ở khung soạn thảo nhận xét !
5-Các bạn có thể post code trong nhận xét nhưng phải mã hóa code trước ! Để mã hóa code các bạn vào đây