Thêm hiệu ứng ẩn hiện nút chia sẻ Facebook khi hover vào ảnh bài viết ngoài trang index

Thêm hiệu ứng ẩn hiện nút chia sẻ Facebook khi hover vào ảnh bài viết ngoài trang index

Tác dụng khi thêm hiệu ứng ẩn hiện nút chia sẻ Facebook khi hover vào ảnh bài viết ngoài các trang index giúp người đọc thêm lựa chọn nhanh đăng bài viết lên Facebook. Ngoài ra cách làm này chỉ thêm liên kết chia sẻ cùng với ảnh hiển thị bài viết nên không ảnh hưởng đến tốc độ tải trang. Cách làm như sau: 1. Kiểm tra HTML ảnh trong template, vì mỗi template sử dụng các class khác nhau nên bạn phải tìm chính xác đoạn code hiển thị ảnh. Mình ví dụ với đoạn code HTML sau của template Blog mình: Copy <b:if cond='data:post.featuredImage'> <!--Nếu bài viết có ảnh lấy ảnh đầu tiên của bài viết-->   <div class='post_thumb'>     <img expr:alt='data:post.title' expr:src='data:post.featuredImage' expr:srcset='sourceSet(data:post.featuredImage, [200,320,400,640,1600], &quot;16:9&quot;)' sizes='(min-width: 954px) 842px, (min-width: 801px) calc(100vw - 112px), calc(100vw - 64px)'/>     <div class='hover'>       <…