Cách rip template blogger cơ bản và tạo bio card

Bước 1

Truy cập trang carrd.co tại đây hoặc một số trang tạo bio card khác. Cơ bản thì mình thấy trang này khá nhiều theme và cũng đẹp và hiệu ứng load nhanh nữa, nên mọi người có thể tham khảo

Bước 2

Các bạn chọn Select để tự tạo riêng cho mình một bio, các bạn chỉnh các thông tin, hình ảnh,... sau đó sẽ nhận được 1 url từ carrd.co (Mình tin là các bạn sẽ tự mày mò được chỗ này, cũng đơn giản thôi). Ở đây mình sẽ dùng mục Demo để hướng dẫn nhanh.

Bước 3

Sau khi có được url, các bạn truy cập vào đó, nhấn view page bằng cách tổ hợp ctrl+u hoặc chuột phải chọn  View page source. Sau đó chúng ta sẽ copy toàn bộ đoạn code đó lại

Bước 4

Lên google chúng ta sẽ tìm kiếm cụm từ html beautiful và chọn một trang bất kỳ để format lại đoạn code ở Bước 3 cho dễ nhìn.

Bước 5

Tạo và mở trình chỉnh sửa file index.html. Cho bạn nào là newbie thì mình đang dùng SublimeText4 Editor để chỉnh sửa file nhé. Ngoài ra còn có VSCode,...

Bước 6

Chúng ta paste code vừa format vào file index.html, sau đó nhấn save lại.
Để xem thành quả, chúng ta sẽ click chuột phải vào file index.html và chọn open with > chọn trình duyệt để xem như trong video của mình.

Như hình chúng ta sẽ chọn 1 trong 2 (hoặc nhiều hơn trình duyệt, tùy bạn) để xem nội dung của file đó.
Là chúng ta sẽ xem được như thế này

Bước 7

Sau đó sẽ làm như video bên dưới


Chúc các bạn thành công
0
0
0
0
0
Ng.Đ Hoàng

@iHoala

1 Nhận xét

Mới hơn Cũ hơn