Thứ Tư, 8 tháng 10, 2014
Số lượt xem bài này:
Chèn chú thích cho ảnh với hiệu ứng hover
Chèn chú thích cho ảnh vào Blog có nhiều cách:
- Sử dụng tiện ích có sẵn của Blogspot
- Viết chú thích vào ảnh trước lúc chèn
Các cách chèn chú thich như thế này sẽ làm bài đăng dài ra và chỉ có thể chèn cho từng ảnh một mà thôi.
Có một cách chèn chú thích khác cho ảnh hay hơn là chèn theo code HTML. Với cách chèn này ta có thể chèn cho nhiều ảnh sắp xếp như Slide nên chiếm diện tích không lớn lắm trong bài đăng. Điều hay hơn nữa là chỉ lúc nào ta đưa chuột vào mới hiện chú thích của ảnh (sử dụng hiệu ứng hover cho chú thích).
Để làm được điều này, các bạn đầu tiên phải:
- Tải các ảnh cần chèn chú thích lên host ảnh như Photobucket, DropBox...) để có link chèn vào code mẫu.
- Copy đoạn code mẫu tôi cho bên dưới vào NOTEPAD rồi chỉnh sửa theo ý mình (thay link ảnh của mình, thay chú thích, màu-font- độ lớn của chữ...)
- Sau khi đã chỉnh sửa, các bạn copy code và dán vào nơi muốn các ảnh xuất hiện trong trình soạn thảo bài viết, thế là xong !
Dưới đây là đoạn code mẫu (Một số phần có thể thay đổi được tôi đã có hướng dẫn)
Nhắc thêm:
- Bạn cần chèn thêm bao nhiêu ảnh nữa thì cứ thêm bấy nhiêu dòng dưới đây:
| <li class="galleryItem"> <a class="caption" data-description="CHÚ THÍCH DƯỚI CỦA BẠN" data-title="CHÚ THÍCH TRÊN CỦA BẠN" target="_blank" href="http://luong1950.blogspot.com/"> <!-- Trang chuyển đến nếu bạn kích vào ảnh--> <img alt="Với Anh Diệu " src="LINK ẢNH CỦA BẠN" /> </a></li> |
vào trên thẻ đóng </div> dưới cùng của code mẫu
- Chỗ img alt= các bạn có thể bỏ qua không ghi gì cũng được.
Với các trên tôi đã chèn được chú thích cho ảnh như hình dưới (tôi chỉ làm cho 2 ảnh thôi. Các bạn rê chuột vào ảnh để xem chú thích nhé !)
(Chú thích trên chưa hoạt động trên Blog này. Các bạn xem tạm chú thích dưới !)
- Chỗ img alt= các bạn có thể bỏ qua không ghi gì cũng được.
Với các trên tôi đã chèn được chú thích cho ảnh như hình dưới (tôi chỉ làm cho 2 ảnh thôi. Các bạn rê chuột vào ảnh để xem chú thích nhé !)
(Chú thích trên chưa hoạt động trên Blog này. Các bạn xem tạm chú thích dướ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