Huỳnh Hoài Bảo - Bảo Shady Blog
Bạn sở hữu cho mình một blog? Và thi thoảng đi bình luận dạo hoặc trả lời bình luận của bạn đọc bên blog mình. Khi đó, bạn có thấy khung viết bình luận của mình trông hơi ảm đạm không?
Chính vì thế mà hôm nay, mình xin hướng dẫn cho các bạn một thủ thuật nho nhỏ giúp bạn làm đẹp khung bình luận trong blog hơn. Thủ thuật này chỉ dùng toàn CSS nên gần như không ảnh hưởng đến tốc độ tải trang đâu nhé.

DEMO THAY NỀN CHUYỂN TIẾP KHUNG BÌNH LUẬN

  • Chưa rê chuột:
Thay nền chuyển tiếp độc đáo cho khung bình luận
Hình Minh Họa

  • Khi rê chuột vào:
Thay nền chuyển tiếp độc đáo cho khung bình luận
Hình Minh Họa


XEM DEMO


CÁCH THỰC HIỆN: 

Bước 1: Truy cập vào Quản Trị Blogger - Chủ đề - Chỉnh Sửa HTML.
Bước 2: Dán đoạn CSS dưới đây trước thẻ ]]></b:skin>
.comment-form iframe{background:url(//2.bp.blogspot.com/-_hFW6XSlHYI/WdOZx5uuMqI/AAAAAAAAALU/gjeRA_qU4KkM5pHcQpNi64mK8BbGgavCgCLcBGAs/s1600/Galaxy-Tab-S-Wallpaper-SamMobile_014.jpg) no-repeat; padding:0;width:618px;height:250px;border:1px solid #fff}
.comment-form iframe:hover{background:url(//3.bp.blogspot.com/-lYQ7VWHC7vE/WdOZ-TxDZuI/AAAAAAAAALY/m1xxnQI-sq8CK-iau3_0UEg2ldWbEDBeACLcBGAs/s1600/commenteditor%2B%25281%2529.png) no-repeat;}
#comment-editor{width:100%!important;opacity:0.7;transition: all 0.5s ease-in-out}
#comment-editor:hover{opacity:1}

  • Bạn có thể thay 2 link hình ảnh trên bằng hình ảnh bạn thích, hiệu ứng hình ảnh 2 độc đáo sẽ hiện ra khi bạn rê chuột vào khung bình luận nhé.
  • Lưu ý không phải template nào cũng làm phát được luôn, bạn có thể phải thay lại 2 thông số width và height sao cho phù hợp với blog bạn nhất nhé.
Bước 3: Lưu template lại và kiểm tra kết quả.

LỜI KẾT

Ok vậy là xong rồi đó. Chúc các bạn thành công nhé :)

                                                                                                          Nguồn: StarCuongIT
Không có nhận xét nào:
1. Chèn ảnh: [img]Link ảnh[/img]
2. Chèn video: [youtube]ID Video[/youtube]
Hướng dẫn lấy ID Video từ Youtube

Ví dụ video có link trực tiếp: https://www.youtube.com/watch?v=BUaLnDL3f-M, ta sẽ lấy BUaLnDL3f-M và thay vào vị trí ID Video ở cú pháp trên.

Nội quy chung Bảo Shady Blog

1. Bài viết đều tự tay tác giả viết nên nếu có ý định copy xin hãy ghi nguồn bài viết đó.
2. Template được lên ý tưởng và thiết kế bởi Phú Cường Blogger vì vậy tuyệt đối không tự ý RIP Template hoặc lấy và dùng từ những nguồn ăn cắp khác khi tác giả chưa share công khai. Nếu tôn trọng mình thì bạn có thể trao đổi mua template tại fb Nguyễn Phú Cường.
3. Không được spam dưới mọi hình thức và đưa ra những bình luận xúc phạm đến danh dự và nhân phẩm của người khác (những bình luận vi phạm sẽ bị xóa).

Đang cập nhật thêm nội quy...

- Blog: Bảo Shady Blog - Life Is Share
- Thành lập: 01/08/2017
- Nội dung: Blog chủ yếu viết về những thủ thuật blog, và các thủ thuật khác. Ngoài ra, blog thi thoảng còn chia sẻ một vài bài viết về đời sống, share ảnh đẹp, tin tức về đời sống...
- Tác giả blog: Huỳnh Hoài Bảo hiện đang là học sinh cấp 2 THCS Lê Thị Cẩm Lệ, Bạc Liêu.
- Template: Twitter Template Version 1.0 By Phú Cường Blogger.

Lời cuối chúc các bạn có những phút giây thật vui vẻ và ý nghĩa tại blog nhé!