Hướng dẫn cách thêm nút XEM vào thumbnail cho Blog

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ thủ thuật cách thêm nút xem dưới thumbnail cho Blog thủ thuật này chỉ đơn giản 1 đoạn code nhỏ thôi nên sẽ không ảnh hưởng gì.

CÁCH LÀM

Bước 1: các bạn rê chuột vô thumnail click chuột phải tìm class hoặc id của thumnail thường thì đoạn code thumnail nó nằm bên trong thẻ A.

Bước 2: Truy cập Blog ==> Chủ đề ==> Chỉnh sửa HTML ==> tìm đoạn class của thumnail ở bước 1 ==> chèn đoạn code bên dưới vào sau thẻ <img

<div class='account_price' style='background:rgba(0,0,0,0) url(https://i.imgur.com/A1z8i4D.png) repeat scroll 0 0;bottom:0;color:#7577a9;height:23px;left:50%;line-height:23px;margin-left:-52px;position:absolute;text-align:center;width:104px'>Xem</div>

TỔNG KẾT

xong, chỉ một đoạn code nhỏ đã làm blog bạn nhìn đẹp hơn hẳn rồi phải không nào☺
Chúc các bạn thành công ! có thắc mắc gì comment bên dưới nhé.

Nguồn: tùm lum hết không nhớ...

Bài đăng Mới hơn Bài đăng Cũ hơn