Cách chèn liên kết cuộn tới một dòng bất kỳ trên website, blog

Hôm nay mình xin trình bày cách chèn liên kết cuộn tới một dòng bất kỳ trên website, blog. Có lẽ liên kết nhảy (scroll) là một trong những liên kết phổ biến trên các website, blog nhưng làm sao để tạo ra ra liên kết ấy. Bạn xem bài viết này chắc hẳn bạn cũng đang tập tành viết blog như mình. Mình cũng chẳng cao siêu gì chẳng qua là biết trước bạn 1 chút nên chia sẻ lại cho bạn biết thôi.

Mình xin lấy bài viết này làm ví dụ luôn nhé, bạn có thể click vào các link bên dưới xem nó hoạt động thế nào nhé:

Các bước thực hiện:
+ BƯỚC 1: Hoàn chỉnh bài viết
+ BƯỚC 2: Gán địa chỉ ID
+ BƯỚC 3: Tạo liên kết
+ BƯỚC 4: Thưởng thức

Về cơ bản thì cách thực hiện trên Website hay trên Blog cũng như nhau thôi. Mình xi hướng dẫn bạn làm trên Blog.

Tiến hành thực hiện thôi!

+BƯỚC 1: Hoàn thành chỉnh bài viết.
Trên Blog trong trình soạn thảo bạn chọn chế độ "Viết" để viết bài viết như mong muốn. Bởi vì khi viết xong bài hoàn chỉnh bạn mới biết là mục nào của bài viết được liên kết nhảy tới dòng nào đúng không?

+ BƯỚC 2: Gán địa chỉ ID. Bạn đọc hiểu nôm na gán địa chỉ ID ở đây là đặt tên cho dòng đích bạn muốn nhảy tới, giống như đặt số nhà vậy.
Sau khi hoàn thành BƯỚC 1 bạn chuyển sản chế độ soạn HTML tìm dòng đích bạn muốn cuộn tới để gán thẻ ID.
Cú pháp đặt ID như sau:  <div id="Buoc-1"></div>   Copy đoạn code này và sửa "Buoc-1" theo ý bạn rồi dán vào dòng đích bạn muốn cuộn tới.
Ví dụ bài mình:

+ BƯỚC 3: Tạo liên kết. Liên kết có dạng như sau: <a href="#Buoc-1">Gán địa chỉ ID</a>
Trong đó: #Buoc-1 là địa chỉ ID bạn đã gán trước đó. Còn chữ "Gán địa chỉ ID" Bạn có thể thay thế bằng dòng chữ bạn muốn show ra thay cái link.

Nói thì phức tạp chứ thực tế làm thật dễ dàng phải k?

Nếu bạn đã làm theo đúng 2 bước trên thì bạn có thể chuyển qua BƯỚC 4 là thưởng thức kết quả của mình rồi.
Trên đây mình đã hướng dẫn cách chèn liên kết cuộn tới một dòng bất kỳ trên website, blog  xong rồi đấy!

Xem video hướng dẫn:

CHÚC CÁC BẠN THÀNH CÔNG!!!

>>XEM LẠI<<